@charset "utf-8";
/* update 2018/03/06 */

* {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.newItem2 li.e a {height:95px; padding:15px 100px 0 20px; /*letter-spacing:-1px;*/}
.newItem2 li.e div a strong { margin-bottom:5px; line-height:100%;}
.newItem2 li div a {background:url(images/jp_itemshop2_web.png) 0 0 no-repeat;}
.uh .menu li a.iRandom {background:url(images/pc/jp_ico_web_random.png) 0 0 no-repeat;}

#mySetting p.infosub{ padding: 10px 0;}
#mySetting > p.infosub{ padding: 10px;}

ul.myset_list { display:inline-block; width:100%; padding:0; font-size:0; line-height:0; letter-spacing:-5px; }
ul.myset_list li { display:inline-block; *display:inline; vertical-align:top; width: 33%; font-size:14px; line-height:1.5; letter-spacing:0; margin-bottom: 10px; margin-right: 1px;}
ul.myset_list li  { padding: 5px; background-color: #ffffff;}
ul.myset_list h6 { font-size: 11px; font-weight: bold; margin-bottom: 5px; height: 2em}
ul.myset_list .thumb { width: 100%; max-height:154px; overflow:hidden; }
ul.myset_list .thumb img { width: 100%; }
ul.myset_list .thumb.disable img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.2s linear;
	opacity: 0.5;
}

ul.myset_list p.date{ font-size: 10px; height:15px; }
ul.myset_list p.date img { width: 10px; margin-right:0.5em;}
ul.myset_list p.notset{ font-size: 10px; color: #9499a7; height:15px; }

ul.myset_xlist li { margin-bottom: 10px; margin-right: 1px;}
ul.myset_xlist li > a ,
ul.myset_xlist li > span { display: block; padding: 5px; background-color: #ffffff;}
ul.myset_xlist h6 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
ul.myset_xlist .thumb {width: 33%; float: left; margin-right: 15px; text-align: center; background-color: #E6E6E6; padding: 5px 0}
ul.myset_xlist .thumb img { width: 100%;}
ul.myset_xlist .thumb a { display: block; width: 80px; height: 135px; margin: 0 auto;}
ul.myset_xlist p.info {font-size: 12px; float: left; width:60%;}
ul.myset_xlist p.info a.btn {
	display: block; width: auto; margin:5px 0 0 0; text-align: left; padding: 5px 10px;
	background-color: #ffffff; border: 1px solid #CDCDCD;  border-radius: 15px; font-size: 12px;
}

ul.myset_xlist p.date{ font-size: 10px}
ul.myset_xlist p.date img { width: 10px; margin-right:0.3em;}

ul.xlist p.date {font-size: 12px; margin: 5px 0 0;}
ul.xlist p.date img{ width: 10px; margin-right:0.2em;}
ul.xlist .li_nohave p.date { color: rgba(142,142,142,1.00)}

ul.xlist p.dateget { font-size: 10px; color: #336699; margin: 0;}

ul.xlist p.type { font-size: 11px; margin: 0; font-weight: bold;}
.mySet p.type { font-size: 9px; text-align: center; font-weight: bold}
.mySet p.type span { font-size: 12px; text-align: center}

ul.xlist p.type.moving,
dd.moving,
.mySet .moving { color: #c46f6f;}
ul.xlist p.type.pict,
dd.pict,
.mySet .pict { color: #8EC379;}

ul.xlist p.cate { font-size: 11px; margin: 3px 0 0;}
ul.xlist p.cate span { 
	display: inline-block; font-size: 8px; background-color:rgba(136,136,136,1.00); color: rgba(255,255,255,1.00); text-align: center;
	padding: 2px 5px; border-radius: 3px;}
ul.xlist p.cate span.premium { background-color:#755ba8;}
ul.xlist p.cate span.collection { background-color: #90a2aa;}



.mySet h4.list_cate { position: relative; padding: 10px 10px 10px 0}
.mySet h4.list_cate a { display: inline-block; position: absolute; right: 0; left: auto; top: 3px; bottom: auto; height:26px}

.mySet h4.list_cate a:link,
.mySet h4.list_cate a:visited{ font-size: 12px; padding: 6px 15px; border-radius: 15px; border: 1px solid #CDCDCD; background-color: #ffffff; width:90px; text-align: center}

.mySet h4.list_cate a:active,
.mySet h4.list_cate a:hover,
.mySet h4.list_cate a:focus { 
	text-decoration: none; background-image: none; outline: 0; 
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }

a#menu_myset {
	display: block; width:35px; height: 35px; color: #ffffff; font-size: 20px; line-height: 35px; text-align: center;
	position: absolute; left:auto; right:5px; top:5px; bottom:0;
	z-index: 20;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 5px;
}
h3 a#menu_myset:hover,
h3 a#menu_myset:active,
h3 a#menu_myset:focus {background-color:rgba(0,0,0,0.1);}

#menu_myset_cont {
	background-color: #313233;
	padding: 10px;
	position: relative;
	top: 0;
}
#menu_myset_cont span.glyphicon { position: absolute; right: 10px; top: -16px; font-size: 40px; display: block; line-height: 20px;}
#menu_myset_cont ul li{ border-bottom: 1px solid rgba(255,255,255,0.1)}
#menu_myset_cont a:link,
#menu_myset_cont a:visited { color:#ffffff; display: block; padding: 10px;}

#mySetting h3.h3 {
	font-size: 16px; background-color:#555759; padding:10px; color: #ffffff; position: relative;
	min-height: 40px; line-height: 28px;
}
.mySet h4:first-child { margin-top: 0}
.mySet { padding-top: 10px !important;}


/*
#xscreen
.li_nohave
.li_nostock
.li_myset
*/

#xscreen { /*padding-bottom: 20px;*/} 
#xscreen .subtitle { border-bottom: 1px solid rgba(95,95,95,0.5); padding:10px; position: relative;}
#xscreen .subtitle h2 { font-size:18px; font-weight: bold;}
#xscreen .subtitle h2:first-letter{ color:#d22630; }
#xscreen .subtitle h3 { font-size:18px; font-weight: bold; }

#xscreen .subtitle p { font-size:12px; color: #4B4B4B; font-weight:bold; }
#xscreen .subtitle a.premium,
#xscreen .subtitle a.normal{
	position: absolute; right: 55px; top: 10px;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	color:#FDFDFD;
	border-radius: 6px;
	padding: 8px 10PX;
	background-color:#CCB22B;
}
#xscreen .subtitle a.normal {
	color: #3A3A3A;
	border: 1px solid #E6E6E6;
	background-color: #ffffff;
}
a#menu_screen {
	display: block; width:34px; height: 34px; color: #3A3A3A; font-size: 19px; text-align: center;
	position: absolute; left:auto; right: 10px; top:10px; bottom:0;
	z-index: 20;
	border-radius: 6px;
	border: 1px solid #E6E6E6;
	line-height: 34px;
}
a#menu_screen:hover,
a#menu_screen:focus {background-color: #E6E6E6;}

h3 a#menu_screen {
	display: block; width:35px; height: 35px; color: #ffffff; font-size: 20px; line-height: 35px; text-align: center;
	position: absolute; left:auto; right:5px; top:5px; bottom:0;
	z-index: 20;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 5px;
}
h3 a#menu_screen:hover,
h3 a#menu_screen:active,
h3 a#menu_screen:focus {background-color:rgba(0,0,0,0.1);}

#menu_screen_cont {
	background-color: #313233;
	padding: 10px;
	position: relative;
	z-index: 0;
	top: 0;
}
h3 + #menu_screen_cont {top: 0;}

#menu_screen_cont span.glyphicon { position: absolute; right: 13px; top: -19px; font-size: 50px; display: block; line-height: 20px; }
#menu_screen_cont ul li{ border-bottom: 1px solid rgba(255,255,255,0.1)}
#menu_screen_cont a:link,
#menu_screen_cont a:visited { color:#ffffff; display: block; padding: 10px;}

h3 + #menu_screen_cont {
	background-color: #313233;
	padding: 10px;
	position: relative;
}
h3 + #menu_screen_cont span.glyphicon { position: absolute; right: 10px; top: -16px; font-size: 40px; display: block; line-height: 20px;}

#xscreen .sort_box { padding:10px 10px; text-align: right}
#xscreen .styled-select select { font-size: 12px;}
#xscreen .styled-select { display: inline-block; width: 100px; height: 30px;}

#xscreen .sort_box select,
.styled-select select {
 -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  line-height: 1.5em;
  font-size: 0.8em;
}

#xscreen p.help { padding:0 0 10px 0; text-align: center;}
#xscreen p.help a:link,
#xscreen p.help a:visited { text-decoration: underline; color: #34465A; font-weight: bold;}
#xscreen .sort_box .help { display: inline-block; float: left; padding:5px 0; text-align: left;}
#xscreen .section-inner { margin: 20px 10px;}

ul.xlist { display:inline-block; font-size:0; line-height:0; letter-spacing:-5px; width: 100%; }
ul.xlist li { display:inline-block; vertical-align:top; width: 33%; text-align: center; letter-spacing:0; line-height:1.5; padding: 0 0 20px 0; position: relative;}
ul.xlist li a { display: block;}
ul.xlist .screenthumb { width:100%; overflow: hidden; position: relative; margin:0 auto; border:3px solid rgba(255,130,0,0); box-sizing: border-box;}
ul.xlist .screenthumb .locked {
	position: absolute; background-color: rgba(255,255,255,0.5); width: 100px; height: 100px;
	transform: rotate(45deg); top:-54px; right:-87px; z-index: 2;
}
ul.xlist .screenthumb span.glyphicon-lock{ 
	display: inline-block; position: absolute; color: rgba(213,8,65,1.00); font-size: 11px; right: 3px; top: 3px;
	z-index: 3;
	
}

ul.xlist a.favo {
	width:30px; height: 30px; margin: auto; display: inline-block; position: absolute; overflow: hidden;
	top: 0; right: 5px;
	z-index: 1;
}
ul.xlist a.favo span.glyphicon-lock{ 
	display: inline-block; position: absolute; color: rgba(213,8,65,1.00); font-size: 11px; right: 11px; top: 11px;
	z-index: 3;
}
ul.xlist a.favo.none span.glyphicon-lock{ 
	color: rgba(0,0,0,0.5);
}
ul.xlist a.favo .locked {
	position: absolute; background-color: rgba(255,255,255,0.7); width: 18px; height: 18px;
	top:8px; right:8px; z-index: 2; border-radius: 3px;
}


ul.xlist .screenthumb img { width:100%; display: block; position: relative; z-index: 1;}
ul.xlist .screenthumb.rare img { margin: 3px; box-sizing: content-box}
ul.xlist .li_nohave .screenthumb img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.2s linear;
	/* opacity: 0.5; */
}

