/*20240229--sp*/

/*20231018*/
.ePointDataList {
    display: none;
}

/*20141015*/
.myp_dip_none{display:none;}

/*CSSスプライト*/
.NewIcon,
.icon_hodai,
.icon_hodaiapp,
.icon_beginner,
.icon_support,
.icon_cart_wh,
.icon_whitekamo,
.help,
.iconMile,
.iconMail,
.iconChowari,
.iconSGM,
.iconKamo,
.icon_next,
.icon_mail1,.icon_mail2,.icon_mail3,
.icon_mail1_no,.icon_mail2_no,.icon_mail3_no,
.icon_arrow_down,
.icon_next_white_s,
.icon_next_s,
.ProductsList_Box__btn_icon,
.ProductsList_Box__btn_list
{background:url(/~/media/Images/Mypage/mypage_icon) no-repeat;}
	.icon_hodai{ background-position: -131px 0px; height:26px; width:26px;}
	.icon_hodaiapp{ background-position: -131px -26px; height:26px; width:26px;}
	.icon_next_s{ background-position: -100px -50px; height:15px; width:15px;}
	.icon_next_white_s{ background-position: -120px -50px; height:6px; width:5px;}
	.icon_arrow_down{ background-position: -110px -25px; height:22px; width:18px;}
	.NewIcon{ background-position: -60px -50px; height:15px; width:40px;}
	.help{background-position: 0 -155px; height:15px; width:15px;}
	.iconMile{background-position: 0 -103px;}
		.mile_point_line{margin:0;}
	.icon_beginner{background-position: -25px -50px;}
	.icon_support{background-position: -40px -50px;}
	.icon_cart_wh{background-position: -25px -25px;}
	.icon_whitekamo{background-position: -25px 0;}
	.iconMail{background-position: 0 -76px;}
	.iconChowari{background-position: 0 -26px;}
	.iconSGM{background-position: 0 -1px ;}
	.iconKamo{background-position: 0 -51px ;}
	.icon_next{background-position: 0 -135px ; height:11px; width:11px;}
	.icon_mail1,.icon_mail2,.icon_mail3,.icon_mail1_no,.icon_mail2_no,.icon_mail3_no{width:60px; height:18px;}
	.icon_mail1{background-position: -100px -65px ;}
	.icon_mail2{background-position: -100px -85px ;}
	.icon_mail3{background-position: -100px -105px ;}
	.icon_mail1_no{background-position: -100px -125px ;}
	.icon_mail2_no{background-position: -100px -145px ;}
	.icon_mail3_no{background-position: -100px -165px ;}
	.ProductsList_Box__btn_icon{background-position: -85px 0px; width:22px; height:22px;}
	.ProductsList_Box__btn_list{background-position: -60px 0px; width:22px; height:22px;}
#DrawLottery{width:198px; height:110px; position:absolute; top:0; left:0; overflow:hidden;}
    #DrawLottery a{display:block; width:66px; height:110px; float:left;}
        #DrawLottery img{width:66px; height:110px;}
        .bg_waribiki,
        .ProductsList_Box__btn_addProduct,
        #logo_rally,
        #logo_maijan,
        #obi_maijan,
        #enquete_myp,
        #DrawLottery #Lottery1,
        #DrawLottery #Lottery2,
        #DrawLottery #Lottery3{background:url(/~/media/Images/Mypage/mypage_icon_2_v2) no-repeat;}
        #DrawLottery #Lottery1{background-position: 0 -235px;}
        #DrawLottery #Lottery2{background-position: -66px -235px;}
        #DrawLottery #Lottery3{background-position: -132px -235px;}
        #DrawLottery #Lottery1:hover{background-position: 0 -345px;}
        #DrawLottery #Lottery2:hover{background-position: -66px -345px;}
        #DrawLottery #Lottery3:hover{background-position: -132px -345px;}
        #logo_rally{background-position: 0 -178px; width:188px; height:13px;}
        #enquete_myp{background-position: 0 -45px; width:220px; height:70px;}
        #logo_maijan{background-position: 0 0;}
        #obi_maijan{background-position: 0 -160px; width:198px; height:24px;}
        .bg_waribiki{background-position: 0 -455px;}
        .ProductsList_Box__btn_addProduct{background-position: 0 -115px; width:188px; height:22px;}
