@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:400');

body {
    width: 100%; 
	background: #fafafa;
	margin:0;
	padding: 0;
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 200;
	font-size: 10pt;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	color: #444;
}
a, a:link,
a:visited {
	color: #479bfc;
	text-decoration:none;
}
a:hover,
a:active {
	text-decoration:none;
    cursor: pointer;
}

/* /////////////////////////////////////////////////////////////////  Container Box (width 800px)
/*/
#container {
    overflow: hidden;
	margin:0 auto;
	width:800px;
}
/* /////////////////////////////////////////////////////////////////  Header Box
/*/
#headerBlock {
	position: fixed;
	top: 0;
	width:800px;
    height: 30px;
    margin:0;
	padding:50px 0 20px 0;
	background: #fafafa;
}
#headerBlock h1 {
	margin:0;
	padding:0;
}
#headerBlock #logo {
	position: relative;
	top: 0px;
	width:170px;
	float:left;
	font-size: 30pt;
	font-weight: 100;
	letter-spacing: -0.1em;
}
#headerBlock #subTitle {
	position: relative;
	top: 10px;
	width:270px;
	font-size: 12pt;
	float:left;
}
/*
#headerBlock #about {
	position: relative;
	top: 11px;
	width:50px;
	float:left;
}
#about a,
#about a:link,
#about a:visited {
	color: #444;
	text-decoration:none;
	border-bottom: 0.2px solid #ccc;
}
#about a:hover,
#about a:active {
	text-decoration:none;
	border-bottom: 1px solid #888;
    cursor: pointer;
}*/
#headerBlock #help {
	position: relative;
    margin: 0 15px 0 0;
	top: 12px;
	width:21px;
	float:right;
}
#headerBlock #contact {
	position: relative;
	top: 12px;
	width:21px;
	float:right;
}
/*chrome support - disable bule outline*/
.info-popup:focus {
    outline:0;
}
/* /////////////////////////////////////////////////////////////////  description  //*/
#descriptionBlock {
	float:left;
	width:800px;
    margin:120px 0 10px 0;
	font-size: 11pt;
	letter-spacing: 0.01em;
    line-height: 28px;
}
#descriptionBlock .importantMessage {
	font-size: 14pt;
	color: #ff6565;
}
#descriptionBlock a,
#descriptionBlock a:link,
#descriptionBlock a:visited {
	color: #57a5ff;
	text-decoration:none;
}
#descriptionBlock a:hover,
#descriptionBlock a:active {
	text-decoration:none;
    cursor: pointer;
	border-bottom: 0.2px solid #ccc;
}
#thanksBlock {
	float:left;
	width:800px;
    margin:90px 0 0 0;
	font-size: 14pt;
    line-height: 28px;
}
.okBtn {
	float:left;
    margin:0;
    padding:0;
	font-size: 12pt;
    text-align:center;
    background:#fff;
}
.okBtn a,
.okBtn a:link,
.okBtn a:visited {
    display:block;
    width:80px;
    margin:20px 0;
    padding:5px 0;
    border: 1px #ddd solid;
    text-decoration:none;
    color:#000;
}
.okBtn a:hover {
    border: 1px #000 solid;
}
.okBtn a:active {
    background:#f4f4f4;
}
/* /////////////////////////////////////////////////////////////////  description  //*/
#newsBlock {
	float:left;
	width:774px;
	height:160px;
    overflow:scroll;
    margin:0px 0 40px 0;
    padding:0px 12px;
	font-size: 10pt;
	letter-spacing: 0.01em;
    line-height: 20px;
    
    border: 1px #dddddd solid;
    background: #ffffff;
    border-Radius:4px;
}
/* /////////////////////////////////////////////////////////////////  items  //*/
#itemBlock {
	width:800px;
    margin:0 0 70px 0;
	float:left;
	letter-spacing: 0.05em;
}
#itemBlock .itemRow {
	width:800px;
    margin:0;
}
#itemBlock .itemColSpace{
	float:left;
    width:28px;
}
#itemBlock .itemCol {
	width:246px;
	height:246px;
    margin:0 0 31px 0;
	float:left;
    border: 1px #dddddd solid;
    background: #ffffff;
    border-Radius:4px;
}
#itemBlock .itemCol .itemNew {
	height:15px;
    padding:5px 10px 0 0;
    text-align:right;
	font-family:"Raleway", sans-serif;
	font-weight:400;
	font-size:9pt;
    color:#ff1566
}
#itemBlock .itemCol .itemName {
    height: 22px;
    padding:11px 0 15px 0;
    text-align:center;
	font-size: 14pt;
}
#itemBlock .itemCol .itemDescription {
    padding:0 18px;
    height: 106px;
    text-align:left;
	font-size: 9pt;
	font-weight: 100;
	letter-spacing: 0.02em;
	line-height: 1.3em;
}
#itemBlock .itemCol .itemInfoRow {
    display: table;
    height: 28px;
    margin:0 5px;
    padding:3px 0;
    border-top: 1px #ddd solid;
	font-size: 9pt;
	font-weight: 200;
	letter-spacing: 0.02em;
}
#itemBlock .itemCol .itemInfoRow a:hover,
#itemBlock .itemCol .itemInfoRow a:active {
	border-bottom: 0px solid #ccc;
}
#itemBlock .itemCol .itemInfoRow .itemCol1 {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 108px;
    margin:3px 0;
    padding: 0 5px;
    border-right: 1px #ddd solid;
}
#itemBlock .itemCol .itemInfoRow .itemCol2 {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 54px;
    padding:0 0 0 9px;
    text-align:center;
}
#itemBlock .itemCol .itemInfoRow .itemCol3 {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 54px;
    padding:0 0 0 0px;
    text-align:center;
}
/* /////////////////////////////////////////////////////////////////  Buy Items  //*/
#buyItemBlock {
	width:800px;
    margin:0 0 70px 0;
	float:left;
	letter-spacing: 0.05em;
}
#buyItemBlock .itemRow {
	width:800px;
    margin:0;
}
#buyItemBlock .itemColSpace{
	float:left;
    width:28px;
}
#buyItemBlock .itemCol {
	width:246px;
	height:166px;
    margin:0 0 31px 0;
	float:left;
    border: 1px #dddddd solid;
    background: rgba(247, 247, 247, 0.94);
    border-Radius:6px;
}
#buyItemBlock .itemCol .itemName {
    height: 22px;
    padding:36px 0 36px 0;
    text-align:center;
	font-size: 14pt;
}
#buyItemBlock .itemCol .itemInfoRow {
    display: table;
    height: 28px;
    margin:0 5px;
    padding:3px 0;
    border-top: 1px #ddd solid;
	font-size: 9pt;
	font-weight: 200;
	letter-spacing: 0.02em;
}
#buyItemBlock .itemCol .itemInfoRow .itemCol0 {
    height: 100%;
    display: table-cell;
    margin:3px 0;
    padding: 0 5px;
    width: 113px;
    vertical-align: middle;
    text-align:center;
}
#buyItemBlock .itemCol .itemInfoRow .itemCol1 {
    height: 100%;
    display: table-cell;
    margin:3px 0;
    padding: 0 5px;
    width: 110px;
    vertical-align: middle;
    text-align:center;
    border-right: 1px #ddd solid;
}
#buyItemBlock .itemCol .itemInfoRow .itemCol2 {
    height: 100%;
    display: table-cell;
    width: 113px;
    padding:0 0 0 6px;
    vertical-align: middle;
    text-align:center;
}
/* /////////////////////////////////////////////////////////////////  footer  //*/
#footerBlock {
	width:800px;
    margin:5px 0;
}
#footerBlock #copyright {
	float:right;
	font-size: 7pt;
    text-align:right;
}
/* /////////////////////////////////////////////////////////////////  Magnific-Popup  //*/
.popupContentBlock{
    position:relative;
    max-width:460px;
    margin:40px auto;
    padding:25px 40px 40px 40px;
    background:#eaeaea;
	background: rgba(235, 235, 235, 0.9);
    text-align:left;
    border-radius: 6px;
}
/*settings of background*/
.mfp-bg {
    background: #ffffff;
    opacity: 0.8;
}
/*settings of close button*/
.mfp-close {
    font-family: 'Raleway', sans-serif;
	font-size: 30pt;
}
/*settings of progress cursor*/
.mfp-ajax-cur {
  cursor: wait;
}