@charset "utf-8";

/*******************
ボックススライダー
*******************/
.bx-wrapper{
    margin-bottom: 5px;
    border: 0px;
    box-shadow: none;
}
.bx-viewport ul li {

}
.bx-wrapper .bx-pager{
  position: absolute;
    bottom: 10px;
}


/************
ご利用案内
*************/
.guidance{

}
.guidance .g_title{
	text-align: center;
	margin: 0px 0px 30px;
	font-size: 130%;
	color: #000;
	background: url(../img/background/line_01.gif) repeat-x left bottom;
	background-color: #ebeced;
}
.guidance .order{

}
.guidance .order .g_o_title{
	border-left: 5px solid #FA9042;
	border-bottom: 1px solid #FA9042;
	font-size: 18px;
	padding-left: 14px;
}

.guidance table td {
    padding: 8px 4px 8px 18px;
}

.guidance .order .g_table{

}
.g_goods_lists{
	list-style: initial;
	padding: 1% 20px;
}
.g_goods_lists li{
	list-style: initial;
}
.g_shipment_td{
	display: flex;
	border-top: none;
}
.g_shipment_td tr td{
     padding: 4px;
}

.guidance .order .g_table .about_pp{
	color: #000;
	font-size: 16px;
}
.guidance .order .g_table .about_pp font{
	display: inline-block;
	vertical-align: middle;
	padding: 1% 0px;
}

.guidance .g_paydeli_division{
	border-top: none;
	border-left: none;
}
.guidance .g_paydeli_division td{
	border-right: none;
	border-bottom: none;
}
/************
基板保証規定
*************/
.kiban_support{}
.ks_title{
	text-align: center;
	margin: 0px 0px 30px;
	font-size: 130%;
	color: #000;
    background: url(../img/background/line_01.gif) repeat-x left bottom;
    background-color: #ebeced;
}
.ks_contents{
	padding: 3%;
	border: 1px solid #ccc;
}
.ks_contens_details{

}
.ks_contens_details h2{
	border-left: 5px solid #FA9042;
	border-bottom: 1px solid #FA9042;
	font-size: 18px;
	padding-left: 20px;
	margin: 20px 0px;
}
/********************
（１）保証期間
********************/
.ks_clear{
	clear:both;
}
.warranty_period{}
.ks_sikaku{
	display: inline-block;
	margin-right: 10px;
	float: left;
	max-width: 660px;
}
.warranty_period_detaills {
	padding: 1% 3% 2% 3%;
}
.warranty_period_detaills_z {
	padding: 1% 3% 2% 3%;
}
/********************
（１）保証期間 価格算出例
********************/
.price_cal{}
.price_cal h3{
	text-align: center;
	font-size: 22px;
	padding: 0 3%;
	background-color: #ccc;
	margin-bottom: 20px;
}
.price_cal_details{
	margin-bottom: 30px;
	padding: 0px 4%;
}
.price_cal_table{
	display: flex;
	border-top: none;
}
/********************
（2）保証内容 (3) 保証を受ける条件
*******************/
.warranty_information{}
.warranty_information_message {
	padding: 1% 3% 2% 0%;
}
.warranty_information_detaills {
	padding: 1% 3% 2% 3%;
}
.warranty_information_detaills_z {
	padding: 1% 3% 2% 3%;
}
.warranty_information_detaills_z_z {
	padding: 1% 3% 2% 3%;
}
.warranty_information_detaills_z_z ul li {
	list-style: initial;
}
.warranty_information_detaills_z_z_z {
	padding: 1% 3% 2% 3%;
}