/*誕生日*/
#UserBirthday{ }
#UserBirthday{ padding:0; margin:0;}
#UserBirthday p{padding:0; margin-bottom:5px;}
.UserBirthday_info{ padding:3px; background:#fdffe1;}
.UserBirthday_info .caption{ font-size:10px;}
.UserBirthday_info .birth{ font-weight:bold; color:#ff4200;}

/*マイキャンバナー非表示　暫定*/
#MycanPickBox #CAN000009170{display:none !important;}

/*マイページには表示しない*/
.noMypage{display:none;}

/*誕生日割引券セット中*/
/*.UserBirthday_info .caption{display:none !important;}*/

/*-------------▼グローバルナビゲーション▼-------------*/
#mypage #ph_header{background:url(/%7e/media/Images/Common/background/bg_open.ashx) transparent !important;}
#GNavi #GNavi_in #GNavi_menu li.index_myp a{width:140px;}
#GNavi_menu .index_hodai a{background:url(/%7e/media/Images/Houdai/common/bg_gnavi_hodai) -490px top no-repeat; width:100px;}
#GNavi_menu .index_hodai a:hover{background-position:-490px -40px;}
/*-------------▲グローバルナビゲーション▲-------------*/

/*ぱんくず*/
.pankuzu_myp,
.pankuzu_ptitle{display:none;}

/* DL導線 */

#tutorial_dl{position:absolute; top:100px; left:50px; display:none; z-index:999; width:620px; height:120px;}

#tutorial_dl .tutorialPop{position:absolute; width:620px; height:120px; left:0; top:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/%7e/media/Images/Mypage/tutorial/pop_dl.png',sizingMethod='scale');}
#tutorial_dl .tutorialPopContent{width:620px; height:120px; position:absolute; left:0; top:0;}
#tutorial_dl .tutorialPopContent p{padding:0; margin:0 20px; font-size:80% !important; z-index:999;}
#tutorial_dl .tutorialPopContent p.thks{font-weight:bold; margin-bottom:5px; }

#tutorial_dl .tutorialClose{display:block; width:40px; height:40px; padding:5px 8px; position:absolute; margin:0; right:0; top:0; cursor:pointer; text-align:right;}
#tutorial_dl .nextBtn{text-align:center;}
#tutorial_dl .nextBtn a{display:block; margin:0 auto; padding:5px 0 0 0;}

/* ▼製品トップお知らせ▼ */
/* 固有お知らせ（共通） */
#infobn{margin:20px 0;}
#infobn a{width:620px; height:70px; background:no-repeat left top; position:relative; display:block;color:#000;}
#infobn img{position:absolute; left:10px; bottom:10px;}
#infobn span {display:block; padding:25px 0 0 215px;}
#infobn b{color:#0000FF;}

/* 吹き出しアイコン */
.Icon_Unit p span.icon_pop{display:block; height:100px; width:100px; position:absolute; overflow:visible; top:-28px; left:2px;}
.Icon_Unit img{max-width:64px; max-height:64px;}

#ddMenu_header a:hover {text-decoration:none; z-index:5000;}
.ddMenu_in a:hover {text-decoration:underline !important;}
/* ボディー */
#Body {margin:10px auto; background:#fff; padding-bottom:10px;
box-shadow:0px 1px 3px 0px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.4);
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
}

@media (min-width:769px){
    /* メイン 左 */
    #Main_Left {width:690px; float:left; margin:0 0 15px 5px; padding:0;}
    /* サブ 右 */
    #Sub_Right {width:220px;float:right; margin:5px 5px 5px 0; padding:0;}
}
@media (max-width:768px){
    /* メイン 左 */
    #Main_Left {width:100%;}
    /* サブ 右 */
    #Sub_Right {width:100%;}
}    