#screenopt .off img,
#vs5screenopt .off img,
.screenthumb.off img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.2s linear;
	opacity: 0.5;
}

ul.xlist .screenthumb .ribbon {
	position: absolute; background-color:#ff0000; color: #ffffff; font-size: 9px; text-align: center;
	transform: rotate(-45deg); top:5%; left: -35%;
	width: 100%;
	z-index: 3;
}
ul.xlist .screenthumb .status {
	position: absolute; background-color:rgba(0,0,0,0.60); color: #ffffff; font-size: 9px; text-align: center;
	bottom:0; right:0;
	width: 100%;
	padding: 3px 0;
	z-index: 2;
}


ul.xlist .li_myset .screenthumb  { border-color:rgba(255,130,0,0.00);}
ul.xlist li .border { width: 90%; height: 100%;	margin: auto;}
#screenopt .border,
#vs5screenopt .border,
.mySet .border {padding: 3px;}

ul.xlist li .border.rare,
#screenopt .border.rare,
#vs5screenopt .border.rare,
.mySet .border.rare{
background: -webkit-gradient(radial, 51% 48%, 0, 51% 48%, 122, color-stop(0.99, #fff600), color-stop(0.55, #967315));
background: -webkit-radial-gradient(51% 48%, circle, #967315 55%, #fff600 99%);
background: -moz-radial-gradient(51% 48%, circle, #967315 55%, #fff600 99%);
background: -o-radial-gradient(51% 48%, circle, #967315 55%, #fff600 99%);
background: -ms-radial-gradient(51% 48%, circle, #967315 55%, #fff600 99%);
background: radial-gradient(51% 48%, circle, #967315 55%, #fff600 99%);

}


ul.xlist .screenthumb .status.myset { 
	background-color: rgba(0,0,0,0.50);
}
ul.xlist .screenthumb .status.myset > div {
	color: rgba(255,255,255,1.00);
	padding-top: 3px;
}
ul.xlist .screenthumb .status.myset > div span {color: #f8a800;}
ul.xlist .li_myset.option .screenthumb .status.myset {
	background-color: rgba(0,0,0,0.50);
}


ul.xlist .screenthumb .status > span {
	display: inline-block;
	width: 44%;
	font-size: 7px;
	background-color: rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.4);
	padding: 2px 0;
	border-radius: 3px;
	margin-bottom: 2px;
}
ul.xlist .screenthumb .status > span.on {
	background-color: rgba(0,0,0,0.8);
	color: rgba(255,255,255,1.0);
}

ul.xlist .screenthumb .nohave {
	position: absolute; color:rgba(255,255,255,0.5); font-size: 30px; text-align: center;
	right:0; left:0; top:30%; bottom:auto;
	width: 100%; height:40px;  padding: 5px 0;
	font-family: "Times New Roman", Times, "serif";
}

ul.xlist p.stock,
ul.xlist p.price { font-size: 14px; padding: 0; color:#703737; margin: 5px 0 0;}
ul.xlist p.price { color:#666666; }

ul.xlist .li_nohave p.stock { color:rgba(95,95,95,1.00);}
ul.xlist p.stock img { margin-right: 5px; width: 12px;}
ul.xlist p.price img { margin-right: 5px; width: 12px;}

#xscreen .detail_wrap .preview { padding: 20px 20px 0 20px; position: relative;}
#xscreen .detail_wrap .preview img { width: 182; height: 307px; margin: 0 auto; border-radius: 0;}
#xscreen .detail_wrap .preview iframe {margin: 0 auto; display: block;}
#xscreen .detail_wrap .bx-wrapper { margin-bottom: 30px; }

#xscreen .item_info h4.itemname { font-size: 16px; font-weight: bold;}
#xscreen .item_info dl.sub { display: table; table-layout: fixed; width: 100%;}
#xscreen .item_info dl.sub dt { display: table-cell; width: 25%; font-size: 10px;}
#xscreen .item_info dl.sub dd { display: table-cell; width: 75%;}


#xscreen .item_info .price { width: 90%; margin: 10px auto; border: 1px solid rgba(0,0,0,0.1); border-left: 0; border-right: 0; padding-bottom: 10px}
#xscreen .item_info .price.btm { margin-top: 20px;}
#xscreen .item_info .price  dl.sub {padding: 10px}
#xscreen .item_info .price  dl.sub:last-child {padding-bottom:0}
#xscreen .item_info .price  dl.sub dt { width: 70%; font-size: 14px; text-align: center; padding-right: 10px;}
#xscreen .item_info .price  dl.sub dd { width: 30%; font-size: 14px; text-align: center;}


#xscreen .item_info .stock {font-size: 18px; text-align: center; padding: 10px 0; color: #703737;}
#xscreen .item_info .stock span {font-size: 24px;}

#xscreen .item_info .btnarea { font-size: 18px; text-align: center; background-color: #F2F2F2; padding: 10px 0; margin: auto -10px;}
#xscreen .item_info .btnarea .box-tbl { table-layout: fixed;}
#xscreen .item_info .btnarea .cell { padding: 0 10px;}
#xscreen .item_info .btnarea a.btn { color: #ffffff; width:100%; font-size: 15px; padding-left: 20px;}

#xscreen .from_info h4 { font-size: 16px; font-weight: bold;}
#xscreen .from_info .log li { font-size: 12px; font-weight: normal; margin-left: 10px;}
#xscreen .from_info .log span.glyphicon-minus-sign { color:#974949;}
#xscreen .from_info .log span.glyphicon-plus-sign  { color:#495797}
#xscreen .from_info .log li .date { font-size: 10px; font-weight: normal; color: #5E657F; display: block;}
#xscreen .from_info p { font-size: 12px;}


/* xitem log */
#xscreen .xitem_log { background-color: #F2F2F2; padding: 10px;}
#xscreen .xitem_log .log { border: 1px solid #cccccc; border-top: 0px; padding: 10px; margin: 0px; background-color: #ffffff;}
#xscreen .xitem_log .log:first-child { margin-top: 0; border-top: 1px solid #cccccc;}
#xscreen .log li.date { color: #5E657F; font-size: 12px;}
#xscreen .log li.itemname a:link,
#xscreen .log li.itemname a:visited { color: #3366cc; font-weight: bold;}
#xscreen .log li.msg { color: #333333;}

.promoarea { padding: 10px; text-align: center}
.promoarea a:link,
.promoarea a:visited {color:#f03033; font-weight: bold; text-decoration:underline}
.promoarea a .tag { background-color: #f03033; margin-right: 5px;}

.mPopup .hd.blank{ background-color: #ffffff; color: #ffffff; height: 20px; }
.iClose.gray a,
.iDelete.gray a {
	-webkit-filter: invert(30%);
     -moz-filter: invert(30%);
     -o-filter: invert(30%);
     -ms-filter: invert(30%);
     filter: invert(30%);
}
.loadmore { text-align: center; padding: 10px;}
.loadmore a {
	font-size: 14px; padding: 6px 15px; border-radius: 15px; border: 1px solid #CDCDCD; background-color: #ffffff; width:200px; text-align: center;
	display: inline-block;
}
.loadmore.small a {font-size: 12px; padding: 3px 15px; border-radius:12px; width: auto;}
.loadmore a:hover,
.loadmore a:active,
.loadmore a:focus {
	text-decoration: none;background-image: none; outline: 0; 
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}

.rlink a {font-size: 14px; padding: 6px 15px; border: 1px solid #CDCDCD; background-color: #ffffff; width:200px; text-align: center;display: inline-block; border-radius: 20px;}

#xscreen .buy.btnarea { margin-top: 20px;}
#xscreen .buy .infosub { margin:10px auto 0 auto; color:#577995; display:block; max-width:450px;}
#xscreen .buy p { padding-top:10px; margin:0}
#xscreen .buy p.text-muted { font-size: 14px; margin-bottom: 10px;}
#xscreen .buy h6 { color:#755BA8; font-size:14px;}
#xscreen .buy hr { margin-top: 10px; margin-bottom:0;}
#xscreen .coin, .mPopup .coin { color:#755BA8; }
#xscreen .goldpt, .mPopup .goldpt { color:#a39056; }

#xscreen .coin.sale { color:#C10003 }
#xscreen .tag.sale { background-color:#C10003; font-size: 10px; line-height: 16px;}
#xscreen .mycoin  { text-align:center; padding: 10px;} 
#xscreen .btnarea .mycoin a.btn {
	background-color: #ffffff; font-size: 12px; color:#755ba8; border: 1px solid rgba(0,0,0,0.1); width: auto; padding-left: 10px;} 

.conArea.screen .cont_area { padding: 10px 10px 0 10px; border-top:1px solid #e6e6e6;}

.area .img span.screen{background-position:-159px 0px;}

a#screenopt-menu {display:inline-block; position: absolute; bottom:5px; right:10px; font-size: 12px;}
a#screenopt-menu span { display: inline-block;}
a#screenopt-menu span.opened {transform: rotate(180deg);}

a#vs5screenopt-menu {display:inline-block; position: absolute; bottom:5px; right:10px; font-size: 12px;}
a#vs5screenopt-menu span { display: inline-block;}
a#vs5screenopt-menu span.opened {transform: rotate(180deg);}

.btnarea a#screenopt-menu {
		color: #6880b9; width:100%; font-size: 12px; position: relative; display: block; text-align: left; left: 0;
		padding:10px 10px 5px 10px; margin-top: 10px;}
.btnarea a#screenopt-menu span { position: absolute; right: 5px;}

#screenopt .box-tbl { table-layout: fixed;}
#screenopt .box-tbl .cell { padding: 5px;}
#screenopt h5 { font-size: 14px; font-weight: bold; margin: 5px; padding-top:10px; border-top: 1px solid #e6e6e6;}
#screenopt a { display: block;}
#screenopt h6 { font-size: 10px; text-align: center; margin: 5px 0; color: #65686f;}
#screenopt ul.infosub { margin: 5px;}
#screenopt ul.infosub li { margin-bottom: 5px; font-size: 10px;}
#vs5screenopt .box-tbl { table-layout: fixed;}
#vs5screenopt .box-tbl .cell { padding: 5px;}
#vs5screenopt h5 { font-size: 14px; font-weight: bold; margin: 5px; padding-top:10px; border-top: 1px solid #e6e6e6;}
#vs5screenopt a { display: block;}
#vs5screenopt h6 { font-size: 10px; text-align: center; margin: 5px 0; color: #65686f;}
#vs5screenopt ul.infosub { margin: 5px;}
#vs5screenopt ul.infosub li { margin-bottom: 5px; font-size: 10px;}

.item_info ul.infosub li { font-weight: normal; margin-bottom: 5px; padding: 0; font-size: 12px; text-align: left}
.item_info ul.infosub { margin: 10px 0;}

.txt ul.infosub { margin-bottom: 0; margin-top: 0}

.screenopt-wrap { padding: 0 20px;}
.screenopt-wrap ul li {margin: 0; list-style-image: none;}
.screenopt-wrap li a {
	display:block; position: relative; border: 1px solid #6880b9; background-color: #ffffff;
	text-align: left; padding: 5px;
	text-decoration: none; font-weight: normal; border-radius: 5px;
	}

.screenopt-wrap li a span.act {
	display: inline-block; position: absolute; right: 5px; top: 3px; width: 100px; text-align: center;
	background-color: #6880b9; color: #FFFFFF; font-size: 11px; padding: 4px; border-radius: 5px;
	padding-right: 10px;
	}
.screenopt-wrap li a span.msg { 
	color:rgba(255,130,0,1.00); font-weight: bold; font-size: 11px; display: inline-block; padding: 4px;
	width: 60px; position: absolute; right: 110px; top: 3px;
	}
.screenopt-wrap li a span.act:after {
	font-size:10px;width:12px;height:12px; display:block; position:absolute; right:5px; top:0; bottom:2px; margin:auto;
	font-family: 'Glyphicons Halflings';content: "\e258";}
.screenopt-wrap li.on a span.act { background-color: #525a6d;}


.screenopt-wrap li a.disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.myset_xlist span.clearfix { position: relative;}
.myset_xlist span.main a h6 {font-size: 10px; text-align: center; margin:0 auto; padding: 5px; background-color: rgba(0,0,0,6); position: absolute; color: #ffffff; font-weight: normal;}
.myset_xlist p.date { margin-top: 5px; text-align: center}

.basicsrinfo { position: relative; padding:10px 0 20px 0;}
.basicsrinfo .wrap {
	position: absolute; width: 80px; right: 0; top: 0; overflow:visible; background-color: #F2F2F2; padding: 5px; text-align: center;
	border-radius: 5px;}
.basicsrinfo h6 {margin: 0; font-size: 10px; text-align: center}
.basicsrinfo a.protect { display: inline-block; text-align: center; font-size: 20px; padding: 5px; color: rgba(213,8,65,1.00);}
.basicsrinfo a.protect.off {color:#dadada;}

.screenopt-wrap + .box-tbl { margin-top: 10px;}
#xscreen .subtitle + ul.infosub { margin: 10px 10px 0 10px;}
#xscreen hr { margin: 0;}

.screen_banner { border-top:1px solid #dadada; padding: 10px 5px;}
.screen_banner .box-tbl { table-layout: fixed;}
.screen_banner .box-tbl .cell{ padding:5px;}
.screen_banner .box-tbl a{display: block}

/* X SCREEN responsive */
@media (min-width:769px){
	#mySetting .conArea.gray .mySet { padding: 20px !important;}
	.mySet h4 { font-size: 20px; margin-bottom: 1em;}
	ul.myset_list li  { padding: 15px;}
	ul.myset_list h6 { font-size: 16px;}

	ul.myset_list p.date{ font-size: 12px; height:16px; }
	ul.myset_list p.date img { width: 12px;}
	ul.myset_list p.notset{ font-size: 12px; height:16px;}
	#xscreen .sort_box select, .styled-select select { font-size: 16px}
	
	#mySetting h3.h3 { font-size: 20px; padding: 10px;}
	a#menu_myset {font-size: 20px; line-height: 35px; right:10px; top:8px; bottom:0;}
	h3 a#menu_screen {font-size: 19px; line-height: 35px; right:10px; top:8px; bottom:0;}
	#menu_myset_cont span.glyphicon {right: 15px; top: -19px;}
	h3 + #menu_screen_cont span.glyphicon {right: 15px; top: -19px;}
	
	ul.myset_xlist .thumb {padding: 15px 0}
	ul.myset_xlist .thumb a { width: 140px; height: 237px; margin: 0 auto;}
	ul.myset_xlist p.info {font-size: 14px; width:65%;}
	ul.myset_xlist p.info a.btn {margin:10px 0 0 0;padding:10px 20px; border-radius: 20px; font-size: 16px;}
	ul.myset_xlist li > a, ul.myset_xlist li > span {padding:15px;}
	ul.myset_xlist h6 { font-size: 16px;}
	
	.promoarea { padding: 20px; font-size: 16px;}
	.promoarea a .tag { background-color: #f03033; margin-right: 5px;}
	.conArea.gray .selectBox { padding: 20px;}
	
	ul.xlist { width: 960px; margin-left: auto; margin-right: auto;}
	ul.xlist li { width: 160px;}
	
	ul.xlist .screenthumb .ribbon {font-size:12px;}
	ul.xlist .screenthumb .status {font-size:12px;}
	ul.xlist .screenthumb .status > div {font-size:11px;}
	
	ul.xlist .screenthumb .nohave { font-size: 60px; height:60px;}
	ul.xlist p.stock, ul.xlist p.price { font-size: 16px; padding: 10px 0;}
	ul.xlist p.stock img, ul.xlist p.price img { margin-right: 5px; width: 16px;}
	#xscreen .section-inner { margin: 20px auto; width: 720px;}
	
	#xscreen .detail_wrap { display: table; margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,0.1)}
	#xscreen .detail_wrap .preview {display: table-cell; width: 450px;}
	#xscreen .detail_wrap .item_info {display: table-cell; width: 520px; vertical-align:top; padding: 120px 0 30px 30px;border-left: 1px solid rgba(0,0,0,0.1)}
	#xscreen .detail_wrap .item_info .btnarea { margin: auto 0; padding: 20px}
	#xscreen .detail_wrap .preview { padding: 40px 20px 30px 20px;}
	#xscreen .detail_wrap .preview img { height: 506px;}
	#xscreen .detail_wrap .preview iframe { width: 300px; height: 506px;}
	
	#xscreen .from_info { margin-top: 20px;}
	#xscreen .item_info .stock { margin: 20px 0;}
	#xscreen .item_info dl.sub dt { font-size: 12px;}
	#xscreen .subtitle h3 { font-size:20px;}
	#xscreen .styled-select select { font-size: 14px;}
	#xscreen .styled-select { width: 150px; height: 40px;}
	.conArea.screen .cont_area { padding: 20px 0 0;}
	.conArea.getItem { margin-top: 30px;}
	#xscreen .xitem_log { padding: 20px;}
	
	.area .img span.screen{background-position:-171px 2px}
	
	a#screenopt-menu { bottom:10px; right:20px;	font-size: 14px;}
	a#vs5screenopt-menu { bottom:10px; right:20px;	font-size: 14px;}
	#screenopt .box-tbl { width: 90%; margin-left: auto; margin-right: auto;}
	#screenopt .box-tbl .cell { padding:20px 30px;}
	#screenopt h5 { font-size: 18px; padding-top: 20px;}
	#screenopt h6 { font-size: 16px; margin: 10px 0;}
	#screenopt ul.infosub { margin: 10px;}
	#screenopt ul.infosub li { margin-bottom: 10px; font-size: 12px;}
	#vs5screenopt .box-tbl { width: 90%; margin-left: auto; margin-right: auto;}
	#vs5screenopt .box-tbl .cell { padding:20px 30px;}
	#vs5screenopt h5 { font-size: 18px; padding-top: 20px;}
	#vs5screenopt h6 { font-size: 16px; margin: 10px 0;}
	#vs5screenopt ul.infosub { margin: 10px;}
	#vs5screenopt ul.infosub li { margin-bottom: 10px; font-size: 12px;}
	.myset_xlist span.main a h6 {font-size: 12px;}
	ul.myset_xlist p.date { font-size: 12px; margin-top: 10px;}
	ul.xlist .screenthumb .locked {top:-85px; right:-50px;}
	ul.xlist .screenthumb span.glyphicon-lock{ font-size: 12px; top: 4px;}
	
	
	.screenopt-wrap li a  { font-size: 14px;}
	.screenopt-wrap li a span.act {
		right: 5px; top: 3px; width: 100px; font-size: 11px; padding: 4px; border-radius: 5px;padding-right: 10px;
	}
	.screenopt-wrap li a span.msg { padding: 4px;width: 60px; right: 110px; top: 3px;}
	.screenopt-wrap li a span.act:after {
		font-size:10px;width:12px;height:12px; display:block; position:absolute; right:5px; top:0; bottom:2px;
	}
	.btnarea a#screenopt-menu {top: 0px;}
	ul.xlist .screenthumb .status > span {font-size:8px;padding: 2px 0;border-radius: 3px;margin-bottom: 2px;}
	.mySet p.type { font-size: 12px; }
	.mySet p.type span { font-size: 14px; }
	.screen_banner { padding: 20px 5px; margin-top: 20px;}
	

	
	
}

/* end X SCREEN */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.glyphicon-option-horizontal:before { font-family: 'Font Awesome 5 Free'; content: "\f141";}
.glyphicon-triangle-top:before { font-family: 'Font Awesome 5 Free'; content: "\f0d8";}
.btn.arrow:after {content: "\e258"; top: -3px}
.glyphicon-lock:before { font-family: 'Font Awesome 5 Free'; content: "\f004";}
.glyphicon-lock-open:before { font-family: 'Font Awesome 5 Free'; content: "\f3c1";}
.glyphicon-film:before { font-family: 'Font Awesome 5 Free'; content: "\f008";}
.glyphicon-picture:before { font-family: 'Font Awesome 5 Free'; content: "\f03e";}


@media all and (min-width:1024px) {
.mCate.search {padding-bottom:50px;}
.mSettingList .myinfo dt {width:300px;}
.mSettingList .myinfo dd {width:532px;}
.mSettingList.mMyinfo .myinfo dt {width:325px;}
.mSettingList.mMyinfo .myinfo dd {width:503px;}
.myinfo .gridBg {position:relative;}
.myinfo .gridBg dl + div {position:absolute; top:129px; left:18px; font-size:12px; font-weight:bold; color:#404452; line-height:30px;}
.mTitle4 #customSelector .gridBg {padding-bottom:81px;}
.myinfo .gridBg .info {top:149px;}
section .myinfo .name {width:55%;}
section .myinfo dl {width:45%;}
}

.randomItem .bd .join .co1 {padding:15px 26px;}
.randomItem .bd .join .tx {font-size:18px; /*letter-spacing:-1px;*/}


@media (max-width:768px){
.randomItem .bd .join .co1 {padding:10px 4px 10px 13px;}
.randomItem .bd .join .tx {font-size:13px;}
.newItem2 li div a {background:url(images/jp_newItem.png) 100% 0 no-repeat;}
.uh .menu li a.iRandom {background-image:url(images/jp_icox2_random.png); background-size: 32px auto;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio : 1.5){
	.newItem li a span,.newItem2 li div a{
		background-image:url(images/jp_newItemx2.png);
		-moz-background-size:159px 385px;
		-o-background-size:159px 385px;
		-webkit-background-size:159px 385px;
		background-size:159px 385px;
	}
}

.get_item {border-bottom:1px solid #b3b6cd;}
.get_item .list li{margin-left:15px; width:290px ;text-align: center;}
.get_item .list li a.txt{width:100%; text-align:center; margin-top:8px;}
.get_item .ta-r{text-align:right; padding:10px 0;}
.get_item .ta-r a{padding:0 13px; font-size:14px;}

@media (max-width:768px){
.mList11.get_item{width:100%;}
.mList11.get_item .list li .txt{height:30px}
.get_item{border:none;}
.get_item .hd h3{border:none}
.get_item .list ul{border:none}
.get_item .list li{width:48%; margin-left:4%}
.get_item .list li.fl-n{margin:0}
.get_item .list li img{width:100%; height:auto;}
.get_item .ta-r {background:#2d3142;}
.get_item .ta-r a{color:#999cab; border-right:1px solid #000}
.get_item .ta-r a{display:block; color:#999cab; padding-right: 10px !important;}
}

.parts_bottom_banner { clear:both; width:100%; margin-top:20px; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.parts_bottom_banner.parts_bottom_banner2 { padding-top:20px; border-top:1px solid #ccc; }
.parts_bottom_banner ul { display:inline-block; width:100%; padding:0; line-height:0; font-size:0; letter-spacing:-5px; }
.parts_bottom_banner ul li { display:inline-block; *display:inline; width:49%; margin-bottom:2%; vertical-align:top; font-size:12px; line-height:1; letter-spacing:0; }
.parts_bottom_banner ul li:nth-child(odd) { margin-right:2%; }
.parts_bottom_banner ul li img { max-width:100%; }