/********************
（４） 返送手続き　送料について
*******************/
.return_product_ship{
	border: 1px solid #ccc;
	padding: 2%;
	margin-bottom: 20px;
}
.return_product_ship h3{
	text-align: center;
	padding: 2%;
	font-size: 22px;

}
/********************
　故障かな？
*******************/
.repair_main{

}
.rm_title{
	text-align: center;
	margin: 0px 0px 30px;
	font-size: 130%;
	color: #000;
	background: url(../img/background/line_01.gif) repeat-x left bottom;
	background-color: #ebeced;
}
.rm_q_title{
	border-left: 5px solid #FA9042;
	border-bottom: 1px solid #FA9042;
	font-size: 18px;
	padding-left: 20px;
}
.rm_contents{

}
.rm_question{

}
.rm_contents_table{

}
.question_pp{
	color: #000;
	font-size: 16px;
}
.rm_question_lists{
	padding: 5px 30px;
	list-style: initial;
}
.rm_question_lists li{
	list-style: initial;
}
/********************
基板修理
*********************/
.support_repair{

}
.sr_title{
	text-align: center;
	margin: 0px 0px 30px;
	font-size: 130%;
	color: #000;
	background: url(../img/background/line_01.gif) repeat-x left bottom;
	background-color: #ebeced;
}
.sr_contents{
	padding: 3%;
	border: 1px solid #ccc;
}
.sr_contents_main{

}
.sr_contents_main h2{
	text-align: center;
	font-size: 18px;
}
.sr_contents_main_q{
	padding: 2%;
	border: 1px solid;
	margin: 20px 0px;
	text-align: center;
}
.sr_contents_details{}
.sr_contents_details h3{
	font-size: 15px;
	margin-top: 15px;
}
.sr_detail_contents{
	padding: 5px 10px 20px;
}
.repair_documentsB{

}
.sr_details_list{
	padding: 10px 30px 20px;
}
.sr_details_list li{
    list-style: initial;
}
.support_repair h4{
	font-size: 20px;
	margin: 20px;
	text-align: center;
}
.support_repair .sr_center{
	text-align: center;
	font-size: 20px;
	margin: 15px;
}
/************************
コントロールボックスとは
************************/
.control_box{

}
.cb_title{
	text-align: center;
	margin: 0px 0px 30px;
	font-size: 130%;
	color: #000;
	background: url(../img/background/line_01.gif) repeat-x left bottom;
	background-color: #ebeced;
}
.control_box_explain{
	margin-bottom: 35px;
}
.control_box_explain p{
	margin-bottom: 20px;
}
.control_box_explain img{
	display: block;
	margin: 0 auto;
}
.cb_q_title{
	border-left: 5px solid #FA9042;
	border-bottom: 1px solid #FA9042;
	font-size: 18px;
	padding-left: 20px;
        margin-bottom: 10px;
}
.cb_contents{

}
.cb_contents p{
	margin: 30px 0px;
        padding-left: 10px;
}
.cb_img{
	display: block;
	margin: 0 auto;
}
.cb_4type{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.cb_control_box_type{
	margin: 20px 0px;
}
.cb_4type_comment{
	padding: 2%;
	width:100%;
}
.cb_4type_comment h3{
	border-bottom: 1px solid #FA9042;
	padding-bottom: 5px;
}
.cb_term{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.cb_term_left{
	width: 25%;
	text-align: center;
            background-color: rgba(243, 209, 138, 0.29);
    border: 2px solid #fff;
}
.cb_term_right{
    width: 75%;
        background-color: rgba(243, 209, 138, 0.29);
   border: 2px solid #fff;
}
.flexiblebox {
	height:auto;
	vertical-align:middle;
}
/***********************
トップスのサービスについて
************************/
.tops_service{

}
.ts_title{
	text-align: center;
	margin: 0px 0px 30px;
	font-size: 130%;
	color: #000;
	background: url(../img/background/line_01.gif) repeat-x left bottom;
	background-color: #ebeced;
}
.ts_explain{

}
.ts_ex_title{
	border-left: 5px solid #FA9042;
	border-bottom: 1px solid #FA9042;
	font-size: 18px;
	padding-left: 20px;
}
.ts_ex_details{
	margin: 20px 0px;
}
.ts_explain_list{

}
.ts_explain_list li{

}
/* ==============================================
新着・価格変更商品
/* ============================================= */
#top_newProducts{
	margin-top: 10px;
}
.newProducts_lists{}
.productsLists{

}
.productsListsUnit{
	width: 18%;
	/* height: 255px; */
	float: left;
	padding: 1%;
}
.productsLimg{
	height: 137px;
}
.productsLimg img{
	width: 100%;
}

.productsLname{
	text-align: center;
	height: 4em;
}
.productsLprice{

}
.productsLprice span{
	color: red;
}
.clearfixNP{
 clear:both;
}

.newPmoreBtn{

    width: 18%;
	height: 255px;
	float: left;
	padding: 1%;
}
.newPmoreBtn img{
	width: 136px;
	height: 136px;

}
.newPmoreBtn a{
	background: url(/user_data/packages/topsGame/img/button/btn200_on.jpg) no-repeat;
	display: block;
	width: 95%;
    margin: 0 auto;
}
.newPmoreBtn a:hover{
}
.newPmoreBtn a:hover img{
	visibility: hidden;
}

/* ==============================================
おすすめ商品
/* ============================================= */

.recommend_more_btn{

    width: 50%;
	height: 90px;
	float: right;
	padding: 1%;
}
.recommend_more_btn img{
  float: none !important;
}
.recommend_more_btn a{
	background: url(/user_data/packages/topsGame/img/button/btn360_on.jpg) no-repeat;
	display: block;
	width: 100%;
    margin: 0 auto;
}
.recommend_more_btn a:hover{
}
.recommend_more_btn a:hover img{
	visibility: hidden;
}
.recomend_bloc_list{

}

/* ===========================================
   商品詳細ページ
   =========================================== */
.cartBarea{
  float: left;
  margin-right: 55px;
}

.english_menu {
  display: none;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.2 !important;
}

/* 注文数について ツールチップ */
.tyuumonsu {
	border-bottom: 1px dotted #666;
	text-align: left;
}

.tooltip {
    display:inline-block;
    position:relative;
}

.tooltip .top {
    min-width: max-content;
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display:none;
	text-align: left;
}

.tooltip:hover .top {
    display:block;
}

.tooltip .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

/* グローバルメニュー */
.grobal {
	margin-top: 10px;
	position: relative;
}

.grobal .user_name {
	overflow-wrap: anywhere;
}

.grobal .customer {
	position: absolute;
	width: 180px;
	left: 0px;
	top: 8px;
	text-align: left;
}
.grobal .search {
	position: relative;
	width: 100%;
	max-width:343px;
}
.grobal .search .textbox {
	position:absolute;
	left:183px;
	top:0;
	height:31px;
	width: 268px;
	padding:0 10px;
	border-radius:3px 0 0 3px;
	border: 1px solid #ccc;
}

.grobal .search .button {
	position:absolute;/*検索ボタンの絶対位置*/
	left:472px;
	top:0;
}

.grobal .cart {
	position:absolute;
	left:550px;
	top:0;
}

.grobal .cart .badge {
	position: absolute;
	top:8px;
	right: 12px;
	color: #6F6565;
}

/* ログインフォーム */
.top_title {
	font-size: 20px;
	font-weight: 600;
	margin-top: 55px;
	margin-bottom: 20px;
}

.login {
	background-color: #F2F2F2;
	border-radius: 15px;
	height: 317px;
	padding-left: 42px;
	padding-top: 23px;
}

.login .textbox {
	border-radius:3px 0 0 3px;
	border: 1px solid #ccc;
	height: 33px;
	width: 300px;
	margin-bottom: 10px;
}

.login .login_title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
}