.Sub_Box {background:#CCC; margin-bottom:10px; background:#f1f7f8; padding:0; border:1px solid #cde3e5;
border-right-color:#b3c6c7;
border-bottom-color:#b3c6c7;
-webkit-box-shadow:1px 1px 2px #ccc;
-moz-box-shadow:1px 1px 2px #ccc;
box-shadow:1px 1px 2px #ccc;
}
.Sub_Box .Unit {margin:5px 10px 5px 10px;}
.Sub_Box h3 {background:#999 url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_sb_h3.ashx) repeat-x; margin:1px 1px 5px 1px; position:static;}
.Sub_Box .Unit hr {margin:-6px 0px 4px 0px !important; padding:0;}
.Sub_Box.subEC .Unit {background:#fff; margin:0 5px 5px 5px; padding:5px 5px;}
/* フッターインフォ */
#AdBottom {margin:0 15px 10px 15px; width:910px; padding:0; border:1px solid #ccc; zoom:1; display:none;}
#AdBottom_Content {margin:0 10px;}
#AdBottom_Content h3 {margin:0 -10px 10px -10px;}
#AdBottom h3 {background:#FCFCFC url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_sp_h3.ashx) repeat-x; padding:3px 8px; color:#fff;}
/* フッター */
#_Footer,
#Footer {text-align:left; margin:10px 5px; width:940px; border-top:1px solid #ccc !important;}
#Footer_Content {margin-top:10px;}
/* ------共通------ */
#Body H1,#Body H2,#Body H3 {margin-bottom:0.3em; padding:0;}
#Body H1 {font-size:115%; line-height:1.2em;}
#Body H2 {font-size:100%; line-height:1.3em;}
#Body H3 {font-size:90%; line-height:1.3em; background:#e1edf1 url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_h3.ashx) repeat-x; color:#000; padding:3px 8px; text-align:left; margin:0; position:relative;}
#Body h3.rad {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#Body H4,#Body H5 {font-size:80%; line-height:1.5em; margin-bottom:0.5em; padding:0; letter-spacing:normal;}
.inH_r {position: absolute; display: block; top: 0; right: 0;}
a img {border:none;}
.DisplayNone {display:none;}
.Btn_L {width:250px; height:48px; margin:0 10px 10px 0;cursor: pointer;}
.Btn_M {width:250px; height:36px; margin:0 10px 10px 0;cursor: pointer;}
/* 表 */
.chart {font-size: 12px; background: #fff; margin:10px 0; border-collapse: collapse;}
.chart th {font-size: 14px; font-weight: normal; color: #069; padding: 10px 8px 5px 8px; border-bottom: solid 1px #82adc2; text-align:center;}
.chart td {border-bottom: 1px solid #ccc; color:#333; padding: 6px 8px;}

/* 汎用青ボックス */
#Main_Box {background:#f1f7f8; padding:10px 0; margin:0 15px 15px 15px; border:1px solid #cde3e5;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-right-color:#b3c6c7;
border-bottom-color:#b3c6c7;
-webkit-box-shadow:1px 1px 2px #ccc;
-moz-box-shadow:1px 1px 2px #ccc;
}
/* ------アイテム------ */
/* マイジャン */
#Maijyan_item {font-size:70%;}
#Maijyan_Now p {text-align:center; font-size:10px;}
#Maijyan_Now p.Maijan_last {font-size:11px; float:left !important; text-align:right!important; margin:0 5px 0 5px; padding:0; width:55px;}
#Maijyan_Now p.get {color:#069; font-size:10px;}
#Maijyan_Now p.Maijan_last span {font-size:16px; font-weight:bold; color:#333;}
#Maijyan_Now img {margin:0 auto;}
#Maijan_NowBox {height:15px; float:left; margin:0; padding:0; background:#dae3e4; border:1px solid #a9b9ba; width:120px;}
#Maijan_NowBar {height:15px; width:1%;}
.Maijan_Limit {text-align:center; padding:5px 0 0 0; margin:0; clear:both;}
.tousen_txt{ text-align:center; padding-bottom:5px;border-bottom:1px dotted #99CCCC; margin-bottom:5px;}

/* 割引券 */
#OffTicket_item {}
#OffTicket_item #offticket_head {padding:5px 0 0 0; margin:0; background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_waribiki.png) repeat-x; text-align:center;}
#OffTicket_item #offticket_head h4 {margin:5px 0 0 0; padding:0;}
#OffTicket_item #offticket_head h4 img {cursor:pointer;}
#OffTicket_item #offticket_body {text-align:center; border-top:none; border-bottom:none; border-left:1px solid #bcb4b4; border-right:1px solid #999; padding:0; margin:0; background:#fff;}
#OffTicket_item #offticket_footer {margin:0; padding:0; overflow:hidden;}
#OffTicket_item #offticket {position:relative; overflow:hidden;}
#OffTicket_item .wari_c {height:48px; width:195px;}
#OffTicket_item .wari_o {height:inherit; width:195px;}
#OffTicket_item #offticket ul {padding:0; margin:0;}
#OffTicket_item #offticket li {text-align:center; border-left:1px solid #bcb4b4; border-right:1px solid #999; border-bottom:none; border-top:1px dotted #999; padding:5px 3px; margin:0 auto; width:170px; list-style:none; font-size:11px; color:#333; background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_waribiki_def.ashx) #fff repeat-y center top;}
#OffTicket_item #offticket li#offticketNow {border-top:#ded9d9 solid 1px; background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_waribiki_now.ashx) #fff repeat-y center top;}
#OffTicket_item #offticket .limit {background-color:#fcc;}
#OffTicket_item h5#ticketLimit {display:none; font-size:70%; background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_waribiki_h5.ashx) repeat-x center center #bd2a2a; color:#fff; text-align:center; font-size:70%; margin:0 0 3px 0px; padding:1px 0; border:1px solid #c35959;}
#OffTicket_item .redoff {display:block; color:#900; font-weight:bold; font-size:14px;}
#btn_wari_o, #btn_wari_c {cursor:pointer; color:#00f; margin:0; padding:0;}
#OffTicket_item #btn_wari_o {display:block;}
#OffTicket_item #btn_wari_c {display:none;}
#OffTicket_item .ticketName {margin-top:10px;}

/* 超割とは？ */
#OffTicket_item #POP {position:absolute; opacity:1.0; text-align: left; z-index:100; }
#OffTicket_item #POP p, #OffTicket_item #POP li, #OffTicket_item #POP h4 {font-size:70%;}

/* 超割の使い方 */
#OffTicket_item .offticket_use {text-align: left; margin: 4px auto;}

/* 製品リスト下部 */
.ProductsList_bottom{text-align: center; list-style-type: none; font-size: ;}
.ProductsList_bottom li {
    font-size: var(--size_txt_s);
}
/* ページャー */
.Pager {/*float:right;*/ margin:0; zoom:1; width:100%; text-align:center;}
.Pager p {/*float:left;*/ border:1px solid #ccc; margin:0; width:auto; margin-right:5px; font-size:70% !important; zoom:1; display:inline-block;}
.Pager a {display:block; padding:3px; color:#09c; zoom:1;}
*html .Pager {float:none; clear:both;}
*html .Pager a{ width:50px; text-align:center; padding:0;}
.UserAddList {font-size:70% !important; text-align:left; position:absolute; left:0; bottom:0;}
*html .UserAddList {bottom:-20px;}
.Pager a:hover {background:#039; color:#fff; text-decoration:none;}
.Pager .now {background:#039; color:#fff; text-decoration:none;}

/* ------トップページ------ */
.Home_Lead {margin:5px 15px;}
.Home_Lead p {font-size:78%;}

/* 登録済み製品一覧 */
#ProductsList_Box {}
#ProductsList_Content {margin:10px 5px; position:relative; padding-bottom:20px;}
#ProductsList_Content .Pager {/*position:absolute; bottom:0; right:0;*/ margin:0 auto; display: inline-block;}
#ProductsList_Content .Pager p {text-align:right;}
#ProductsList_Box .inH_r input {float:left; margin:2px 5px 2px 0;}
#ProductsList_lead {text-align:right; font-size: var(--size_txt_s); padding: 1em;}
.new{position:absolute; top:-2px; right:-10px;width:60px;height:18px;}




.Icon_Unit {text-align:center; margin:0; padding-top:10px; background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_shelf.ashx) top center repeat-y; overflow:visible;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.Icon_Unit p {width:100px; height:108px; float:left; margin:0 18px 5px 18px !important; line-height:1em; padding-top:5px; white-space:normal; line-break:normal; word-break:break-all; word-wrap:break-word; font-size:11px !important; letter-spacing:-0.1em; position:relative; background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_prdicon.png) center 62px no-repeat; overflow:visible;}

@media (max-width:769px){
    .Icon_Unit p {
        margin:0 10px 5px 10px !important
    } 
}

.Icon_Unit p span{display:block; height:64px; width:64px; position:relative; overflow:visible;}
.Icon_Unit p span img{ position:absolute; bottom:-10px; left:22px;overflow:visible;}
.Icon_Unit .NewIcon {position:absolute; right:0px; top:60px !important; width:40px; height:15px;}
.Icon_Unit .icon_hodai{position:absolute; right:0px; top:0px !important; width:26px; height:26px;}
.Icon_Unit .icon_hodaiapp{position:absolute; right:0px; top:0px !important; width:26px; height:26px;}
.Icon_Unit a {width:100px; overflow:visible; display:block; margin:0; padding:0 0 3px 0; }
.Icon_Unit a:hover {background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_prdicon_o.png) center bottom repeat-x; text-decoration:none;}
.Icon_Unit a img {border:0px !important; margin-bottom:8px; }
#myp_top {}
#myp_top2 {}
.New_Box {display:none;}
.New_Box p {font-size:75%;}

/* 0件の場合 */
.None_Unit {text-align:center; margin:0 0 20px 0;}
.None_Unit b {color:#ccc; text-align:right;}

/* サービス一覧 */
#ServiceList_Box {}
#ServiceList_Box .clear {height:5px;}
.ServiceList_Unit {border-bottom:1px solid #ccc; margin:10px 15px;}
.ServiceName {vertical-align:middle;}
.ServiceName a:hover {text-decoration:none;}
.ServiceName img {margin:-5px 5px 0 0; vertical-align:middle;}
.ServiceStatus {float:left;}
.ServiceStatus p {margin:0; padding:0; vertical-align:top;}
.ServiceStatus p span{font-size:120%; font-weight:bold;}
.ServiceStatus img {vertical-align:top; margin:0 0 0 -5px;}
.ServiceInfo {overflow:visible;}
.ServiceInfo ul.Join, .ServiceInfo ul.UnJoin {padding-left:0 !important;}
#ServiceList_Mile_Content {position:relative; margin-top:15px;}
#ServiceList_Mile_Content .mileIcon {position:absolute; top:-10px; z-index:99; left:15px !important; /* IE6以下*/ left:0;}
/*--- 新製品 ---*/
#newProduct {display:none;}
#newProduct h3 span {font-size:80%;}
#newProduct a {display:block;}
#newProduct a:hover {}
#newProduct li {width:220px; float:left; margin:0 5px 0 5px; padding:0; list-style:none; font-size:70%;}
#newProduct ul {margin:10px 0; padding:0;}
#newProduct li img {float:left; margin-right:3px;}
#newProduct li a {color:#000;}
#newProduct li span {font-weight:bold; color:#00f; display:block; font-size:11px;}
/* ------製品ページ------ */

.Products_Lead p {
	margin:0 20px 10px 20px;
}
/* 製品情報 */
#Products_Box {
	background:#f1f7f8;
	padding:10px 0 40px 0;
	/*margin:0 15px 15px 15px;*/
	border-radius: 8px;	/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	border:1px solid #cde3e5/*#deeaeb*/;
	border-right-color:#b3c6c7;
	border-bottom-color:#b3c6c7;
	-webkit-box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
	
	/*peek-a-boo*/
	margin:0 auto;
	width:940px;
    line-height:inherit;
	position:relative;
    zoom:1;
	/*peek-a-boo*/	
}
#Products_Box h1 {
	margin:5px 10px;
}
/* メニュー */
#ProductsMenu_Box {
	width:230px;
	float:left;
	margin:0 0 0 10px !important;
	padding:0; /* IE6以下 */
	margin:0 0 0 5px;
}
#ProductsMenu_Content {
}
#ProductsMenu_Box .NewIcon {
	margin:0 0 3px 5px;
vertical-align:middle;
}
.menu a {
	display:block;
	padding:5px 5px 5px 20px;
	margin:0;
	text-decoration:none;
	color:#000;
	background:#FCFCFC url('https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_menu.ashx') repeat-x left center;
	border:1px solid #deeaeb;
	border-right-color:#cde3e5;
	border-bottom-color:#cde3e5;
}
.menu a:hover {
	text-decoration:none;
	background-color:#fff;
	border:1px solid #888;
}
.menu img {
	margin-right:3px;
}
.menu {
	font-size:75%;
}
/* コンテンツ */
#ProductsBody_Box {
	width:650px;
	margin-right:10px !important;
	float:right; /* IE6以下 */
	margin-right:5px;
}
#ProductsBody_Content {
	margin:0;
	padding:0 15px;
	background:#fff;
	border:1px solid #deeaeb;
	border-right-color:#cde3e5;
	border-bottom-color:#cde3e5;
	min-height:300px;
}
#ProductsBody_Content h3 {
	margin:0 !important;
}
/* 製品ページ：トップ */

#ProductsTop_Content ul {
	margin:10px 0;
	padding:0;
}
#ProductsTop_Content li {
	padding-left:30px;
	margin:0 0 0 20px;
	min-height:24px;
	list-style:none;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(https://www.sourcenext.com/%7e/media/Images/Common/icon/icon_next.ashx);
}

/* 製品ページ：インストール */

.ProductsInstall_Content .chart {
	width:500px;
	margin:0 auto;
}
.ProductsInstall_Content .MoreSerial {
	width:500px;
	margin:0 auto;
	text-align:right;
}
.ProductsInstall_Content .chart input {
	margin-right:10px;
	vertical-align:middle;
}
.InstallerDL {
	text-align:center;
	margin-top:20px;
}
.dlSize {
	text-align:center;
	margin:0;
	padding:0;
}
#ProductsInstallNow_Box {
	padding:0 0 10px 0;
}
#ProductsInstallNow_Name {
	margin:10px 0;
}
#ProductsInstallNow_Serial ul {
	font-size:90%;
}
#ProductsInstallNow_Err {
	border-top:1px dotted #99CCCC;
	margin-top:40px;
	padding-top:5px;
	text-align:right;
}
#ProductsInstallOver_Box {
	padding:0 0 10px 0;
}
#ProductsInstallOver_Name {
	margin:10px 0;
}
#ProductsInstallOver_Serial ul {
	font-size:90%;
}
#ProductsInstallOver_Box .error {
	color:#FF0000;
	font-weight:bold;
}
button.link {
	width: auto;
	padding:0;
	margin:0;
	background:none;
	border:0;
	line-height:0;
	overflow:visible;
	cursor:pointer;
}
/* 製品ページ：アップデート*/
.ProductsUpdate_Top {
	margin:10px 0 10px 0;
}
#ProductsUpdate_Btn {
	text-align:center;
	margin:0px auto 0 auto;
}
.ProductsUpdate_Btn {
	text-align:center;
	margin:0px auto 0 auto;
}
.importUpdateB {
	margin:0;
	text-align:left;
}
.ProductsUpdate_Btn .Btn_L {
	margin-bottom:10px;
}
.ProductsUpdate_Unit h4 {
	color:#069;
}
.ProductsUpdate_Unit h5 {
	margin-bottom:0;
}
.ProductsUpdate_Unit li {
	font-size:100%;
}
.ProductsUpdate_Unit ul, .ProductsUpdate_Unit ol {
	font-size:80% !important;
	margin:0;
}
.ProductsUpdate_Unit ul ul, .ProductsUpdate_Unit ol ul, .ProductsUpdate_Unit ul ol, .ProductsUpdate_Unit ol ol {
	font-size:100% !important;
	margin:0;
	margin-left:2em;
}
.mypage_displayNone {
	display:none;
}
.mypage_displayBlock {
	display:block;
}
.importInstallB {
	text-align:center;
}
/* 製品ページ：アップグレード */