.login_text {
	font-size: 16px;
	margin-bottom: 19px;
}

.signup , .guest{
	background-color: #F2F2F2;
	border-radius: 15px;
	height: 138px;
	padding-left: 42px;
	padding-top: 23px;
	margin-top: 15px;
}

.login .login_form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.login_form .textbox{
	font-size: 16px;
	padding: 5px;
}

.login_form .textbox::placeholder {
	font-size: 16px;
	color: #A0A0A0;
}

.login_form label input{
	vertical-align:middle;
}

.login_form label span{
	vertical-align:bottom;
	font-size: 14px;
}

.pass_link {
	margin-right: -170px;
	text-decoration: underline !important;
}

.mail_link {
	margin-right: -146px;
	text-decoration: underline !important;
}

.login button {
	background-color: #F1A051;
	height: 36px;
	width: 300px;
	border-radius: 18px;
	border: none;
	color: white;
	font-size: 16px;
	margin-top: 17px;
	margin-bottom: 12px;
	cursor: pointer;
}

.login button:hover {
	background-color: #F5BC84;
	height: 36px;
	width: 300px;
	border-radius: 18px;
	border: none;
	color: white;
	font-size: 16px;
	margin-top: 17px;
	margin-bottom: 12px;
	cursor: pointer;
}

.signup button{
	background-color: white;
	height: 36px;
	width: 300px;
	border-radius: 18px;
	border: 1px solid black;
	color: black;
	font-size: 16px;
	margin-top: 52px;
	cursor: pointer;
}

.signup button:hover{
	background-color: white;
	height: 36px;
	width: 300px;
	border-radius: 18px;
	border: 1px solid #4c4c4c;
	color: #4c4c4c;
	font-size: 16px;
	margin-top: 52px;
	cursor: pointer;
}

.signup .login_title {
	font-size: 20px;
	font-weight: 600;
}

.text_center {
	text-align: center;
}

.login_tooltip {
	height: 18px;
	vertical-align:middle;
}

.guest button{
	background-color: white;
	height: 36px;
	width: 300px;
	border-radius: 18px;
	border: 1px solid black;
	color: black;
	font-size: 16px;
	margin-top: 52px;
	cursor: pointer;
}

.guest button:hover{
	background-color: white;
	height: 36px;
	width: 300px;
	border-radius: 18px;
	border: 1px solid #4c4c4c;
	color: #4c4c4c;
	font-size: 16px;
	margin-top: 52px;
	cursor: pointer;
}

.guest .login_title {
	font-size: 20px;
	font-weight: 600;
}