#ProductsUpgrade_Content .False {
	/*color:#999;*/
	color:#000;
}
#ProductsUpgrade_Content .True {
	color:#0099CC;
}
#ProductsUpgrade_Content .Pager {
	margin-top:10px;
}
.ProductsUpgrade_Unit {
	margin-bottom:10px;
}
.ProductsUpgrade_Unit .icon_open{ margin-right:3px; vertical-align:middle;}

#ProductsUpgrade_Sale_Content {
	margin-bottom:10px;
}
#ProductsUpgrade_Sale_Content .opBox {
	display:none;
}
.True li {
	/*background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/icon_upg_on.ashx) no-repeat left center;*/
	padding-left:18px;
	color:#000 !important;
}
.False li {
	/*background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/icon_upg_off.ashx) no-repeat left center;*/
	padding-left:18px;
}
.Null li {
	/*background:url(https://www.sourcenext.com/%7e/media/Images/Mypage/common/icon_upg_null.ashx) no-repeat left center;*/
	padding-left:18px;
}
.Null {
	color:#aaa;
}
.Null p {
	text-align:center;
}
.chart li {
	list-style:none;
}
.updListBox_l {
	width:200px;
	float:left;
	padding-top:5px;
}
.updListBox_r {
	width:110px;
	float:right;
	text-align:center;
}
.updListBox_r p {
	width:110px;
	height:28px;
	padding:0;
	margin:0;
	line-height:23px;
}
.iconv {
	vertical-align:middle;
}
.redTxt {
	color:#CC0000;
	font-size:80%;
}
.chart_serial{ width:225px;}
.chart_serial p {
	font-size:100%;
	text-align:center;
}

#about_upg_add{ padding:10px 15px; border:1px solid #cee3e6; margin-bottom:10px;}

/* 製品ページ：シリアル*/

#ProductsSerial_Content .ProductsSerial_RMS {
	text-align:center;
	margin-top:10px;
}
#ProductsSerial_Content .ProductsSerial_VS {
	text-align:center;
	margin-top:10px;
}
.ProductsSerial_RMS {
	padding:10px;
	margin:0 auto;
	width:320px;
}

.ProductsSerial_RMS a{
display:block;
padding:10px 0;
width:100%;
color:#FFFFFF;
border:1px solid #039;
	
background: #23a5fc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzIzYTVmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNiOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #23a5fc 1%, #003b8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#23a5fc), color-stop(100%,#003b8e));
background: -webkit-linear-gradient(top,  #23a5fc 1%,#003b8e 100%);
background: -o-linear-gradient(top,  #23a5fc 1%,#003b8e 100%);
background: -ms-linear-gradient(top,  #23a5fc 1%,#003b8e 100%);
background: linear-gradient(to bottom,  #23a5fc 1%,#003b8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a5fc', endColorstr='#003b8e',GradientType=0 );

-moz-border-radius:8px;
-webkit-border-radius: 8px;
border-radius: 8px;
text-shadow:
	0px -1px 0px rgba(000,000,000,0.2),
	0px 1px 0px rgba(255,255,255,1);
}
.ProductsSerial_RMS a:before{
content:url(/%7e/media/Images/Common/icon/icon_next_white_s.ashx?h=10);
vertical-align:middle;
margin-right:3px;
}
.ProductsSerial_RMS a:hover{
text-decoration:none;
background: #6dc1f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYzFmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdhZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6dc1f9 0%, #007add 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6dc1f9), color-stop(100%,#007add));
background: -webkit-linear-gradient(top,  #6dc1f9 0%,#007add 100%);
background: -o-linear-gradient(top,  #6dc1f9 0%,#007add 100%);
background: -ms-linear-gradient(top,  #6dc1f9 0%,#007add 100%);
background: linear-gradient(to bottom,  #6dc1f9 0%,#007add 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dc1f9', endColorstr='#007add',GradientType=0 );
}
.gradient {filter: none;}

/* 製品ページ：サポート */
#ProductsSupport_Content {margin-bottom:10px;}
#ProductsSupport_Content_All {margin-bottom:10px;}
#importSupportInfo {margin-bottom:5px;}
#importSupportQA {height:500px;border: 1px solid rgb(179, 198, 199);}
#sup_infoBOX {margin:0;	padding:0}
#sup_infoBOX h3 {background:none}
#sup_infoBOX li {font-size:80%}
#sup_info {width:360px; float:left; margin-right:10px}
#sup_info_etc {float:left; width:240px}
#sup_info_etc p {font-size:70%}
#sup_infoBOX .subBox {margin-bottom:10px; clear:both;}

/*---その他-------------------------*/
#ProductsBody_Box h2 {margin:5px 5px 10px 5px;}
#ProductsBody_Box h3 {margin:0 10px 0 10px;}
.ProductsBody_Unit {margin:10px 15px;}

/*clearfix追記 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
*:first-child+html .clear {zoom: 1;} /* IE7 */
#link_h {display:none;}

/*アコーディオン*/
.oBox { display:none; padding:10px; border:1px solid #ccc}

/*タブ*/
#Products_Box .tabMenu{width:auto !important; box-shadow:none !important;}

/* 右メニュー */
@media (min-width:769px){
ul.subBox_menu{ margin:0; padding:0; width:218px; }
}
@media (max-width:769px){
    ul.subBox_menu{ margin:0; padding:0.5em; width: 100%;}
}

.subBox_menu li{list-style:none; margin:0; padding:0; font-size:80%;}
.subBox_menu li a{display:block; padding:3px 2px 3px 20px; background:#fff; border-top:none; text-decoration:none; color:#000; background:rgb(246, 247, 248);border:1px solid #deeaeb; border-right-color:#cde3e5; border-bottom-color:#cde3e5;}
.subBox_menu li a:hover{text-decoration:underline; background-color:#fff; border:1px solid #888;}
.newsub h4{ padding:0 5px; margin:0; background-color:#0099CC; color:#fff;}
.ServiceName{ float:none; }
.ServiceName .icon {vertical-align:middle !important;}
.icon { vertical-align:middle; margin-right:3px}
/*#usermenu_mail{display:none;}*/

/*あなたが最近チェックした商品*/
#histoy_wrap h2{background: url("https://www.sourcenext.com/%7e/media/Images/Mypage/common/bg_h3.ashx") repeat-x scroll 0 0 #E1EDF1; font-size: 90%; line-height: 1.3em; padding:4px;}


/* ------------------------------------------------------------
  ePoint 追加対応
------------------------------------------------------------ */

.mypage-userinfo-name{
	text-align: center;
	padding: 0.7em 0 0;
}
.mypage-userinfo-box01 {
    background: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    margin: 0.5em;
    box-sizing: border-box;
    padding: 0;
}
.mypage-userinfo-box01 h3 {
	background: none !important;
	font-size: 12px !important;
	padding: 1em 0.7em !important;
}
.mypage-userinfo-box01 .mypage-userinfo-contents{
	padding: 0 0.7em 0.7em;
}
#ePointWrapper h3{
	text-align: center !important;
}
#ePointWrapper .ePointTitle{
  text-align: center;
}
#ePointWrapper .ePointTitle .title{
  font-weight: bold;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: -5px;
}
#ePointWrapper .ePointTitle .link{
  text-align: center;
  font-size: 12px;
}
#ePointContents .ePointDataList {
    list-style: none;
}
#ePointContents .ePointDataList li {
	margin: 0.5em 0;
}
#ePointContents .ePointDataList li .titleWrapper{
  display: flex;
  border-top: 1px solid #CCC;
  padding-top: 0.5em;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#ePointContents .ePointDataList li p{
	font-size: 12px;
}
#ePointContents .ePointDataList li p.data {
    font-size: 14px;
}
#ePointContents .ePointDataList li p.title{
  display: none;
	font-weight: bold;
}
#ePointContents .ePointDataList li p.title span{
	display:none;
}
.ePoints-display.ok + p.title{
  display: block !important;
}
#ePointNormal .titleWrapper .title {
    background: url(/-/media/Images/Common/icon/icon_epoint?w=19) left center no-repeat;
    padding-left: 23px;
    padding-top: 2px;
}
#ePointLimitPoint .titleWrapper .title {
    background: url(/-/media/Images/Common/icon/icon_epoint_tokuten?w=19) left center no-repeat;
    padding-left: 23px;
    padding-top: 2px;
}
#ePointContents .ePointDataList li .ePoints.error {
  font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}
#ePointContents .ePointRule{
	font-size: 11px;
    text-align: center;
    margin: 0.5em 0;
}
#ePointContents .ePointRule a{
	color: #0000EE;
}
#ePointContents .ePointPortal {
    margin: 0;
}
#ePointContents .ePointPortal a {
    background: #68BDDA;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 0.7em;
    box-sizing: border-box;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1;
}
#MileDisplayButton,
#PaidServiceDisplayButton{
	display: flex;
	justify-content: space-between;
	padding: 1em 0.7em !important;
	cursor: pointer;
}
#MileDisplayButton::after,
#PaidServiceDisplayButton::after{
	content: "▼";
	color: #68BDDA;
}
#MileDisplayButton.open::after,
#PaidServiceDisplayButton.open::after{
	content: "▲";
}
#MileContents,
#PaidServiceContents{
	display: none;
}
#MileContents.open,
#PaidServiceContents.open{
	display: block;
}
.epointLinks {
    margin: 0.7em 0 0;
}
.epointLinks ul {
    list-style: none;
}
.epointLinks ul li {
    margin: 0;
    font-size: 12px;
    border-top: 1px solid #CCC;
    padding: 0.7em 0;
    line-height: 1.2;
}
.epointLinks ul li:last-child {
    border-bottom: 1px solid #CCC;
}
.epointLinks ul li a{
    color: #0000EE;
}



/* ------------------------------------------------------------
  /ePoint 追加対応
------------------------------------------------------------ */