@charset "utf-8";
:root {
	/* image ----------------------  */
	--static-icon-blog: url("//id-static.wania.jp/service/img/service-icon-blog.svg");
	--static-icon-cart: url("//id-static.wania.jp/service/img/service-icon-cart.svg");
	--static-img-game: url(//id-static.wania.jp/1.0/parts/image/sprite_idpf_headmenu_outline01.png);
	--static-img-smsauth: url(//id-static.wania.jp/1.0/parts/image/sms_pc_main02.png);
	--static-img-passwordchange: url(//id-static.wania.jp/1.0/parts/image/pc_password_change_icon.png) no-repeat 55px center;

/* 
	--color-main-accent: #F34AAF;
    --color-bg: #FFF;

	--color-bg-sec: #f7f7f7;

	--color-content-bg: #282828;

	--color-nav-hover: #363636;

	--color-main-sub: #74CFE2;

	--color-text: #333;

	--color-text-sub: ;

	--color-text-link:#0044CC;
	--color-text-link-active:#ff0000;
	--color-text-link-hover:#ff0000;

	--color-text-accent:#FF6600;

	--color-bdr-main: #dddddd;
	--color-bdr-light: #ededed;

	--btn-primary-bg: #2f86ed;
	--btn-primary-bg-hover: #2376c9;
	--btn-primary-border: #2f86ed;
	--btn-primary-border-hover: #2376c9;
	--btn-primary-text: #fff;
	--btn-raidus: 4px;

	--btn-normal-bg: #f7f7f7;
	--btn-normal-bg-hover: #f7f7f7;
	--btn-normal-border: #CCC;
	--btn-normal-border-hover: #939393;
	--btn-normal-text: var(--color-text);

	--header-bg: var(--color-bg-sec);
	--header-bdr-top: var(--color-bdr-main);
	--header-bdr-bottom: var(--color-bdr-main);
	--table-border: var(--color-bdr-main);
	--table-border-top: var(--color-bdr-main);
	--table-border-bottom: var(--color-bdr-main);
	--table-border-side: var(--color-bdr-main);
	--table-border-noborder: transparent;
	 */
  }
body{
	color:var(--color-text);
	background-color: var(--color-bg);
	text-align:center;
	line-height:150%;
	font-family:Verdana, Ariel, Helvetica, sans-serif;
	font-size:82%;		/* 13px */
}
a			{color:var(--color-text-link)}/*color:#333;*/
a:hover, a:focus, a:active	{
	text-decoration:none;
}

/* --基本layout割付と見出しサイズ---------- */
div#container{
    margin: 0 auto;
    /* width: calc(100% - 30px);
    min-width:900px;
    max-width: 1280px; */
	width: calc(100% - 48px);
	min-width:900px;
    max-width: 1280px;

    position:relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: wrap;
	padding-top: 24px;
}

.container_space_between div#container{
    justify-content: space-between;
}


div#header{height:136px; clear:both; overflow:hidden;}
div#header h1{width:auto; height:66px; float:left; padding:13px 0 0 0;}
#sh_header_box .user{background:url("/image/user.gif") no-repeat scroll left top; float:left; margin:3px 0 0; padding-left:1.5em; width:auto;}
/* header lottery campaign */
.lottery_header_logo{
	display: inline-block;
	width: auto;
    height: 29px;
    vertical-align: text-bottom;
	margin: 0 0px 0 4px;
}
.lottery_header_logo > a{
	display: block;
	cursor: pointer;
	height: 100%;
}
.lottery_header_logo .lottery_header_img{
	width: 100%;
	vertical-align: top;
}
.service_header_logo_text{
	margin-left: 4px;

}
div#main{
    /* clear:both; */
    position:relative;
    min-height:0px;
    width:calc(100% - 230px);
	max-width: 900px;
	margin: 0 auto 42px;
    /* float:right; */
    text-align:left;
    margin-bottom:3.0em;
}

.main_narrow_width,
.wallet_buy_point_wrap{
    margin: 0 auto;
    max-width: 740px;
	background: var(--color-content-bg);
	padding: 24px;
	border-radius: var(--raidus-contents);
}

div#content{}
div#content_left{
    /* float:left;
    width:calc(100% - 330px); */
}
div#content_right{
    float:right;
    width:300px;
}
/* New Title */
div#content h2.sh_heading_main_b		{
	font-size: 28px;
	margin-bottom: 42px;
	line-height: 1.4;
}
.sh_heading_align_center{
	text-align: center;
}
/* 汎用的なコンテンツブロック */
/* 幅小さめ */
.common_widh_small{
	width: 100%;
	max-width: var(--size-small-width);
	margin: 0 auto;
}
/* 汎用コンテンツブロックスタイル */
.common_contents_block{
	margin-bottom: 42px;
	background: var(--content-block-bg);
	border: var(--content-block-border);
	box-shadow: var(--content-block-boxshadow);
	border-radius: var(--content-block-radius);
}
.common_contents_block_title{
	display: block;
	border-bottom: 1px solid var(--color-bdr-main);
	font-size: 18px;
	padding: 16px 24px;
}
.common_contents_block_title.is-center{
	text-align: center;
}
.common_contents_block_inner{
	padding: 24px;
}
.common_contents_block_inner > h3{
	margin-bottom: 24px;
	font-size: 18px;
}
.common_contents_textblock{
	margin-bottom: 24px;
	text-align: center;
}
.common_contents_form{
	margin-bottom: 24px;
}
.common_contents_form:last-child{
	margin-bottom: 0;
}
.common_contents_form_inputgorup:not(:last-child){
	margin-bottom: 12px;
}
.common_contents_form_label{
	font-weight: bold;
	margin-bottom: 12px;
}
.common_contents_form_btnblock,
p#enter.common_contents_form_btnblock{
	margin: 42px 0;
	text-align: center;
}
.common_contents_form_btnblock.is_btnblock_col,
p#enter.common_contents_form_btnblock.is_btnblock_col{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.common_contents_form_btnblock.is_btnblock_col > input,
p#enter.common_contents_form_btnblock.is_btnblock_col > input{
	margin-bottom: 24px;
}
.common_contents_form_note{
	font-size: 12px;
	color: var(--color-text-sub);
	margin-bottom: 12px;
}
.common_contents_form_input.common_contents_form_input_row{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
}
.common_contents_form_input_row .input_unit{
	white-space: nowrap;
}
.common_contents_form_input input#email,
.common_contents_form_input input#auth_number,
.common_contents_form_input input#pass1,
.common_contents_form_input input#pass2,
.common_contents_form_input input#answer,
.common_contents_form_input input#zip,
.common_contents_form_input input[type="text"],
.common_contents_form_input input[type="password"],
.common_contents_form_input select,
.common_contents_inputstyle{
	width: 100%;
	border: var(--form-input-border);
	background-color: var(--form-input-bg);
	border-radius: var(--form-input-radius);
	box-shadow: var(--form-input-boxshadow);
	transition: var(--form-input-transition);
	padding: var(--form-input-padding);
}
.common_contents_form_input select{
	width: auto;
}

.common_contents_form_input input#email:focus,
.common_contents_form_input input#auth_number:focus,
.common_contents_form_input input#pass1:focus,
.common_contents_form_input input#pass2:focus,
.common_contents_form_input input#answer:focus,
.common_contents_form_input input#zip:focus,
.common_contents_form_input select:focus,
.common_contents_form_input input[type="text"]:focus,
.common_contents_form_input input[type="password"]:focus,
.common_contents_inputstyle:focus{
	border: var(--form-input-border-active);
	box-shadow: var(--form-input-boxshadow-active);
}
.common_contents_form_input input#zip{
	max-width: 200px;
}
.common_contents_form_input label{
	display: block;
	margin-bottom: 8px;
}
/* Utility size Helper */
.common_contents_form_input input.u-w-25{width: 25%;}
.common_contents_form_input input.u-w-50{width: 50%;}
.common_contents_form_input input.u-w-75{width: 75%;}
.common_contents_form_input input.u-w-100{width: 100%;}

.u-w-25{width: 25%;}
.u-w-50{width: 50%;}
.u-w-75{width: 75%;}
.u-w-100{width: 100%;}

.common_contents_row{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
}
.common_contents_col{
	flex: 1;
	min-width: 0;
}
.common_contents_form_note{
	font-size: 12px;
	color: var(--color-text-sub);
	margin-bottom: 8px;
}
.common_contents_sendbtn{
	margin-top: 24px;
	text-align: center;
}
.common_contents_sendbtn_attention{
	margin: 24px 0;
	font-size: 12px;
	color: var(--color-text-sub);
	text-align: center;
}
.common_contents_block_attention li{
	text-indent: -1em;
	margin-left: 1em;
	color: var(--color-text-sub);
	margin-bottom: 8px;
}
.common_contents_block_attention li:last-child{
	margin-bottom: 0;
}
.common_contents_note{
	margin-bottom: 24px;
	text-align: center;
}
.common_contents_note_left{
	margin-bottom: 24px;
	text-align: left;
}
.common_contents_ermsg:not(:empty){
	padding: 12px;
	background: var(--color-bg-error);
	border-radius: 4px;
	margin-bottom: 24px;
}
.common_pageback{
	margin: 42px 0;
	text-align: center;
}
/* ここまで */

/* フォームスタイルCSS  ---------------- */
div#content form input[type="text"],
section#login form input[type="text"],
div#content form input[type="password"],
section#login form input[type="password"],
div#content form input[type="email"],
section#login form input[type="email"],
div#content form input[type="textarea"],
section#login form input[type="textarea"],
div#content form select,
section#login form select,
.point_convert-input_box input[type="textbox"] {
	appearance: none;
	border: var(--form-input-border);
	background: var(--form-input-bg);
	color: var(--color-text);
	padding: 8px 12px;
	font-size: 16px;
	min-height: 40px;
	transition: border-color .14s linear,box-shadow .14s linear;
	outline: none;
	border-radius: var(--form-input-radius);
}
textarea{
	appearance: none;
	border: 1px solid var(--form-input-border);
	width: 100%;
	padding: 8px 12px;
	font-size: 16px;
	transition: border-color .14s linear,box-shadow .14s linear;
	outline: none;
	background-color: var(--form-input-bg);
	color: var(--color-text);
}
div#content form select,
section#login form select{
	background: var(--form-input-bg) url(/image/menu_icon/icon-select-down.svg) no-repeat right 8px center;
	padding-right: 24px;
}
div#content form input[type="text"]:focus,
section#login form input[type="text"]:focus,
div#content form input[type="password"]:focus,
section#login form input[type="password"]:focus,
div#content form input[type="email"]:focus,
section#login form input[type="email"]:focus,
div#content form input[type="textarea"]:focus,
section#login form input[type="textarea"]:focus,
div#content form select:focus,
section#login form select:focus,
textarea:focus,
.point_convert-input_box input[type="textbox"]:focus {
	border-color: var(--form-input-border-active-color);
	box-shadow: var(--form-input-boxshadow-active);
}
/* input 100% */
div#content form .input-100 input,
div#content form input.input-100,
div#content form .input-100 select,
div#content form select.input-100,
div#content form .input-100 textarea,
div#content form textarea.input-100{
	width: 100%;
}
/* input sub text (input attention text) */
.input-subtext{
	margin-top: 8px;
	font-size: 1.3rem;
	color: var(--color-text-sub);
}
/* checkbox style */
.checkbox-style{

}
/* formスタイル変更ここまで ---------------- */
div#content h3.sh_heading_sub_main_b	{
	/*margin-bottom:0.4em;*/
	    font-size: 22px;
    font-weight: normal;
    margin-bottom: 24px;
}
div#content strong{ margin-top:10px;}

div#menu{
    width:200px;
    /* float:left; */
    text-align:left;
    margin-bottom:3.0em;
    margin-right: 30px;
}
div#menu p			{text-align:left;}
div#menu p a		{text-decoration:none;}
div#menu p a:hover	{text-decoration:underline; color:var(--color-text-link-active);}
div#menu ul li.second_directory{margin:0 0 0 12px;}
div#menu .sidemenu_line_horizontal{border-bottom:1px solid #ccc;}
div#menu ul.ad{text-align:center;}

.clearfix{min-height:0px;}/* あちこちに残っている「clearfix」セレクタ用。一応残存させておく。 */
.clearfix:after{content:"."; height:0px; clear:both; display:block; visibility:hidden;}
/*\*/
* html .clearfix{height:1px;
/*\*/ /*/
height:auto; overflow:hidden;
/**/
}
/**/
/* SP change bar
---------------------------- */
#container-outer{
    position: relative;
}
.sp-change-bar{
    background: var(--header-spchange-background);
    height: 80px;
    line-height: 80px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 600;
}
.sp-change-bar a{
    display: block;
    color: var(--header-spchange-linkcolor);
    font-size: 30px;
    font-weight: bold;
    
}
.sp-change-bar a span{
    display: inline-block;
    background-image: var(--header-spchange-img);
    background-repeat: no-repeat;
    background-size: 29px 46px;
    background-position: 0px center;
    padding-left: 49px;
}

/* -----------------------------------------
	ここからPFID統合ヘッダ 20140514
----------------------------------------- */
/* New header
------------------------------ */
.sh_common_header{
	display: flex;
	justify-content: space-between;
	background: var(--header-bg-base);
	text-align: left;
	border-bottom: var(--header-bdr-bottom);
	height: 70px;
	padding: 0 24px;
	box-shadow: var(--header-shadow);
}

.sh_common_header_logo,
.service_header_logo{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sh_common_header_nav{
	margin-left: auto;
	display: flex;
}
.sh_common_header_user{
	display: flex;
	justify-content: center;
	align-items: center;
}
.sh_common_header_user .header_userinfo{
	margin-right: 12px;
}
.sh_common_header_lang{
	display: flex;
	align-items: center;
	justify-content: center;
}
.sh_common_header_lang select{
	border: 1px solid var(--header-lang-bdr);
	background: var(--header-lang-bg);
}

/* header
------------------------------ */
#site_header{
	position: relative;
	width:100%;
	height: 50px;
	margin:0 auto;
	text-align: left;
}
/*通常の場合はロゴを表示*/
#sh_header h1.service_header_logo{
	height: 42px;
	line-height: 42px;
	text-align:left;
	padding-top: 0px;
}
#sh_header h1.service_header_logo .service_header_logo_img > img{
	vertical-align: middle;
    margin-bottom: 4px;

}
h1.service_header_logo .service_header_logo_img > img{
	width: 180px;
	height: auto;
}
/* 画像とテキスト分割でフォントサイズ変更 */
#sh_header h1 a{
	color:var(--color-text);
	text-decoration: none;
	font-family: var(--header-logo-text);
	font-size: var(--header-logo-fontsize);
	font-weight: var(--header-logo-fontweight);
	vertical-align: middle;
}

#sh_header h1 .r18{
	color:var(--color-text-r18);
}
#sh_header h1.service_header_logo .r18{
	color:var(--color-text-r18);
	margin-left: 47px;
}
#sh_header h1 a span {
	display: inline-block;
	margin-top: 2px;
}
#site_header_base{
	background:var(--header-bg-base);
	width: 100%;
	/* position: absolute;
	top: 80px;
	left: 0;
	z-index: 1; */
}
/* header navigation
--------------------------------*/
/*sh_header*/
#sh_header{
	height:152px;
	width: 100%;
	margin: 0px;
	padding: 0;
}

#sh_header h1.service_header_logo{
	padding-top: 17px;
}
body#unlogin #sh_header{
	position:relative;
	height:100px;
	width: auto;
}
body #sh_header_box{
	 background:var(--header-bg);
	 border-bottom: var(--header-bdr-bottom);
	 border-top: var(--header-bdr-top);
	 height:auto;
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 z-index: 2;
	 height: 50px;
}
body #sh_header_box #sh_header_col{
    width: calc(100% - 30px);
    max-width: 1280px;
    min-width:900px;
    height: 50px;
    text-align: left;
}


/*global navigation/////////////////////////////////////////*/
/*Left Menu*/
.sh_header_left{
	height: 50px;
	float: left;
	/* width: 440px; */
}
/*ホームに戻るボタン*/
.sh_header_left .sh_header_left_mainnav{
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	text-align: left;
	display: flex;
}
.sh_header_left .sh_header_left_mainnav .home a{
	display: block;
	width: auto;
	height: 50px;
}
.sh_header_left .sh_header_left_mainnav .home a span{
	border-right: 1px solid var(--color-bdr-main);
	padding-right: 15px;
}
/*アラートメニュー*/
.sh_header_left .alert_message{
	position: relative;
}
.sh_header_left .sh_header_left_alertnav ul{
	float: left;
	height: 50px;
	/*overflow: hidden;*/
}
.sh_header_left .sh_header_left_alertnav ul li{
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
/*ID凍結後のヘッダメニュースタイル*/
.sh_header_left .sh_header_left_alertnav ul li span{
	background:var(--static-img-game);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	margin: 0 auto;
	height: 50px;
	zoom: 1;
}
/*message*/
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_message{
	background-position: 0 -42px;
	width: 41px;
}
.sh_header_left .sh_header_left_alertnav ul li:hover span.icon_sh_alert_message{
	background-position: 0 4px;
}
/*community*/
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_community{
	background-position: -60px -41px;
	width: 39px;
}
.sh_header_left .sh_header_left_alertnav ul li:hover span.icon_sh_alert_community{
	background-position: -60px 5px;
	width: 39px;
}
/*tweet*/
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_tweet{
	background-position: -119px -41px;
	width: 43px;
	padding-right: 4px;
}
.sh_header_left .sh_header_left_alertnav ul li:hover span.icon_sh_alert_tweet{
	background-position: -119px 5px;
	width: 43px;
	padding-right: 4px;
}
/*friend*/
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_friend{
	background-position: -175px -41px;
	width: 49px;
}
.sh_header_left .sh_header_left_alertnav ul li:hover span.icon_sh_alert_friend{
	background-position: -175px 5px;
	width: 49px;
}
/*mygame*/
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_mygame{
	background-position: -240px -41px;
	width: 40px;
}
.sh_header_left .sh_header_left_alertnav ul li:hover span.icon_sh_alert_mygame{
	background-position: -240px 5px;
	width: 40px;
}
.sh_header_left .sh_header_left_alertnav ul li.sh_alert_mygame{
	margin-left: 4px;
}


/*FC2IDサービス一覧リンクの追加*/
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_fc2id {
	background-position: -299px -40px;
	width: 52px;
}
.sh_header_left .sh_header_left_alertnav ul li:hover span.icon_sh_alert_fc2id {
	background-position: -299px 6px;
	width: 52px;
}
.sh_header_left .sh_header_left_alertnav ul li span.icon_sh_alert_fc2id a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}



.sh_header_left .sh_header_left_alertnav ul li div.haedmenu_count,
.contents_sub_menu ul.sub_navigation li div.haedmenu_count{
	position: absolute;
	top: 5px;
	right: 2px;
}
#sh_alert_message_body,
#sh_alert_community_body,
#sh_alert_tweet_body,
#sh_alert_friend_body,
#sh_alert_mygame_body{
	display: none;
}
.sh_header_left .alert_of_menu{
	position: relative;
	width: 380px;
	background: #e9e9e9;
	border: 1px solid #ccc;
	margin-top: 15px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.sh_header_left .alert_of_menu:after,
.sh_header_left .alert_of_menu:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sh_header_left .alert_of_menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #e9e9e9;
	border-width: 10px;
	margin-left: -10px;
}
.sh_header_left .alert_of_menu:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
}
.sh_header_left .alert_of_menu .inbox_count a{
	display: block;
}
.sh_header_left .alert_of_menu .function_link{
	background: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
}
.sh_header_left .alert_of_menu .function_link a{
	color: var(--color-text-link);
	display: block;
}
.sh_header_left .alert_of_menu .function_link a .functon_link_text{
	display: inline-block;
}
/*right Menu*/
.sh_header_right{
	position: relative;
	float: right;
	margin-top: 5px;
	z-index: 1;
}
/*FC2ID link*/
.sh_header_right .fc2id_link{
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 10px;
}
.sh_header_right .fc2id_link a{
	border-right: 1px solid #afafaf;
	padding-right: 12px;
	color: var(--color-text-link);
}
.sh_header_right .header_userinfo{
	float: right;
	margin-top: 1px;
}
.sh_header_right .header_userinfo .nickname{
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 1px;
}

.sh_header_right .header_userinfo div.edit_prof{
	text-align: right;
	font-size: 12px;
}
.sh_header_right .header_userinfo a{
	color: var(--color-text-link);
}
.sh_header_right .header_userinfo .nickname a span{
	color: #333;
	font-size: 12px;
}
.header_userthumbnail{
	width: 55px;
	float: right;
	background: var(--static-img-game) no-repeat  60px -95px;
	padding-right: 15px;
	cursor: pointer;
	height: 40px;
}
.header_userthumbnail img{
	width: 40px;
	height: 40px;
	float: right;
	border-radius: 4px;
}
.header_userthumbnail img.un_set_userthumbnail{
	width: 40px;
	height: 40px;
}
.header_userthumbnail .switch_label{
	float: right;
	width: 20px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
/* game 関連は使わない */
.header_userthumbnail .switch_label.adult{
	background: #ef2e53;
	color: #fff;
}
.header_userthumbnail .switch_label.general{
	background: #2f86ed;
	color: #fff;
}
/*header adult general切替スイッチ*/
.header_adult_general_switch{
	float: right;
	margin: 7px 0 0 10px;
	width: 120px;
}
.header_adult_general_switch select{
	width: 120px;
}
.header_adult_general_switch .header_adult_general_switch__togeneral,
.header_adult_general_switch .header_adult_general_switch__toadult{
	display: inline-block;
	/*width: 100px;*/
	width: 120px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	font-size: 11px;
	border-radius: 3px;
}
.header_adult_general_switch .header_adult_general_switch__togeneral{
	background-color: #2f86ed;
}
.header_adult_general_switch .header_adult_general_switch__toadult{
	background-color: #ef5763;
}
/*未ログインユーザーのヘッダナビゲーション*/
.sh_header__guest_loginbtn{
	display: inline-block;
	width: 104px;
	float: left;
	height: 44px;
	line-height: 44px;
}
.sh_header__guest_loginbtn a{
	color: var(--color-text-link);
	padding-right: 15px;
	border-right: 1px solid #CCC;
}
/*User PopUp Menu*/
#user_popupmenu{
	position: absolute;
	top: 59px;
	right: 0px;
	width: 300px;
	background-color: var(--header-bg-base);
	border: 1px solid var(--color-bdr-main);
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	z-index: 10;
}
.user_popupmenu_inner{
	position: relative;
}
.user_popupmenu_inner:after,
.user_popupmenu_inner:before {
	bottom: 100%;
	left: 46%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.user_popupmenu_inner:after{
	border-color: rgba(233, 233, 233, 0);
	border-bottom-color: var(--header-bg);
	border-width: 10px;
	margin-left: -10px;
}
.user_popupmenu_inner:before{
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: var(--color-bdr-main);
	border-width: 11px;
	margin-left: -11px;
}


/**/
#user_popupmenu .user_popupmenu_userinfo{
	background: var(--header-bg);
	padding: 20px 10px 10px;
	height: 84px;
	clear: both;
}
#user_popupmenu .user_popupmenu_userinfo .user_thumbnail{
	width: 80px;
	float: left;
}
#user_popupmenu .user_popupmenu_userinfo .user_thumbnail img,
#user_popupmenu .user_popupmenu_userinfo .user_thumbnail img .un_set_userthumbnail{
	width: 80px;
	height: 80px;
}

#user_popupmenu .user_name_menu{
	margin-left: 100px;
}
#user_popupmenu .user_name_menu a{
	color: var(--color-text-link);
}
#user_popupmenu .user_name_menu ul li{
	text-align: left;
	font-size: 14px;
}
#user_popupmenu .user_name_menu ul li.username{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
#user_popupmenu .user_name_menu ul li.username span{
	font-size: 12px;
}
#user_popupmenu .user_popupmenu_logout{
	padding: 10px 15px 10px 15px;
	text-align: center;
}
#user_popupmenu .user_popupmenu_help{
	padding: 0px 15px 15px;
	text-align: center;
	font-size: 10px;
	background: var(--header-bg);
}
#user_popupmenu .user_popupmenu_help a{
	color: var(--color-text-sub);
}


/*Pull down menu hidden block/////////////////////////////////////////*/
.head_menu_pulldown{
	position:absolute;
	top:55px;
	left:-115px;
	width:180px;
	background:#333333;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index:100;
	/*box-shadow:1px 1px 3px #CCC;*/
}
#sh_header_box .sh_header_nav .head_menu_pulldown ul{
	width:180px;
	border:none;
	padding-bottom:5px;
}
#sh_header_box .sh_header_nav .head_menu_pulldown ul li{
	float:none;
	padding:none;
	margin:0;
	border-top:1px solid #4C4C4C;
	border-bottom:1px solid #282828;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}

#sh_header_box .sh_header_nav .head_menu_pulldown ul li a{
	padding:8px 5px 8px 10px;
	margin:0;
	border:none;
	text-align:left;
	color:#FFF;
}
#sh_header_box .sh_header_nav .head_menu_pulldown ul li a:hover{
	background:#F4F4F4;
	color:#333;
	text-shadow:none;
}



/*-------------------------------------------
	alert_message　プルダウン無しバージョンのスタイル
--------------------------------------------*/
.alert_message span a{
	display: block;
	width: 100%;
	height: 100%;
}

/* 通常・キャンセルボタンスタイル
------------------------------------- */
.button_inline{
	display: inline-block;
	padding: 8px 40px;
	text-align: center;
	margin:0px 5px;
	/* box-shadow:1px 1px 2px 0 #CCC; */
}
.normal_button,
a.normal_button,
#sh_header_box .sh_header_nav .head_menu_pulldown a.normal_button{
	border: none;
	display: inline-block;
	border-radius: 3px;
	background: var(--btn-normal-bg);
	color:var(--btn-normal-text);
	text-shadow: none;
	border: 1px solid var(--btn-normal-border);
	box-shadow: none;
	text-decoration:none;
	padding: 8px 40px;
	border-radius: var(--btn-raidus);
}
.normal_button:hover,
a.normal_button:hover{
	border: 1px solid var(--btn-normal-border-hover);
	text-decoration:none;
	background-color: var(--btn-normal-bg-hover);
	box-shadow: none;
}

/* 枠線なしボタン（トップへ戻るボタンなど）
------------------------------------- */
.ghost_button{
	border: 1px solid var(--btn-cancel-border);
	display: inline-block;
	border-radius: 3px;
	background: var(--btn-cancel-bg);
	color:var(--btn-cancel-text);
	text-shadow: none;
	box-shadow: none;
	text-decoration:none;
	padding: 8px 40px;
	border-radius: var(--btn-raidus);
	cursor: pointer;
}
.ghost_button:hover{
	border: 1px solid var(--btn-cancel-border-hover);
	text-decoration:none;
	background-color: var(--btn-cancel-bg-hover);
	color: var(--btn-cancel-text-hover);
	box-shadow: none;
}

/* ホームボタンをブラック */
.sh_header_left_mainnav .home a{
	color: var(--color-text);
}
/*
 決済関連専用のヘッダ
---------------------------------- */
body #transaction_header #sh_header_box #sh_header_col{
	/*width: 740px;*/
}

#transaction_header .sh_header_left .header_userinfo .nickname{
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	line-height: 50px;
	margin-bottom: 1px;
}
#container.one_colum{
	/*width: 740px;*/
}
#container.one_colum div#main{
	/*float:none;
	margin:0 auto;*/
}
#transaction_header .transaction_header_logout{
	float: right;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: right;
}
.transaction-cnpay-img{
	height: 30px;
	width: auto;
}
.transaction-toptext{ margin: 16px 0; }
.transaction-linktext{
	text-align: center;
	margin: 16px auto;
}

/* -----------------------------------------
	ここまで、PFID統合ヘッダ
----------------------------------------- */
/* ---ここから共通パーツの詳細設定--- */
.HarfTone #menu .menu_inner	{opacity:0.30; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.ssl_verisign_seal {
	text-align: center;
}
p.comment	{margin-bottom:2.0em;}
p#enter		{margin:10px 0; text-align:center;}/* 「パスワードを忘れたら」cntents内タイトル。_tmpl_login_re_input.htmlなどで使用。 */
input#email	{width:170px;}/* ユーザー登録時のe-mail入力フォーム指定 */

/* 特定のページのみreCAPTCHAバッジを表示させる */
.grecaptcha-badge{visibility: hidden;}
body.recaptchaVisible .grecaptcha-badge{visibility: visible;}

/*-- 左メニュー詳細 ---- --*/
div.sid-content{width:200px; padding:6px 0 0 0; margin-top:3px; background:url("/image/line_header.gif") no-repeat;}
div.sid-content-border{width:198px; text-align:left; border-left:#ccc solid 1px; border-right:#ccc solid 1px;}
div.sid-content-footer{height:6px; margin-bottom:3px; background:url("/image/line_footer.gif") no-repeat;}
ul#sidemenu{padding:10px 30px;}
div.sid-content ul{border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}

/* 広告 */
* html .ad_display468x60{top:41px;}
div#menu p.ad,
div#menu p.banner{text-align:center; margin:0 auto 20px; width:200px;}
div#menu p.ad{ margin:0 auto;}
.ad_display200x200{position:absolute; top:395px; left:0;}
.ad_display468x60{position:absolute; top:36px; right:0;}

ul#ad{width:465px; margin:0 auto; padding:0; border:1px solid #CCCCCC; clear:both;}		/* ul#ad？そんな広告スペースあるか？ */
ul#ad li{text-align:center; padding:2px;}
ul#ad li.pr{padding:5px 0px; font-weight:bold; background-color:#EEEEEE; color:#333333;}
ul#ad li p{background-color:#EEEEEE; padding:3px; font-size:12px;}
ul#ad li img{margin:10px;}

/*-- br ----このセレクタはどこで使ってるのかよくわからん */
.height{padding:5px; height:90px;}

/*-- paswd alert ---- --*/
div.paswd_attention{
	background: var(--attentionbar-pt1-bg);
	height:41px;
	text-align:left;
	margin-bottom:20px;
}
div.paswd_attention .att_msg{
	height:41px;
	line-height:41px;
	color:var(--attentionbar-pt1-text);
	font-weight:bold;
	padding: 0 24px;
	font-size:14px;
	text-align: center;
}
div.paswd_attention .att_msg .paswd_changelink{
	margin-left:5px;
	display: inline-block;
	color: var(--attentionbar-pt1-text);
	text-decoration: underline;
}
/*-- card alert ---- --*/
div.card_attention{
	background-color: var(--color-text-error);
	min-height:41px;
	text-align:left;
	padding: 8px 16px;
	margin-bottom:20px;
	width: 100%;
	border-radius: 4px;
}
div.card_attention .att_msg{
	
	position: relative;
	color:var(--color-text-inversion);
	font-weight:bold;
	padding-left:60px;
	font-size:13px;
}
div.card_attention .att_msg::before{
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	left: 0;
	width: 40px;
	height: 40px;
	background: var(--color-text-inversion);
	mask-image:url(/image/symbol/error_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-repeat: no-repeat;
    mask-size: 40px;

}
div.card_attention .att_msg .card_changelink{
	display: block;
	margin-top: 6px;
}
div.card_attention .att_msg .card_changelink a{
	color: var(--color-text-inversion);
	text-decoration: underline;
}
/* 20190509 add to alert design */
div.alert_box{
	border-radius: 6px;
	margin-bottom: 12px;
	padding: 18px 8px 18px 48px;
	color: var(--color-text-inversion);
	font-size: 14px;
	font-weight: bold;
}
div.alert_box.alert_type_success{
	background-color: var(--color-success);
}
div.alert_box.alert_type_error{
	background-color: var(--color-error);
}

/*-- Common alert Design --*/
.alert_success,
.alert_error,
.alert_notice,
.alert_info,
.alert_info_multiline,
.alert_notice_multiline,
.alert_error_multiline,
.alert_success_multiline{
	min-height: 25px;
	height: auto !important;
	height: 25px;
	background: var(--top-alert-base-bg); 
	border-radius: 0px;
	margin: 0 0 20px;
	width: 100%;
	text-align: left;
}
.alert_success p,
.alert_error p,
.alert_notice p,
.alert_info p{
	padding:10px 10px 10px 50px;
	margin:0 10px;
	font-weight: bold;
}
.alert_info_multiline p,
.alert_notice_multiline p,
.alert_error_multiline p,
.alert_success_multiline p{
	padding:10px 10px 10px 11px;
	margin:0 14px;
	font-weight: bold;
	text-align: left;
}
.alert_info_multiline span,
.alert_notice_multiline span,
.alert_error_multiline span,
.alert_success_multiline span{
	margin-left:36px;
	border-left: 1px dotted var(--top-alert-base-border);
	display: block;
	padding-left:10px;
}
.alert_info_multiline a,
.alert_notice_multiline a,
.alert_error_multiline a,
.alert_success_multiline a{
	text-decoration: underline;
}
.alert_success p.icon,
.alert_success_multiline p.icon,
.alert_error p.icon,
.alert_error_multiline p.icon,
.alert_info p.icon,
.alert_info_multiline p.icon,
.alert_notice p.icon,
.alert_notice_multiline p.icon{
	position: relative;
}
.alert_success p.icon::before,
.alert_success_multiline p.icon::before,
.alert_error p.icon::before,
.alert_error_multiline p.icon::before,
.alert_info p.icon::before,
.alert_info_multiline p.icon::before,
.alert_notice p.icon::before,
.alert_notice_multiline p.icon::before{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	mask-repeat: no-repeat;
}

/*SUCCESS*/
.alert_success,.alert_success_multiline{ 
	border: 1px solid var(--top-alert-success-border);
	color:var(--top-alert-success-text); 
	background: var(--top-alert-success-bg);
}

.alert_success p.icon{
	color:var(var(--top-alert-success-text));
}
.alert_success p.icon::before{
	background-color: var(--top-alert-success-text);
	mask-image: url(/image/symbol/check_circle_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
.alert_success_multiline p.icon{
	color:var(--top-alert-success-text);
}
.alert_success_multiline p.icon::before{
	background-color: var(--top-alert-success-text);
	mask-image: url(/image/symbol/check_circle_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
div#content .alert_success p strong,
div#content .alert_success_multiline p strong{color:var(--top-alert-success-text);}
/*ERROR*/
.alert_error,.alert_error_multiline{ 
	border: 1px solid var(--top-alert-notice-border);
	background-color: var(--top-alert-error-bg); 
}


.alert_error p.icon{
	color:var(--top-alert-error-text);}
.alert_error p.icon::before{
	background-color: var(--top-alert-notice-text);
	mask-image: url(/image/symbol/error_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
.alert_error_multiline p.icon{
	color:var(--top-alert-error-text);}
.alert_error_multiline p.icon{
	background-color: var(--top-alert-notice-text);
	mask-image: url(/image/symbol/error_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
div#content .alert_error p strong,
div#content .alert_error_multiline p strong{color:var(--top-alert-error-text);}
/*NOTICE*/
.alert_notice,.alert_notice_multiline{ 
	border: 1px solid var(--top-alert-notice-border);
	background-color: var(--top-alert-notice-bg); 
}


.alert_notice p.icon{
	color:var(--top-alert-notice-text);
}
.alert_notice p.icon::before{
	background-color: var(--top-alert-notice-text);
	mask-image: url(/image/symbol/warning_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
.alert_notice_multiline p.icon{
	color:var(--top-alert-notice-text);
}
.alert_notice_multiline p.icon::before{
	background-color: var(--top-alert-notice-text);
	mask-image: url(/image/symbol/warning_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
div#content .alert_notice p strong,
div#content .alert_notice_multiline p strong{color:var(--top-alert-notice-text);}
/*INFO*/
.alert_info{ border: 1px solid var(--top-alert-info-border); }
.alert_info p.icon{
	color: var(--top-alert-info-text);
}
.alert_info p.icon::before{
	background-color: var(--top-alert-info-text);
	mask-image: url(/image/symbol/info_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
div#content .alert_info p strong{color: var(--top-alert-info-text);}
/*INFO Multi Line*/
.alert_info_multiline{ border: 1px solid var(--top-alert-info-border); }

.alert_info_multiline p.icon{
	color: var(--top-alert-info-text);
}
.alert_info_multiline p.icon::before{
	background-color: var(--top-alert-info-text);
	mask-image: url(/image/symbol/info_32dp_1F1F1F_FILL0_wght200_GRAD0_opsz40.svg);
	mask-size: 30px;
}
div#content .alert_info_multiline p strong{color: var(--top-alert-info-text);}

/*-- id to game navigation style 以下は撤去予定 ----- --*/
div#id_game_nav{background:url(/image/jp/id_game/id_game_nav_bk.png) repeat-x top center;height: 54px; margin-bottom: 15px;}

div#id_game_nav div.game_prof ul.game_username li.profbutton span.to_gameprof:hover{background-position: 0 -157px;}
div#id_game_nav div.game_prof{
	float: left;
	min-width:220px;
	width: auto !important;
	width: 220px;}
div#id_game_nav div.game_prof{text-align: left;padding: 6px 0 0 5px; }
*+html div#id_game_nav div.game_prof{text-align: left;padding: 3px 0 0 5px; }
div#id_game_nav div.game_prof div.game_thumbnail{float: left;width:40px;height:48px;line-height: 48px;}
div#id_game_nav div.game_prof div.game_thumbnail img{border:1px solid #CCC;border-radius: 5px;}
div#id_game_nav div.game_prof ul.game_username{margin-left: 60px; color:#333;text-shadow:1px 1px 0 #FFF;}
div#id_game_nav div.game_prof ul.game_username li.name{padding-bottom:1px;font-size: 11px;padding-right:5px;}
div#id_game_nav div.game_prof ul.game_username li span.name{font-size: 16px; font-weight: bold;}
div#id_game_nav div.game_prof ul.game_username li.profbutton span.to_gameprof{
	display: block;
	background-image: url(/image/jp/id_game/id_game_nav.png);
	background-repeat: no-repeat;
	background-position: 0 -137px;
	width:113px;
	height: 19px;
}
div#id_game_nav div.game_menu{margin-left: 220px;}
div#id_game_nav div.game_menu ul{overflow: hidden;}
div#id_game_nav div.game_menu ul li{
	background-image: url(/image/jp/id_game/id_game_nav.png);
	background-repeat: no-repeat;
	height:54px;
	float: left;
}
div#id_game_nav div.game_menu ul li.mypage{background-position: 0 0;width:101px; }
div#id_game_nav div.game_menu ul li.gamelist{background-position: -101px 0; width:112px;}
div#id_game_nav div.game_menu ul li.message{background-position: -213px 0; width:104px;}
div#id_game_nav div.game_menu ul li.friendlist{background-position: -317px 0; width:108px;}
div#id_game_nav div.game_menu ul li.mycommunity{background-position: -423px 0; width:129px;}
div#id_game_nav div.game_menu ul li.mypage:hover{background-position: 0 -57px;}
div#id_game_nav div.game_menu ul li.gamelist:hover{background-position: -101px -57px;}
div#id_game_nav div.game_menu ul li.message:hover{background-position: -213px -57px;}
div#id_game_nav div.game_menu ul li.friendlist:hover{background-position: -317px -57px;}
div#id_game_nav div.game_menu ul li.mycommunity:hover{background-position: -423px -57px;}
/* --ここから個別メニュー用の指定。多いようだったら、以降は分割別ファイルcss化してもいいかも。------ */
/*二段階認証*/
.login_auth{
	width:86%;
	margin: 0 auto 40px;
	font-size: 14px;
	border:1px solid transparent;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	padding:15px 20px;
}
.login_auth .la_title{
	font-size:28px;
	font-weight: bold;
	text-align: center;
	margin:25px 0 30px;
	padding-bottom:6px;
}
.login_auto_container{
	position: relative;
	padding:0;
	text-align: left;
	/* background:url(/image/jp/loginauth_02.png) no-repeat left 20px; */
	width: 100%;
	max-width: 680px;
	margin: 0 auto 100px;
}
.la_resumit_btn{
    margin-top: 7px;
}
*+html .la_resumit_btn{
	position: absolute;
	display: inline;
	top: 198px;
	right: -7px;
}
*+html .la_resumit_btn input{padding-left:0; padding-right:0;}
.login_auth .la_maintxt p{
	padding-bottom:12px;
	margin-bottom: 24px;
}
.la_auth_block{
	background-color:var(--color-content-bg) ;
	padding: 42px 24px;
	border: 1px solid var(--color-bdr-main);
	border-radius: 4px;
    box-shadow: 0 0 14px rgba(100, 100, 100, .1);
}
.la_title_subtext{
	/* font-size: 16px; */
	margin-bottom: 24px;
	text-align: center;
}
.la_form{
	border: 1px solid transparent;
	background:var(--color-bg-sec);
	padding:30px 10px;
	margin-bottom:30px;
	border-radius: 4px;
}
.la_form_label{
	font-weight: bold;
	margin-bottom: 12px;
}
.la_form_input{
	margin-bottom: 12px;
}
.la_input{
	width: 100%;
	border: var(--form-input-border);
	padding: 14px 14px;
	background-color: var(--form-input-bg);
	border-radius: var(--form-input-radius);
}
.la_form_resend{
	text-align: right;
}
.la_form_resend_button{
	border: none;
	background: none;
}
.la_form_resend_button:hover{
	cursor: pointer;
}
.la_form_submit{
	text-align: center;
}
.login_auth table#edit-table.la_auth_table{
	border:none;
	width:350px;
	margin: 0px auto 20px;
}
.login_auth table#edit-table.la_auth_table td{border: none;}
.la_auth_table tr th{
	width: 210px;
	font-size: 18px;
}
.la_auth_table tr td input{
	font-size: 18px;
	font-weight: bold;
	padding:8px;
	border-radius:5px;
	background: var(--form-input-bg);
	border: var(--form-input-border);
	color: var(--color-text);
}

.la_faq{
	width: 100%;
	max-width: 680px;
	margin: 0 auto 42px;
}
.la_faq h3{
	margin-bottom:15px;
	font-size: 18px;
	padding:10px 0;
}
.la_faq dl{}
.la_faq dl dt{
	font-size: 14px;
	font-weight: bold;
	/* color: var(--la-faq-text); */
	margin-bottom: 16px;
}
.la_faq dl dt:before{
	content: "Q";
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: bold;
	/* color: var(--la-faq-text); */
	width: 24px;
	height: 24px;
	border-radius: 2px;
	color: var(--color-text-inversion);
	background: var(--color-text);
	margin-right: 8px;
}
.la_faq dl dd{
	margin-bottom: 25px;
	margin-left:26px;
}
/* SMS認証 --------------------------*/
/*画像読み込み*/
.sms_auth_catch,
.sms_auth_icon_coution,
.sms_auth_icon_warning,
.sms_auth_icon_no1,
.sms_auth_icon_no2,
.sms_auth_icon_no3{
	background-image: var(--static-img-smsauth);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.sms_auth{
	color: var(--color-text);
	line-height: 1.8;
}
.sms_auth_catch{
	margin-bottom: 35px;
	background-position: left 20px top 50px;
}
.sms_auth_code .sms_auth_catch{
	margin-bottom: 35px;
	background-position:left 20px top -319px;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.sms_auth_catch_text{
    margin-left:250px;
}
.sms_auth_catch_attention{
    color: var(--color-text);
    font-size: 12px;
    margin-top: 5px;
}
.sms_auth_howtosms{
    border: 1px solid var(--color-bdr-main);
    padding: 10px;
    margin-top: 20px;
}
.sms_auth_howtosms h3{
    font-weight: normal;
    margin-bottom: 10px;
}
.sms_auth_howtosms p{
    font-size: 12px;
}
.sms_auth_form{
	background: var(--color-bg-sec);
	padding: 50px 20px;
	margin-bottom: 40px;
}
.sms_auth_form_list{
	width: 510px;
	margin: 0 auto;
}
.sms_auth_form_list li{
	overflow: hidden;
	margin-bottom: 20px;
}
.sms_auth_form_list li dl dt{
	float: left;
	width: 100px;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
}
.sms_auth_form_list li dl dd{
	float: left;
	width: 410px;
}
.sms_auth_form_list li dl dd input,
.sms_auth_form_list li dl dd select{
	width: 300px;
	background-color: var(--form-input-bg);
	border: var(--form-input-border-dark);
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	font-weight: bold;
	color: var(--color-text);
}
.sms_auth_form_list li dl dd input{
	/*font-size: 18px;
	font-weight: bold;
	color: #515151;*/
}
.sms_auth_form_btn{
	text-align: center;
	margin: 40px 0;
}
.sms_auth_form_attention{
	width: 580px;
	margin-top: 35px;
	margin: 35px auto 0;
	padding: 10px;
	background-color: var(--color-bg);
	border: 1px solid var(--color-bdr-main);
	text-align: center;
	border-radius: 5px;
}
.sms_auth_code .sms_auth_form_attention{
	text-align: left;
}
.sms_auth_form_attention_link{
	margin: 10px 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.sms_auth_form_attention_coution{
	font-size: 12px;
}
.form_supplementary_text{
	color: var(--color-text-sub);
	font-size: 12px;
	padding-left: 10px;
}
.sms_auth_form_warning{
	text-align: center;
}
.sms_auth_form_warning,
.sms_auth_form_warning a{
	color: var(--color-text-error);
}
/*sms faq*/
.sms_auth_faq{}
.sms_auth_faq h2{
	border-bottom: 1px solid var(--color-bdr-main);
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 18px;
}
.sms_auth_faq_list{
	margin-top: 20px;
}
.sms_auth_faq_list li{
	background-color: var(--color-bg-sec);
	margin-bottom: 20px;
	padding: 15px;
}
.sms_auth_faq_list li h3{
	margin-bottom: 10px;
}
.sms_auth_faq_list li p,
.sms_auth_faq_list_text{
	background-color: var(--color-bg);
	padding: 10px;
}
.sms_auth_faq_list_text .resend_btn{
	margin-top:10px;
}
.sms_auth_faq_list_text .resend_btn .sms_auth_mini_button{
	width: 180px;
}
.sended_sms{
	background-color: var(--color-bg-success);
	color: var(--color-success);
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
/*sms icon*/
.sms_auth_icon_coution,
.sms_auth_icon_warning{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 5px;
}
.sms_auth_icon_coution{
	background-position: 0px -540px;
	width: 17px;
	height: 20px;
}
.sms_auth_icon_warning{
	background-position: -21px -540px;
	width: 17px;
	height: 20px;
}
.sms_auth_icon_no1,
.sms_auth_icon_no2,
.sms_auth_icon_no3{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 5px;
	width: 25px;
	height: 25px;
}
.sms_auth_icon_no1{background-position:0 -568px ;}
.sms_auth_icon_no2{background-position:-28px -568px;}
.sms_auth_icon_no3{background-position:-56px -568px;}
/*sms button*/
.sms_auth_button,
.sms_auth_mini_button{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 12px 18px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	min-width:150px;
	width: auto !important;
	width: 150px;
}
.sms_auth_mini_button{
	padding: 6px 18px;
}
.sms_auth_submit_button{
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	border: 1px solid var(--btn-primary-border);
	margin-right: 15px;
	border-radius: var(--btn-raidus);
}
.sms_auth_submit_button:hover{
	background: var(--btn-primary-bg-hover);
	color: var(--btn-primary-text);
	border: 1px solid var(--btn-primary-border-hover);
	margin-right: 15px;
}
.sms_auth_normal_button{
	background: var(--btn-normal-bg);
	border: 1px solid var(--btn-normal-border);
	color: var(--btn-normal-text);
	border-radius: var(--btn-raidus);
}.sms_auth_normal_button:hover{
	background: var(--btn-normal-bg-hover);
	border-color: var(--btn-normal-border-hover);
}

/*メールアドレス変更案内*/

#change_email .ch_txt{text-align: left;margin-bottom:15px;}
#change_email .la_form h3{margin-bottom: 20px;margin-left: 10px;}
#change_email table#edit-table.la_auth_table{width: 660px;}
#change_email .la_auth_table tr th{width:230px;}
#change_email .la_auth_table .ch_email{
	margin: 12px;
	font-weight: bold;
	font-size: 14px;
}
#change_email .la_auth_table .ch_email_txt{margin-top: 12px;margin-bottom: 12px;}
#change_email .la_auth_table input[type=text]{ime-mode: inactive;}
#change_email .la_auth_table tr td{width:346px;}
.cc_name_style{width:260px;}
/* 例外決済問合せ */
.inquiry_container{
    box-sizing: border-box;
	margin: 0 auto 40px;
	font-size: 14px;
	border:1px solid var(--color-bdr-main);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
#inquiry_buy_point{
	padding: 10px 15px;
}
#inquiry_buy_point2{
	padding: 10px 15px;
}
.inquiry_container .la_title{
	font-size:28px;
	font-weight: bold;
	text-align: left;
	margin:25px 0 30px;
	padding-bottom:6px;
	line-height: 1.4;
}


.inquiry_container .la_maintxt{
	margin-bottom: 20px;
}
.inquiry_container .la_maintxt p{
	padding-bottom:12px;
}
.inquiry_container .la_maintxt p.icon_through{
	margin-right: 90px;
}
.inquiry_container table{
	width: 500px;
	margin: 0 auto;
}
#inquiry_buy_point .la_form h3,
#inquiry_buy_point2 .la_form h3{
	margin-bottom:15px;
	margin-left:10px;
}
#inquiry_buy_point .la_form p,#inquiry_buy_point2 .la_form p{margin:0px 10px 10px;}
.inquiry_container table th{width: 220px;}
.inquiry_container table td{width: 300px;}
.inquiry_container table td input{margin-bottom: 5px;}
.inquiry_container table td input#email{width: 280px;}
.inquiry_container table td input#phone,
.inquiry_container table td input#zip{width: 200px;}
#inquiry_buy_point .subimt,
#inquiry_buy_point2 .subimt{
	text-align: center;
	margin: 20px 0;
}
#inquiry_buy_point .back_btn{
	text-align: center;
	margin-bottom: 20px;
}
#inquiry_buy_point2 .back_btn{
	text-align: center;
	margin-bottom: 40px;
}
.error_mes{
	border: 1px solid var(--color-error);
	border-radius: 10px;
	padding: 10px;
	color: var(--color-error);
	font-weight: bold;
	background-color: var(--color-bg-error);
	margin:20px;
}
.error_mes p{
	font-size: 14px;
	margin-bottom: 10px;
	color: var(--color-error);
}

/* _tmpl_remind_secret_...., _tmpl_signup_input_....（いずれも未ログイン時に使用）などのファイル用 */
table#no-login-table	{
	width:100%; 
	text-align:left; 
	border-collapse:collapse; 
	margin-bottom:1.0em; 
	border-top:var(--color-bdr-main) solid 1px; 
	border-left:var(--color-bdr-main) solid 1px;
}
table#no-login-table td	{
	padding:8px 12px; 
	border-bottom:var(--color-bdr-main) solid 1px; 
	border-right:var(--color-bdr-main) solid 1px;
}
table#no-login-table td.bk-gray{
    background:var(--color-bg-sec);
    width: 360px;
}
table#no-login-table td.td-right-noborder	{border-right:1px solid transparent;}
table#no-login-table td.td-left-noborder	{border-left:1px solid transparent;}
table#no-login-table td.td-noborder			{
	border-bottom:none; 
	border-right:var(--color-bdr-main) solid 1px; 
	padding:8px 12px;}

#SecretQuestion				{
	/* border:dotted 1px #777;
	padding:1.0em; */
	margin-top: 32px;

}
#SecretQuestion h3			{ margin:0 0 6px 0; font-size:125%;}
#SecretQuestion .comment	{ margin:0;}
.tool{height:35px; padding:5px;}/* 認証画像の配置用セレクタ */

.content_header{
	margin-bottom: 20px;
}
.content_header h2{
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.remind_img_auth{
	margin-bottom: 12px;
}
.remind_text{
	margin-bottom: 24px;
}

/* 利用規約iframe化 */
body#signup_input_email{
	padding: 0;
}
body#signup_input_email .content_header h2{
	text-align: center;
}
#signup_input_email #main{
    margin: 0 auto;
    width: 100%;
    max-width:1000px;
    float: none;
}
/* H1タイトル */
#signup_input_email #sh_header h1.service_header_logo{
	padding-top: 0;
}

/* form style */
.form-group{
	background: var(--color-bg-sec);
	padding: 10px 10px;
}

.signup_formgroup{
	border: 1px solid var(--singup-block-border);
	background: var(--singup-block-bg);
	display: flex;
	border-radius: 6px;
}
.signup_formgroup_intro{
	width: 400px;
	background: var(--signup-block-intro-bg);
	border-radius: 6px 0 0 6px;
	padding: 24px;
	color: var(--signup-block-intro-text);
}
.signup_formgroup_form{
	width: calc(100% - 400px);
	
	
}
.signup_formgroup_inner{
	padding: 24px;
}
.signup_formgroup_login{
	border-top: 1px solid var(--color-bdr-main);
	text-align: center;
}



.form-row{
	margin-bottom: 20px;
}

.form-row h3{
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	border-bottom: 1px solid transparent;
}
.form-row p{
	margin-bottom: 10px;
}
.form-row input{
	width: 403px;
	border: var(--form-input-border-dark);
	padding: 10px 8px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	color: var(--color-text);
}
.form-row input::placeholder{
	color: var(--form-input-placeholder-color);
	font-weight:normal;
	font-size: 14px;
}
/* .form-row input#email{
	width: 403px;
} */
.signup_formgroup_form .form-row input#email,
.signup_formgroup_form .form-row input#auth_number{
	width: 100%;
}
/* form button */
.form-btn{
	text-align: center;
	margin-top: 30px;
}

.form-btn .btn_send{
	border-radius: var(--btn-raidus);
	border: 1px solid var(--btn-regist-border);
	margin: 0 0 10px;
	font-size: 14px;
	background: var(--btn-regist-bg);
	color: var(--btn-regist-text)!important;
	padding: 8px 24px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.form-btn .btn_send:hover{
	background: var(--btn-regist-bg-hover);
	border-color: var(--btn-regist-border-hover);
	color: var(--btn-regist-text-hover);
}
.form-row p.signup_tos_link{
	margin-bottom: 40px;
}
.signup_tos_iframe{
	margin: 0 auto;
	border: 1px solid var(--color-bdr-main);
}
.signup_attention_msg{
	background: var(--alert-caution-bg);
	border: 1px solid var(--alert-caution-border);
	color: var(--alert-caution-text);
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 14px;
}
/* iframe スタイル */
.image-auth img{
	margin-bottom: 10px;
	border: 1px solid var(--color-bdr-light);
}
.auth_number_change{
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
}
.auth_number_change a{
	color: var(--color-text);
	text-decoration: underline;
}
.signup_tos_iframe{
    width: 100%;
	height: 300px;
	overflow: auto;
	background: var(--color-bg);
}
.signup_tos_iframe .l-main{
	padding: 15px;
}
.signup_tos_iframe iframe{
	/*width: 927px;*/
	width: 980px;
	height: 300px;
}
/* メール送信 */
.signup_sendmail_main{
	margin-bottom: 200px;
}
.signup_sendmail{
	text-align: center;
}
.signup_sendmail > h3{
	margin-bottom: 24px;

}
/* 秘密の質問 */
.signup_input_profile_sq{
	border-top: 1px solid var(--color-bdr-main);
}
.singup_input_sq_main{
	margin-bottom: 24px;
}

/* 登録完了 */
.signup_comp{
	text-align: center;
	margin-bottom: 100px;
}
.signup_comp_text > p{
	margin-bottom: 24px;
}
.signup_comp_back{
	margin-bottom: 24px;
	text-align: center;
}

/* コンテンツフッター signup画面専用 */
.contents_footer{
	border-top: 1px solid var(--color-bdr-main);
	margin-top: 60px;
	padding: 30px;
	text-align: center;
}
.contents_footer ul{
	overflow: hidden;
}
.contents_footer ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid var(--color-bdr-main);
}
.contents_footer ul li.contents_footer_listhead{
	border-left: none;
}
/* ===========================================================
	tmpl_edit パスワード設定
=========================================================== */
/* パスワード生成補助 */
.psw_generator_toggle{}
.psw_generator_toggle span.btn.btn-default{
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.psw_generator_toggle span.btn {
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 12px;
}
.psw_generator_toggle span.btn-default {
  border: 1px solid var(--btn-normal-border);
  background: var(--btn-normal-bg);
  color: var(--btn-normal-text);
}
.psw_generator_toggle span.btn-default:hover {
  background: var(--btn-normal-bg-hover);
}
.psw_generator_toggle{
	margin-bottom: 8px;
	margin-top: 8px;
}
.psw_generator.isShow{
	display: block;
}
.psw_generator{
	position: relative;
	display: none;
	padding: 10px;
	margin: 0 0;
	border-radius: 4px;
	background: var(--color-bg-sec);
}
#password_change .psw_generator{
	background: var(--color-bg);
}
.pass_create_body{
	background: var(--color-bg);
	border-radius: 4px;
	padding: 5px;
	margin-top: 5px;
}
.pass_create_text{
	color: var(--color-text);
}
#pass_create{
	font-size: 14px;
	font-weight: bold;
	color: var(--color-text);
	padding-left: 10px;
}
/*閉じるボタンのアイコン*/

.psw_generator .btn-close{
	position: absolute;
	top: 0px;
	right: 0px;
	background: var(--color-text-sub);
	mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAMAAAA8eE0hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpQTFRFo6Ojw8PD8vLys7Oz7Ozs19fX5+fnqKio3d3dyMjIrq6uvb29uLi49/f3Lkt9iwAAAA50Uk5T/////////////////wBFwNzIAAAAPUlEQVR42lSMSw7AIBQC8flt69z/usqquoBMCBnRZgCpotKVgyQNubMTwmxiI+/GAtf6f09D++x9KkuAAQBczQHhLWD0yAAAAABJRU5ErkJggg==);
	mask-repeat: no-repeat;
	mask-position: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

/* ===========================================================
	パスワード変更促進画面
=========================================================== */
#password_change{}
#password_change .password_change_text{
	padding:0 6px 20px 192px;
	text-align:left;
	background: var(--static-img-passwordchange);
}
#password_change .form-row{
	background: var(--color-bg-sec);
	padding: 10px 0;
	border-radius: 10px;
	text-align: left;
	margin-bottom: 40px;
}
#password_change .form-group{
	padding: 10px 20px 10px;
	width: 540px;
	margin: 0 auto;
}
#password_change .form-group.form-group-block{
	border-bottom: 1px solid var(--color-bdr-main);
}
#password_change .form-group-attention{
	padding: 10px 0 0 0px;
	color: var(--color-text-sub);
}
#password_change .form-group label{
	display: inline-block;
	width: 200px;
}
#password_change .form-group input{
	border: 1px solid var(--form-input-border);
	background: var(--form-input-bg);
	font-weight: normal;
	font-size: 14px;
	width: 300px;
}
#password_change .form_skip{
	margin: 20px 0 40px 0;
	font-size: 10px;
}
/* tmpl_wallet_...., tmpl_transaction_..., tmpl_cash_...., tmpl_buy_,.... tmpl_point_convert_.....(いずれも支払プロセスに使用)などのファイル用。 */
/* ポイント残高 */
.wallet_balance{
	background: var(--color-content-bg);
	/* border: 1px solid transparent; */
	border-top: 1px solid var(--color-bdr-main);
	border-bottom: 1px solid var(--color-bdr-main);
	border-radius: 0px;
	margin-bottom: 24px;
}
.wallet_balance_title{
	border-bottom: 1px solid var(--color-bdr-main);
	padding: 12px;
	font-size: 14px;
	font-weight: bold;
}
.wallet_balance_block{
	padding: 12px;
}
.balance_point_block{
	margin-bottom: 12px;
	font-size: 11px;
}
.balance_point_num{
	font-size: 20px;
	font-weight: bold;
}
.balance_rewordpoint_block{
	display: inline-block;
	background: var(--color-bg-sec);
	padding: 8px;
	border-radius: 4px;
	font-size: 11px;
}
.balance_rewordpoint_num{
	font-size: 14px;
	font-weight: bold;
}
/* ポイント残高 ポイント購入画面 */
.wallet_buy_balance{
	background: var(--color-bg-sec);
	border: 1px solid transparent;
	border-radius: var(--raidus-contents);
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 12px;
}
.wallet_buy_balance_title{
	margin-right: 12px;
	font-weight: bold;
}
.wallet_buy_balance_point{
	display: flex;
	margin-left: auto;
	align-items: center;
	justify-content: flex-start;
}
.wallet_buy_balance_point .balance_point_num{
	font-size: 16px;
	font-weight: bold;
}
.wallet_buy_balance_point .balance_point,
.wallet_buy_balance_point .balance_reward{
	display: inline-block;
	font-size: 12px;
}
.wallet_buy_balance_point .balance_point{
	margin-right: 8px;
}
.wallet_buy_balance_point .balance_reward{
	background: var(--color-content-bg);
	padding: 8px;
	border-radius: 4px;
	font-size: 11px;
}
/* ポイント購入入力画面 確認画面 */
.wallet_buy_point_input{
	margin-bottom: 24px;
}
.wallet_buy_point_input.is-confirm{
	border: 1px solid var(--color-bdr-light);
	border-radius: 2px;
	padding: 12px;
}
.wallet_buy_point_warningtext{
	color: var(--color-text-warning);
	font-weight: bold;
}
/* カスタマーサポート */
.wallet_buy_point_supportcenter{
	background: #FDEEEE;
	margin-top: 24px;
	padding: 12px;
	border-radius: var(--raidus-contents);
}
/* なんだか支払・決済用ファイルはたくさんあるので注意！ */
table#wallet-table		{
	width:100%; 
	text-align:left; 
	border-collapse:collapse; 
	margin-bottom:1.0em; 
	border-top:var(--table-border-top) solid 1px; 
	border-left:var(--table-border-side) solid 1px;
}
table#wallet-table td	{
	padding:0.5em; 
	border-bottom:var(--table-border-bottom) solid 1px; 
	border-right:var(--table-border-side) solid 1px;
}
table#wallet-table td.bk-gray{
    background:var(--color-bg-sec);
    width: 350px;
}
.narrow_width_td td.bk-gray,
table#wallet-table.narrow_width_td td.bk-gray{
    width: 170px;
}

table#wallet-table td.width_auto{
    width: auto;
}

table#wallet-table td:not(.bk-gray){
    width: calc(100% - 350px);
}

table#wallet-table td.td-right-noborder	{
	border-right:1px solid var(--table-border-noborder);}
table#wallet-table td.td-left-noborder	{border-left:1px solid var(--table-border-noborder);}
table#wallet-table td.td-noborder		{border-bottom:none; border-right:var(--table-border-side) solid 1px; padding:0 0.5em;}
table#wallet-table td.point-price		{font-weight: bold;}

ul#order-nav{
	margin:10px 0 24px 0;
	display: flex;
	gap: 16px;
	flex-direction: column;
}
ul#order-nav li{
	position: relative;
	/* margin-right:20px; */
	
	background: var(--color-content-bg);
	border-radius: var(--raidus-contents);

	/* line-height:2.0em; */
	/* background:url("/image/settlement-list_arrow.gif") no-repeat left center; */
}
ul#order-nav li a{
	display: block;
	padding:12px;
	background: var(--color-content-bg);
	color: var(--color-text);
	border-radius: var(--raidus-contents);
	border: 1px solid var(--color-bdr-main);
	transition: background .14s linear, border .14s linear ;
}
ul#order-nav li a:hover{
	background: var(--color-content-bg-wallet);
	border-color: var(--color-main-accent);
	text-decoration: none;
}
/* ul#order-nav li::before{
	content: "";
	position: absolute;
	top: calc(50% - 3px);
	left: 0;
	display: inline-block;
	vertical-align: middle;
	color: var(--color-text-link);
	line-height: 1;
	width: 6px;
	height: 6px;
	border: 1px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateX(-25%) rotate(45deg);
} */

/* lottery campaign */
.id_lottery_campaign_info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 20px auto 10px;
	/* width: calc(100% - 100px); */
	background: var(--lottery-wallet-info-bg);
	border: 1px solid var(--lottery-wallet-info-border);
	border-radius: 4px;
	color: var(--lottery-wallet-info-text);
	font-weight: bold;
	padding: 8px 16px;
	font-size: 13px;
	box-sizing: border-box;
}

.wallet_label{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 12px 2px;
	line-height: 1;
	border-radius: 2px;
	border: 1px solid transparent;
	margin-right: 8px;
	margin-left: 8px;
}
.wallet_label.wallet_label_lottery{
	position: relative;
	border-color: var(--lottery-wallet-label-border);
	color: var( --lottery-wallet-label-text);
	background: var(--lottery-wallet-label-bg);
	padding-left: 24px;
}
.wallet_label.wallet_label_lottery::before{
	content: "";
	display: inline-block;
	position: absolute;
    top: calc(50% - 7px);
    left: 8px;
	width: 14px;
	height: 14px;
	margin-right: 4px;
	background: var(--lottery-wallet-label-text);
	mask-image: url(/image/icon-lottery-campaign.svg);
	mask-repeat: no-repeat;
}
.wallet_label.wallet_label_pointreturn{
	background: var(--wallet-camp-pointreturn-bg);
	border-color: var(--wallet-camp-pointreturn-border);
	color: var(--wallet-camp-pointreturn-text);
}
.wallet_label.wallet_label_NA{
	color: var(--wallet-camp-other-text);
	border-color: var(--wallet-camp-other-border);
	background-color: var(--wallet-camp-other-bg);
}
.wallet_label.wallet_label_value{
	color: var( --wallet-label-value-text);
	border-color: var(--wallet-label-value-border);
	background-color: var(--wallet-label-value-bg);
}
.wallet_campaign_attention{
	margin: 24px 0;
	border-top: 1px solid var(--color-bdr-main);
	border-bottom: 1px solid var(--color-bdr-main);
	padding: 12px;
}
.wallet_campaign_attention dt{
	font-weight: bold;
	margin-bottom: 4px;
}
.wallet_campaign_attention dd{
	margin-bottom: 4px;
	text-indent: -1em;
	margin-left: 1em;
}
.wallet_campaign_attention dd:last-child{
	margin-bottom: 0;
}
.wallet_maual{
	margin-bottom: 24px;
}
/* end of lottery campaign */

.statement{
    width:100%;
}

td.statementTD1{
    padding:3px 5px 2px;
    border-bottom:1px solid var(--table-border);
    border-right:1px solid var(--table-border);
}

td.statementTD1:last-child{
    border-right:none;
}

td.statementTD0{
    padding:3px 5px 2px;
    border-bottom:1px solid var(--table-border);
    border-right:1px solid var(--table-border-accent);
}

th.statementHead,
th.statementHead0{
    padding:5px 5px 4px;
    text-align:center;
    font-weight:bold;
    line-height:100%;
    border-bottom:1px solid var(--table-border-accent);
    border-right:1px solid var(--table-border);
}

th.statementHead0{
    border-right:1px solid var(--table-border-accent);
}

th.statementHead:last-child{
    border-right:none;
}
th.statementHead2{
    font-weight:bold;
    line-height:100%;
    border-bottom:1px solid var(--table-border);
}

table#PointHistory1{
    width:100%;
    border-collapse:collapse;
    border-top:var(--table-border) 1px solid;
    border-right:var(--table-border) 1px solid;
    border-left:var(--table-border) 1px solid;
}

table#PointHistory1 td{
    border-bottom:var(--table-border) 1px solid;
}

table#PointHistory1 td,
table#PointHistory2 td{
    text-align:left;
    border-bottom:var(--table-border) 1px solid;
    padding:2px;
}

table#PointHistory2{
    width:100%;
    border-collapse:collapse;
    width:100%;
}

table#PointHistory2 th{
    padding:0 5px;
}
table#PointHistory2 tr.evencell{
    background:var(--color-bg-sec);
}

table#PointHistory2 td{
    padding: 0 5px;
    border-left:var(--table-border) 1px solid;
}

table#PointHistory2 td:first-child{
    border-left:none;
}

table#PointHistory2 .BorderBottomBlue{
    border-bottom:var(--table-border-accent) 1px solid;
    border-left:var(--table-border) 1px solid;
}

table#PointHistory2 .BorderBottomBlue:first-child{
    border-left:none;
}
#content ul.point_cash_attention li{text-indent: -1em;padding-left:1em;margin-bottom:-12px;padding-bottom:0;}

.cash_history_attention{
	width: 580px;
	border: 1px solid var(--color-bdr-main);
	border-radius: 5px;
	background: var(--color-bg-sec);
	padding: 10px;
	margin: 80px auto 10px;

}
.cash_history_attention dl dt{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	border-left: 3px solid var(--color-bdr-main);
	padding-left: 5px;
}
div#content .cash_history_attention dl dd{
	padding-bottom: 15px;
}
.cash_history_attention dl dd p{
	padding-bottom:8px;
}
div#content .cash_history_attention dl dd strong{
	color: var(--color-error);
}
div#content .cash_history_attention dl dd p span.s_title{
	font-weight: bold;
	padding-bottom: 3px;
}
body#buypoint_confirm #main{margin:0 auto;}
body#buypoint_confirm #main a.submit_button{
    margin: 0 auto;
    max-width:200px;
}
body#buypoint_confirm #main a.submit_button:hover{
    text-decoration: none;
}
span.payeasy_logo,
span.payment_logo{float: left;}

p.payeasy_attention,
p.payment_attention{text-align: center;padding-bottom:30px;}
p.payeasy_attention a,
p.payment_attention a{
	color:var(--color-error);
	font-weight: bold;
}
div.payment_text{margin-bottom:20px;overflow: hidden;}
div.payment_text div.payment_logo{
	width:140px;
	float: left;
}
div.payment_text div.payment_description{
	width:480px;
	float: right;
}
._footnote{font-size: 11px; color: var(--color-text); padding-top:10px;}
._ime_inactive{ime-mode: disabled;}
p.buypoint_submit{
	margin:20px auto;
	text-align: center;
}
p.buypoint_submit input.submit_button{margin-bottom: 5px;}
/*_tmpl_cash.html*/
div.cash_attention{
	border: 1px solid #e7a23f;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	background: rgb(255,255,255); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
	border-radius: 5px;
	margin: 15px 0;
	text-shadow: 1px 1px 0 #FFF;
	box-shadow: 0 1px 1px 1px #E3E3E3;
}
div.cash_attention p.icon{
	background:url(/image/jp/cash_attention.png) no-repeat center left;
	padding:10px 10px 10px 50px;
	margin:0 10px;
}
/*換金の注意事項　他でも使いまわせるように*/
ul.attention_list li{
	margin-bottom:15px;
	border-bottom:1px dotted #CCC;
}
ul.attention_list li dl{
	padding-bottom:10px;
}
ul.attention_list li dl dt{
	color:#333;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:10px;
}
ul.attention_list li dl dt div{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
ul.attention_list li dl dd{
	font-size: 12px;
	margin-bottom:5px;
	text-indent: -1.0em;
	margin-left: 25px;
}
.trade_card_detail{
	margin-top: 2px;
	margin-bottom: 2px;
	border: 2px solid #ECF0F2;
	font-size: 11px;
}
.trade_card_detail .trade_card_detail_title{
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	background: #ECF0F2;
	padding: 3px 6px 2px 6px;
    margin-right: 2px;
}

.trade_service_notice{
	position: relative;
    margin-top: 20px;
    margin-bottom: 4px;
    background: #fffef1;
    border: 1px solid #d4d09d;
    padding: 8px 8px 8px 28px;
    font-size: 12px;
}
.trade_service_notice i{
	font-family: "Helvetica Neue",Helvetica,Arial;
	position: absolute;
    top: 10px;
    left: 8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    background: #0076EB;
    border-radius: 50%;
    font-weight: bold;
    font-style: normal;
}



/* _tmpl_edit_...（プロフィール編集画面）のファイル用 */
.edit_profile_left{
	margin-right: 12px;
}
.edit_profile_right{
	margin-left: auto;
}
table#edit-table	{
	width:100%;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:1.0em;
	border: 1px solid var(--color-bdr-main);
}
table#edit-table td	{
	/*padding:12px 0 12px 12px;*/
	padding: 20px 0;
	border-bottom:var(--edit-table-td-bottom);
	border-right:var(--edit-table-td-right);
}
table#edit-table td:first-child {
    padding-left: 20px;
}
table#edit-table td.bk-gray				{
    background:var(--edit-table-th-bg);
    min-width: 250px;
    font-weight: bold;
}
table#edit-table td:not(.bk-gray){
    width: calc(100% - 350px);
}
table#edit-table td.td-right-noborder	{border-right:1px solid transparent;}
table#edit-table td.td-left-noborder	{border-left:1px solid transparent;}
table#edit-table td.td-noborder			{border-bottom:none;  padding:0 0.5em;}
ul#edit-list{margin:20px 0 0 45px;}
/***Payment Marchant infomation***/
.profile_paymentdetail{
	position: relative;
}
.profile_paymentdetail div.payment_marchantinfo{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 11px;
	line-height: 1.2;
}
input#cc_number,
input#cc_nameon{
	width: 225px;
}

/* _tmpl_edit_bank...（銀行情報変更）のファイル用 */
/*stepNavigation*/
div.step_nav ul{
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom:1px solid #CCC;
	margin-bottom: 20px;
}
div.step_nav ul li{
	float: left;
	font-weight: bold;
	color: #333;
	padding-right: 20px;
	margin-right: 10px;
	background: url(/image/jp/step_nav.png) no-repeat center right;
}
div.step_nav ul li.active{
	background: url(/image/jp/step_nav_active.png) no-repeat center right;
	color: #bc0000;
}
div.step_nav ul li.done{
	background: url(/image/jp/step_nav_done.png) no-repeat center right;
	color: #919191;
}
div.step_nav ul li.end{background: none; margin-right:0;}
#bank_select_jp h3{margin-bottom:10px;}
#bank_select_jp h4,#bank_select_jp h5{margin: 10px 0;}
#bank_select_jp h4{font-size: 16px;}
#bank_select_jp h5{font-size: 14px; border-left:4px solid #CCC; padding-left: 10px;}
/*銀行選択*/
#bank_select_jp #bank_select_top{}
#bank_select_jp #bank_select_top ul.popular_bank{
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
#bank_select_jp #bank_select_top ul.popular_bank li{float: left; width:169px; text-align: center; }
#bank_select_jp #bank_select_top ul.popular_bank li a{
	display: block;
	padding:10px 0;
	border-left:1px solid #CCC;
}
/*頭文字入力用のinputフォーム*/
#bank_select_jp .other_bankselect .kana_list{border-collapse: collapse; border:1px solid #CCC;}
#bank_select_jp .other_bankselect .kana_list td{border:1px solid #CCC;}
#bank_select_jp .other_bankselect .kana_list td.kana_td{padding: 10px;}
#bank_select_jp .other_bankselect .kana_list td.bk_list_none{
	padding: 10px;
	width:40px;
	height: 40px;
	background: #F4F4F4;
	text-align: center;
	color:#919191;
}
#bank_select_jp .other_bankselect .kana_list td input.input_button{
	width:40px;
	height: 40px;
	cursor: pointer;
}
/*リスト一覧*/
#bank_select_jp .bank_select_block{
	width:678px;
	border:1px solid #CCC;
	margin-top:20px;
}
#bank_select_jp .bank_select_block .title{
	width:199px;
	height: 400px;
	float: left;
	background: #F4F4F4;
	border-right: 1px solid #CCC;
}
#bank_select_jp .bank_select_block .title strong{color: #333;padding:10px;}
#bank_select_jp .bank_select_block .bank_list{
	width:478px;
	height: 400px;
	overflow-y: scroll;

}
#bank_select_jp .bank_select_block .bank_list ul li input{
	width:100%;
	color:#0044cc;
	cursor: pointer;
	padding: 5px 0 5px 10px;
	border-style: none;
	text-align:left;
}
#bank_select_jp .bank_select_block .bank_list ul li input:hover{
	color:#FF0000; text-decoration: underline;
}
/*#branch_select_top*/
#bank_select_jp #branch_select_top .selected_bank{
	background: #F4F4F4;
	padding:15px 10px;
	text-shadow: 1px 1px 0 #FFF;
}
#bank_select_jp #branch_select_top .selected_bank span{font-size: 13px;}
#bank_select_jp #branch_select_top .selected_bank strong{color: #333;font-size: 18px;}

/*_tmpl_edit_bank_edit_jp.html*/
#bank_edit_jp table tr td.bk_no input{
	ime-mode: disabled;

}
/*input*/
#bank_edit_jp table input{
	padding:5px 5px;
	border-radius:5px;
	border: 1px solid #CCC;
}
#bank_edit_jp table input:focus{
	border:1px solid #E89E00;
	box-shadow: 0px 0px 2px 2px #FFEDC9;
}

#edit_bank input.submit_button,
#bank_edit_jp input.submit_button,
#bank_select_jp input.submit_button,
.submit_button{
	border: 1px solid var(--btn-primary-border);
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	padding:10px 10px;
	cursor: pointer;
	border-radius: var(--btn-raidus);
	font-size: 14px; 
	font-weight: bold;
	min-width: 200px;
}
a.submit_button{
	display: inline-block;
}
#edit_bank input.submit_button:hover,
#bank_edit_jp input.submit_button:hover,
#bank_select_jp input.submit_button:hover,
.submit_button:hover{
	background: var(--btn-primary-bg-hover);
	border-color: var(--btn-primary-border-hover);
	color: var(--btn-primary-text);
}
.button_sm{
	min-width: 100px;
}

#edit_bank input.normal_button,
#bank_edit_jp input.normal_button,
#bank_select_jp input.normal_button,
.normal_button{
	background: var(--btn-normal-bg);
	padding:10px 10px;
	border:1px solid var(--btn-normal-border);
	color: var(--btn-normal-text);
	font-weight: bold;
	cursor: pointer;
	font-size: 14px; 
	min-width: 200px;
}
.button_xsm{
	min-width: initial;
	font-size: 12px;
}
#edit_bank input.normal_button:hover,
#bank_edit_jp input.normal_button:hover,
#bank_select_jp input.normal_button:hover,
.normal_button:hover{
	border: 1px solid var(--btn-normal-border-hover);
	color: var(--btn-normal-text);
}
.ghost_button{
	min-width: 200px;
	padding:10px 10px;
}
p.bankedit_mes{
	background: #F4F4F4;
	padding:10px 5px;
	text-align: center;
	margin:10px 0;
}
/*backbutton*/
.back_button{
	display: inline-block;
	*display: inline;
    *zoom: 1;
	background: url(/image/jp/backbutton_02.png) repeat-x 0 0;
	height: 31px;
	line-height: 31px;
	border-right: 1px solid #CCC;
	margin-bottom: 10px;
	margin-top:10px;
}
.back_button a{
	display: block;
	background: url(/image/jp/bank_payment_input_01.png) no-repeat 0 0;
	height: 31px;
	line-height: 31px;
	padding-left:20px;
	padding-right:10px;
}

/* _tmpl_add_....（サービス追加登録画面）のファイル用 */
#service_body p.pagetop	{text-align:right; clear:both;}
#service_body{
    margin-top: 30px;
    overflow:hidden;
}
#service_body:nth-child(2){
    margin-top: 10px;
}
#service_body a{text-decoration:none; font-weight:bold; }
#service_body div.HarfTone{opacity:0.60; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.service_gorup {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.service_gorup dl{
	width:calc(50% - 24px);
	min-height:81px;
    max-width:400px;
    border: 1px solid var(--color-bdr-main);
    
}
.service_gorup dl dt{
	background: var(--color-bg-sec);
	padding: 24px 12px;
	text-align: center;
	font-size: 16px;
}
.service_gorup dl dt a{
	color: var(--color-text);
}
.service_gorup dl dd.service_button{
	padding: 12px;
	text-align: center;
}
.service_gorup dl dd.service_button input[type="submit"]{
	background: var(--btn-primary-bg);
	border: 1px solid var(--btn-primary-border);
	padding: 8px 12px;
	color: var(--btn-primary-text);
	border-radius: var(--btn-raidus);
}

/* serviceアイコンは個別化 */
#service_body dt								{font-size:115%;}
#service_body.for_staff dl						{height:6.0em;}

/*  */
#service_body dl.service_blog		{background: var(--static-icon-blog);}
/* 利用するものだけお使いください
#service_body dl.service_test		{background:url(/service/img/fc2_icon_test35.png) no-repeat 25px 8px;}
#service_body dl.service_blog		{background:url(/service/img/fc2_service_icon.png) no-repeat 20px -291px;}
#service_body dl.service_blogranking{background:url(/service/img/fc2_service_icon.png) no-repeat 20px -389px;}
#service_body dl.service_bjfc2		{background:url(/service/img/fc2_service_icon.png) no-repeat 19px -492px;}
#service_body dl.service_video		{background:url(/service/img/service_icon.png) no-repeat -495px -995px;}
#service_body dl.service_livechat	{background:url(/service/img/service_icon.png) no-repeat -1038px -2300px;}
#service_body dl.service_textad		{background:url(/service/img/service_icon.png) no-repeat 21px -692px;}
#service_body dl.service_mall		{background:url(/service/img/service_icon.png) no-repeat 20px -794px;}
#service_body dl.service_affiliate	{background:url(/service/img/service_icon.png) no-repeat 18px -895px;}
#service_body dl.service_release	{background:url(/service/img/service_icon.png) no-repeat 21px -997px;}
#service_body dl.service_web		{background:url(/service/img/service_icon.png) no-repeat 20px -1087px}
#service_body dl.service_rslite		{background:url(/service/img/service_icon.png) no-repeat 25px -1192px}
#service_body dl.service_server		{background:url(/service/img/service_icon.png) no-repeat 23px -1294px;}
#service_body dl.service_backup		{background:url(/service/img/service_icon.png) no-repeat 21px -1396px;}
#service_body dl.service_domain		{background:url(/service/img/service_icon.png) no-repeat 23px -1494px;}
#service_body dl.service_hp_mobile	{background:url(/service/img/service_icon.png) no-repeat 18px -1588px;}
#service_body dl.service_piyo		{background:url(/service/img/service_icon.png) no-repeat 22px -1694px;}
#service_body dl.service_profile	{background:url(/service/img/service_icon.png) no-repeat 20px -1790px;}
#service_body dl.service_icon		{background:url(/service/img/service_icon.png) no-repeat 21px -1892px;}
#service_body dl.service_cart		{background:url(/service/img/service_icon.png) no-repeat 20px -1993px;}
#service_body dl.service_payarticle	{background:url(/service/img/service_icon.png) no-repeat 25px -597px;}
#service_body dl.service_analyzer	{background:url(/service/img/service_icon.png) no-repeat -491px 6px;}
#service_body dl.service_form		{background:url(/service/img/service_icon.png) no-repeat -495px -93px;}
#service_body dl.service_bbs		{background:url(/service/img/service_icon.png) no-repeat -491px -192px;}
#service_body dl.service_counter	{background:url(/service/img/service_icon.png) no-repeat -494px -290px;}
#service_body dl.service_vote		{background:url(/service/img/service_icon.png) no-repeat -495px -394px;}
#service_body dl.service_chat		{background:url(/service/img/service_icon.png) no-repeat -495px -490px;}
#service_body dl.service_clap		{background:url(/service/img/service_icon.png) no-repeat -490px -594px;}
#service_body dl.service_accessranking{background:url(/service/img/service_icon.png) no-repeat -497px -692px;}
#service_body dl.service_link		{background:url(/service/img/service_icon.png) no-repeat -495px -792px;}
#service_body dl.service_spam		{background:url(/service/img/service_icon.png) no-repeat -495px -1191px;}
#service_body dl.service_bookmark	{background:url(/service/img/service_icon.png) no-repeat -493px -1390px;}
#service_body dl.service_keyword	{background:url(/service/img/service_icon.png) no-repeat -495px -1294px;}
#service_body dl.service_rss		{background:url(/service/img/service_icon.png) no-repeat -495px -1493px;}
#service_body dl.service_diary		{background:url(/service/img/service_icon.png) no-repeat -492px -1594px;}
#service_body dl.service_sns		{background:url(/service/img/service_icon.png) no-repeat -495px -894px;}
#service_body dl.service_wiki		{background:url(/service/img/service_icon.png) no-repeat -495px -1094px;}
#service_body dl.service_todofc2	{background:url(/service/img/service_icon.png) no-repeat 20px -2300px;}
#service_body dl.service_knowhow	{background:url(/service/img/service_icon.png) no-repeat -488px -2300px;}
#service_body dl.service_novel		{background:url(/service/img/service_icon.png) no-repeat -490px -1695px;}
#service_body dl.service_creator	{background:url(/service/img/service_icon.png) no-repeat -491px -1790px;}
#service_body dl.service_translator	{background:url(/service/img/service_icon.png) no-repeat -497px -1895px;}
#service_body dl.service_apps		{background:url(/service/img/service_icon.png) no-repeat 20px -2400px;}
#service_body dl.service_directory{
	background:url(/image/jp/directory_icon.png) no-repeat 21px 0;}
#service_body dl.service_summary{
	background:url(/image/jp/summary_icon.png) no-repeat 21px 3px;
}
#service_body dl.service_wifi{
	background:url(/service/img/service_icon.png) no-repeat -1044px -296px;
}
	 */

#service_body dl.service_cart dd form							{display:inline;}
/* for ie \*/
*html #service_body dl.service_cart dd form input				{overflow:visible;}
*:first-child+html #service_body dl.service_cart dd form input	{overflow:visible;}
/**/


/* _tpl_add_service_choice_transfer.html（旧FC2からFC2IDへの移行画面）専用----- */
div#check{
	width:420px;
	height:auto;
	border:1px solid #CCC;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	padding:30px;
}
ul.choice-table{
    margin-top: 30px;
    display: flex;
}
ul.choice-table:first-child{
    margin-top: 0;
}
ul.choice-table:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/*\*/
* html ul.choice-table{height:1px;
/*\*/ /*/
	height:auto; overflow:hidden;
/**/
}
/**/
ul.choice-table li{margin-right:15px;}
ul.choice-table input[type="submit"]{
    display: block;
    width: 110px;
}

p#agreement{
	width:470px;
	height:530px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border:1px solid #CCC;
	overflow:auto;
}
ul#agreement-button{width:200px; padding:0; margin:0; min-height:1px;}
ul#agreement-button:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/*\*/
* html ul#agreement-button{height:1px;
/*\*/ /*/
	height:auto; overflow:hidden;
/**/
}
/**/
ul#agreement-button li{width:100px; text-align:center; float:left;}

/* remove_xxx.html（退会引止めページ）専用------------- */
#content .unsubscribe {
	padding:0 10px 10px;
	line-height:1.5;
	font-size:108%;
}
#content .unsubscribe .guide {
	margin:0 0 15px;
	padding:10px;
	border:1px solid #EAEAEA;
	background-color:#FAFAFA;
	color:#5A5A5A;
}
#content .unsubscribe .guide h3 {
	margin:0 0 5px;
}
#content .unsubscribe .guide p {
}
#content .unsubscribe .list {
	margin:0 10px 15px;
}
#content .unsubscribe .list a{
	text-decoration:underline;
	color:#0000ff;
}
#content .unsubscribe .list h3 {
	margin:0 0 5px;
}
#content .unsubscribe .list ul {
	margin:0 5px 15px;
}
#content .unsubscribe .list ul li {
	margin:0 0 5px 20px;
	list-style-position:outside;
	list-style-type:disc;
	color:#666666;
	font-size:93%;
}
#content .unsubscribe .list ul li span {
	color:#FF0000;
	font-size:108%;
}
#content .unsubscribe .goto_release {
	margin:30px 0 0;
}
#content .unsubscribe .goto_release p {
	margin:0 0 20px;
}
#content .unsubscribe .goto_release fieldset {
	border:none;
	text-align:center;
}
#content .unsubscribe .goto_release input {
	margin:0 5px;
	padding:2px 5px;
	font-size:116%;
}
/* index.phpのtable---------------------------------------- */
table#sevice_regist_table, table#sns_table, table#BlogMag_table, table#BlogMagArticle_table{
	width:300px;
	margin:0 0 1.0em 0;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-collapse:collapse;
}
table#sevice_regist_table{
    width:100%;
}
table#sevice_regist_table th,
table#sns_table th, table#BlogMag_table th, table#BlogMagArticle_table th{
	padding:7px 2px 7px 4px;
	/* background-color:#f2f2f2; */
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	font-weight:bold;
	color:#555;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 65%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 65%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

table#sevice_regist_table th{
    text-align: center;
}
table#sevice_regist_table th:first-child{
    text-align: left;
}

table#sevice_regist_table tr.even_line,
table#sns_table tr.even_line,
table#BlogMag_table tr.even_line,
table#BlogMagArticle_table tr.even_line{background:#f6f6f6;}
table#sevice_regist_table td, table#sns_table td, table#BlogMag_table td, table#BlogMagArticle_table td{
	padding:7px 2px 7px 4px;
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	text-align:left;
}
table#sevice_regist_table a{text-decoration:none;}
table#sevice_regist_table a:hover{text-decoration:underline; color:#ff0000;}
table#sevice_regist_table tbody tr{cursor:move;}
table#sevice_regist_table tr.ui-sortable-helper td{border:2px dotted #ff0000; background:#ffeeee;}
table#sevice_regist_table td.centering{text-align:center;}
/* 201901 tablet icon size */
@media screen and (max-width: 768px) {
	table#sevice_regist_table td img{width: 31px; height: 31px;}
}
.index_servicelist{
	margin: 24px 0;
	text-align: center;
}
/*-- 201906 index.phpサービスリコメンド表示---- --*/
.service-recommend{
	margin: 24px 0;
	background-color: var(--color-bg);
}
.service-recommend *{
	box-sizing: border-box;
}
.service-recommend-title{

	font-size: 20px;
	font-weight: bold;
	color: #191C45;
	text-align: center;
	padding-top: 27px;
	line-height: 1.4;
	margin-bottom: 24px;
}
.recommend-list-ul{	
	display: flex; 
	flex-wrap: wrap;
	margin: 0 12px;
	justify-content: center;
}
.recommend-list-li{
	margin: 0 8px 16px 8px; 

	width: calc(50% - 16px);
}
.recommend-group{ 
	background-color: var(--color-content-bg);
	text-align: center;
	border-radius: var(--raidus-contents);
	border: 1px solid var(--color-bdr-main);
}
.recommend-name,
.recommend-text{
		padding: 12px;
		background: var(--color-bg-third);
}
.recommend-text{
	line-height: 1.4;
	margin-bottom: 8px;
	padding-top: 0;
}
.recommend-group form{
	padding: 	12px;
	text-align: center;
}
.recommend-name a{
	color: var(--color-text);
}
.recommend-name-img{ 
	height: 40px;
	margin-bottom: 8px; }
.service-icon{
	display: inline-block;
	/* background-image:url(/service/img/service_icon.png); */
	/* background-image:url(/service/img/service_icon.png); */
	background-repeat: no-repeat;
	background-position: 0 0;
	width	: 30px;
	height : 30px;
 }
 .service-icon.icon-blog{ background: var(--static-icon-blog) no-repeat; }
 .service-icon.icon-cart{ background: var(--static-icon-cart) no-repeat; }

 /*  TOP ページサービスリコメンド 利用時はCSS変数で画像指定
.service-icon.icon-video{ background: var(--static-icon-video) no-repeat; }
.service-icon.icon-live{ background: var(--static-icon-live) no-repeat; }
.service-icon.icon-conm{ background: var(--static-icon-conm) no-repeat; }
.service-icon.icon-matome{ background: var(--static-icon-summery) no-repeat; }
.service-icon.icon-web{ background: var(--static-icon-web) no-repeat; }
*/
.recommend-name-title{ font-size: 14px; font-weight: bold;margin-bottom: 8px;}
.recommend-btn{
	display: inline-block;
	font-size: 14px;
	color: var(--color-text-inversion);
	border: 1px solid var(--color-btn-primary-bg);
	border-radius: 20px;
	padding: 8px 26px;
	background: var(--color-btn-primary-bg);
	cursor: pointer;
}
.recommend-btn:hover{
	background: var( --color-btn-primary-bg-hover); 
	color: var(--color-text-inversion);
	text-decoration: none;
}
i.icon-serviceadd{
	display: inline-block;
	width: 20px; height: 20px; margin-right: 8px;
	background-image: url(/image/jp/idtop-recommendBtn@2x.png);
	background-repeat: no-repeat; background-size: 20px 20px;
	vertical-align: middle;
}
.recommend-serviceadd-link{padding: 8px 16px 24px;}
a.recommend-serviceadd-btn{
	display: block;
	background: var(--color-btn-primary-bg);
	color: var(--color-text-inversion);
	font-weight: bold;
	border-radius: 30px;
	padding: 8px;
	text-align: center;
}

/*-- index.phpのinfomationブログRSS_Disp For "Normal Mode"---- --*/
#info{border:1px dotted #ccc; text-align:left;}
#info .info_title{color:#333; margin:0 0 0 13px;}
#info div#rss_convert ul.rss_fc2info{margin:6px;}
#info div#rss_convert ul li.rss_fc2infolist{line-height:135%;}
#info div#rss_convert p.rss_fc2info_day{color:#666;}
/*-- index.phpのザビビ---- --*/
.right_menu{
	margin-bottom: 24px;
}
.right_menu_title{
	border-bottom: 2px solid #dddddd;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 7px;
	overflow: hidden;
}
.right_menu_title span{
	float: left;
}
.right_menu_title small{
	color: #939393;
	font-size: 12px;
	float: right;
}
.right_menu_title small a{
	color: #939393;
	padding-right: 10px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAMAAADNcxasAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURf///5OTk/j4+Ojo6MnJyd3d3ZqamtbW1rW1tRncgtgAAAAoSURBVAjXY2BgZmJgYGBn5ACSzIyMrECKhZENJMbIyAJlQ8QhasDqAQozAF+UNSzCAAAAAElFTkSuQmCC) no-repeat right center;
}
.contents_list{
	margin-top: 8px;
}
.contents_list ul li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e8e8e8;
}
.contents_list ul li div.thebbs_title{
	overflow: hidden;
	line-height: 1.4;
}
.contents_list ul li div.thebbs_title span.thebbs_title_category{
	color: #4c4c4c;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
.contents_list ul li div.thebbs_title span.thebbs_title_comment{
	float: right;
	background: #efefef;
	color: #6d6d6d;
	padding: 1px 6px;
	border-radius: 9px;
	font-size: 11px;
}
div#content .contents_list ul li div.thebbs_title span.thebbs_title_comment strong{
	color: #6d6d6d;
	font-size: 12px;
}
.contents_list ul li div.thebbs_body{
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.contents_list ul li div.thebbs_body a{
	padding: 0;
	display: block;
}

/*通知登録中のブログのスタイル*/
#blog_info .blog_list ul li{
	padding:5px;
	border-bottom:1px solid #e8e8e8;
}
#blog_info .blog_list ul li a{
	display: flex;
	align-items: center;
}
#blog_info .blog_list ul li img{
	margin-right:10px;
	width: 35px;
}

/*お知らせのスタイル*/
#fc2_info_rss .contents_list ul li{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e8e8e8;
}
.rss_fc2info_day{
	color: #707070;
	font-size: 11px;
	line-height: 1.3;
}
.rss_fc2infolist a{
	display: block;
	line-height: 1.4;
}



/* ここから「マイページ」の指定-------------------------- */
/*-- infomationブログのRSS_Disp For "My Start Page"---- --*/
#fc2info #rss_convert .rss_fc2infolist{
	padding:3px;
	border-bottom:1px solid #DADADA;
}
#fc2info #rss_convert .rss_fc2infolist .rss_fc2info_day{
	display:inline;
	padding-right:5px;
}

/* JS-Enabled CSS For "My Start Page" */
.widget-head a.remove{
	float:right;
	display:inline;
	background:url(/image/buttons.gif) no-repeat -24px 0;
	width:14px;
	height:14px;
	margin:4px 4px 4px 0;
	text-indent:-9999em;
	outline:none;
}
.widget-head a.edit{
	float:right;
	display:inline;
	background:url(/image/buttons.gif) no-repeat;
	width:24px;
	height:14px;
	text-indent:-9999em;
	margin:8px 4px 8px 4px;
	outline:none;
}
.widget-head a.collapse{
	float:left;
	display:inline;
	background:url(/image/buttons.gif) no-repeat -52px 0;
	width:14px;
	height:14px;
	text-indent:-9999em;
	margin:8px 0 8px 4px;
	outline:none;
}
.widget-placeholder{border:1px dotted #A0A0A0;background-color:#EFEFEF;}
#column1 .widget-placeholder,
#column2 .widget-placeholder,
#column3 .widget-placeholder{margin:10px;}

.edit-box{
	overflow:hidden;
	/*background:#555 url(img/widget-content-bg.png) repeat-x;*/
	margin-bottom:2px;
	padding:10px 0;
}
.edit-box li.item{
	overflow:hidden;
	padding:5px;
	color:#FFF;
}
.edit-box li.item span{
	font-size:85%;
}
.edit-box ul.colors li{
	width:20px;
	height:20px;
	border:1px solid #EEE;
	float:left;
	display:inline;
	margin:0 5px 0 0;
	cursor:pointer;
}

/* sidemenu for "My Start Page" */
#sidemenu .bttn_start_set{
	line-height:1.0em;
	padding:6px 0;
}

/* _tmpl_account_activity...アカウントアクティビティ（ログイン履歴） */
.account-activity-text{
	margin: 20px 0px;
	overflow: hidden;
	padding: 20px 10px;
	background: #f2f2f2;
	border-radius: 10px;
}
.icon_key{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJdJREFUeNpiZEADISEhDlDmhzVr1lxAlmNEUmQApNYDsQKS/AMgDoRpYkJSuB+qcAIQO0JpEH8/UB5sAAvUhHwgFgApAppyACp2AKjoIpCeD8T1QJzIBJUIAOILSArBAMhfAHUK2GRGoO7/DEQCJgYSADbFG4DWg0JpAzGKH6DRiHDG4WZHaFASNHkBNFQWEGsy5aEBEGAAkB0vscbOhx4AAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 0 15px;
}
.account-activity-text-left{
	width: 480px;
	padding-left: 10px;
	float: left;
}
.account-activity-text-right{
	width: 150px;
	float: right;
	margin-top: 17px;
}
/*button design*/
.btn{
	padding: 8px 20px;
	display: inline-block;
}
.btn.btn-normal{
	background-color: #eaeaea;
	border: 1px solid #c1c1c1;
	color: #333;
}
.btn.btn-normal a{
	color: #333;
}
.btn.btn-normal:hover,
.btn.btn-normal:hover a{
	background-color: #f7f7f7;
	text-decoration: none;
}


table#edit-table.account-activity-table{
	border: none;
	color: #444;
}
table#edit-table.account-activity-table thead th{
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #c1c1c1;
}
table#edit-table.account-activity-table thead th.line-login{
	width: 174px;
}
table#edit-table.account-activity-table thead th.line-browser{
	width: 270px;
}
table#edit-table.account-activity-table tbody tr td{
	height: 50px;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #E7E7E7;
}
table#edit-table.account-activity-table tbody tr:hover td{
	background-color: #f4f4f4;
}
/*アクセス国*/
table#edit-table.account-activity-table tbody tr td.region span.region{
	background: #dbdbdb;
	border-radius: 4px;
	padding: 3px 5px;
	text-align: center;
}
/*アクセスIP*/
table#edit-table.account-activity-table tbody tr td.ip{
	line-height:0.9;
}
table#edit-table.account-activity-table tbody tr td.ip span.isp{
	color:#999;
}
.account-activity-unlog{
	width: 400px;
	height: 47px;
	line-height: 47px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAIAAAClPtxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA55JREFUeNqsl8lPKkEQxmEccHkCrkTyTCAeCAkXifFf9+7FGC/iQWK8CLgAKovKi7u8n9NYtA0MDaESzczQXV/XV2sHO51OwE7+edJqtd7f39WX9fX1P55YagiOBLu9vS0Wi3d3d29vb67rzs7OOo6jfnp+fv74+ODh749MDgZMPp9/fX2NRqPz8/MgDVz29fWFxe12m+dsNptKpcYDg6ijo6NGo7G2toYplixhJVvm5uZ2d3cHcjsADK/s7++vrKwM3BAOhxU8FkNs/wK4bTabuVyun1WTGdxzcnLCOnEMMjMzs7q6GovFIpGIsf7p6enh4YHzCTCEcxr4hx6D0l+Wsefw8DAej+swiURC/zJM6vV6pVLRbcXlmUxGx+uB4WTY29jYkN+WlpaSySR4lj77/Py8uroCVb7A587ODnrUa4+r4+Nj3QIM2traskdSNHQ8kS8wj1Pk1RFXBYNB8VPCk8CYgpKzszPCCj662h2HgDo9Pf0FVi6XcaywNzES3FBWiCYhiWC5v79XRecb7Pr6muQQKuRcetpZIrEXJL5sbm7K6bGV2OmCUYqkOrDI8BNIe3t7qLNHElVC5s3NTRfs5eVFElZfLUsJX9QNxBuGhEQ8Uc9EDYd2yQYxqx9JEcsZCWuU8qrnjQ+SEsoQWS+ec8GUIJSEMEQU6XgjkZTCUqmknilvLn/ym7jUH49Cw0O1WvVHUqygk2qp3OGGQiGh2D/kRCmlnf8jkbrF98dHj4+P7ljJhGp1TIRsGYmELC4uituccZNXEkNS018U52aLoRDbbIY9ZZxllaEKyil7YHQH8EZOL+yhQNszQRNQccd/B07Fk3SEwFSFQigRTsVwFhYW5LdarTZdMJq4PAPkqFRQ79QtCsq0kHAKVVfM+qZRTyDeLy4upgV2fn4uuatqUxdMAppxjEVT8RZZrMdwFwwk6XUYR9HTk2MCYXuhUBCzMAYae50aMDGOwfTg4GBiPDayfXl5WZ/Pfo0FRvaAzQafhukzsbOR7dJJaE/KLHNurHgiEzwdCCq2t7dt7in0Rgaby8tL7BAkCNSHDHP8pv3ogx/hCyQDcjqdHtbt4A0O2MjJ9DUG0uBZn0HTyDbKNhqxFU8wPOkwCAEMDDcdfWLvRxp6i0EFJ2UUMK5GdFppMaprIMZVymdiH3o/65+lbQQa9YgY7+ZJK4BSIA0r+1sBMFjjM1hYXXPl1qXuRfo9JewJfWPkSKHkvwADABR9LAoO/ponAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 54px;
	margin: 40px auto;
	color: #B6B6B6;
	font-size: 18px
}

/* 729_90 banner
-------------------------------------------------------------*/
div.ad{
	width:900px;
	margin:0 auto 10px;
	border: 1px solid #EEEEEE;
    left: 0;
    padding: 3px 0;
    text-align: center;
}
div.ad_banner468x60 a{border: none;}
/* sh_fc2footer_fix,footer_global
-------------------------------------------------------------*/
#sh_fc2footer_fix a:link,
#sh_fc2footer_fix a:visited,
#sh_fc2footer_fix a:focus,
#sh_fc2footer_fix a:active,
#footer_global a:link,
#footer_global a:visited,
#footer_global a:focus,
#footer_global a:active {
	background:none;
	border:none;
	text-decoration:none;
	color:#0044CC;
}

#sh_fc2footer_fix a:hover,
#footer_global a:hover {
	text-decoration: underline;
	color: red;
}

/* _tmpl_edit_email_type...メール受信タイプの変更 */
.mail_type_text_icon,
.mail_type_html_icon,
.mail_type_text_smallicon,
.mail_type_html_smallicon{
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABUCAYAAADtYEtMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABldJREFUeNrsnE9MG0cUxsdgMC3YDSkFxRQEVIqMQgWRVU5GhStKDtyQkFC40EusVCr3ljtVFZlLuZALKqeClIpLhUgFPZRiFVQq3EgFFIqRgFLCnwYCKN1v8HPGi8G2WJtd8z5ptTOzu7PDz89vZhe/ZwsEAg1CiBFtqxKXUDgcFkdHR0/6+vq69Me8U8O4xzfa1nyZe7xaXBGv/nrRtdQbeCIsqBwjQJM2NjYe9PT0DMY5NHJZ0IoGq7/0P7Aq7CojOzwHeJXB47Yk8Jx0dHqBhV9r4IbBzs3NTTtwmz3X0sDtRnVUUlIi9ycnJ2ozQHQZdQ+Hu1Tu3xzH3GNwaGhotKOjY/vawIZll5WVpXWwNrtdFFS6z7R3+Nq3r5UbYTFshs2wWQw7mxSzGqmtrRVOpzNa393djalvbm7KJd709LSsNzY2isPDQ+FwOGKuWVhYiHuz24U3xN7xkQgf7kfrkNOeH3Pe2sG+KLLnief7p4sMt6MwWtf3YVnYkMvlEh6PRwIFaAAluICNOn0INTU1YnJyUpSXl8v2UCgkj52nL6rviuDOhhh4MR+t754cCWdungaxWOydvBbhg1OI3vdKRcsv34tdDWxfrU/c0oCjru/Dsm4EFklWCcCrq6vRMradnR0J1+fzifr6elnGOfRhqNcnK1jrZ/MT2v5f8XR9WZZh6Wua5Tbf/FBatVOzatqyxo2cp4cPH8r9yMiIhEvWSx9GKrpfWiW8rg8ibqRYWmk8d/P10m/i0/fLpft49s+qaNbKOD/rYff398f4dfLRcCOLi4sp3TD4cl1aMLmReKCh78LPRXdFnXQxAI92OpbVsOGPIYBVfXhTU5O0bkySySp8+J8ELifT49dnjpMLgX7a+lv6brgatNFE6na8K9sxkVppojwDGy6CYKplmjxVv4xJEhtg47yLJkfyz2sH+3HrVIaPhtuA8A34M7IiCb7ckJZNK5LuijviB+14eH3JMrBtgUDgTTpv4Pf7bd6p4bTeI+hrt/FDDYthM2yGzWLYDJvFsE0GezaN/VPfy2m8x7KVYLdo22ga+h6N9A21pQnKcqRvFkv3uE4F7bH9K233SNuu7NVaKBSa9Xg8LdojftK/A/FODV/5uHd+/X3W9cnHLcEEv1/BuxEMckLbGq76k5+ZmRFFRUVJAdcgm2bcWz/+LOw3XAmBw2d/boYBk/b29ho0C5+IGMFFMtW4j7d3GjQLn4gYwbmwH5nNtyUJ3HTjTgQ85yp93SWBm3LcFwE39UNNCi7FEsBN/wSZTcAt8bieLcAt824kG4CbCrbb7U4KuNmAvvNRZVLA7WaDnQi4mdbWUdg1FXJLNG5+xZpBMWyGzbBZDJthsxg2w2bYLIbNsFkMm2FfZ9mz+Y+7X1ot7pVWyTLiKxGdRnE5kD76DO0DK/Oiz+OLtuE6tZ9nW6sykk3tC9FshsNuazv7Sy9E9SLEmjLpQIgERoAqQvcQ3DQ2NiZaW1tlSB8iztAer59UA1YT6VZBoYwqIwGOWlfLb88pPnMN4jHVNsDW92U4bIRN64XQPIDWHwNUhO5BiJ0kwIgqo3Z9P5kUIs0Q7ndPs9rT+pKMSNML0WvYMu6z1RDreHUK5YOVoh0WDlEcJeoUfn1RP+lQd2WdcBe8hfZUg0vBr6f1ZdlGoljM20XF0orXDIi3NBQ2XAbq1DY3Nyf3lNmB6lcCu+KOTDaQSOTHKWFB883ymPplQroNXY3AncCvI6sDuRI1+jfV0GsjhahiZHhIJDUdBwW4Uvn0eJ45YOuFCVHNRaKWMy3K/JCK1FDtcKbdSCLBFSCpgJr8RZW+bkYhMYFq2fHKqnXDrXxb1xI36UFG3AhWG5QkRl1poI52M4vcBlJzUFw9Jkf1W6H6bYDHEjCZjBF2o90GLQEJNDQ+Pi46Ozuj7WrygXT76QHdci8GorYfWPkjWlbPwbV0HHv4e/VcOi+6ejlI7GZSThQAmASUoMXLLZWfny/hU84oOgcTJlYl8fpJVplIPmCKx3V1aUdK5slPf068fvhFFIthM2wWw2bYDJvFsBk2i2EzbBbDZtgMm8WwrQd722Jj3tbtLTNuwH5ssUE/1u0tM26ZIyoQCODHag0WGPCs3++P/mfVOzVsmXEHfe13yWcjJVyvib+aGFevCtpK4wZoVP4XYAB76YMo6aOt6QAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
}
#edit_email_type .mail_type_explain{ padding: 10px 0 20px; }
#edit_email_type .mail_type_select{
	border: 1px solid #c1c1c1;/*E7E7E7*/
	padding: 10px;
	border-radius: 10px;
}
#edit_email_type .mail_type_select h3{ margin-bottom: 10px; }
#edit_email_type .mail_type_text_smallicon,
#edit_email_type .mail_type_html_smallicon{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 24px;
	height: 29px;
	margin-right: 5px;
	margin-left: 10px;
}
#edit_email_type .mail_type_text_smallicon{ background-position: 0 0; }
#edit_email_type .mail_type_html_smallicon{ background-position: -25px 0; }
#edit_email_type .mail_type_select_input{ margin-bottom: 10px; }
.mail_type_select_input_box{
	display: inline-flex;
	width: 220px;
	padding: 12px 10px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid var(--color-bdr-light);
}
.mail_type_select_input_box:hover{
	background-color: var(--color-bg-hover);
}
#edit_email_type .mail_type_select_input input{ cursor: pointer; }
#edit_email_type .mail_type_select_input label{
	margin-right: 30px;
	display: inline-block;
	cursor: pointer;
	opacity: 0.6;
}
#edit_email_type .mail_type_select_input label.selected{
	opacity: 1;
	font-weight: bold;
}
#edit_email_type .mail_type_select_button{ text-align: center; margin: 20px 0; }
#edit_email_type .mail_type_attention{
	background: var(--color-bg-sec);
	border-radius: 10px;
	padding: 10px;
}
#edit_email_type .mail_type_attention li.mail_type_text{ border: none; margin-bottom: 20px; }
#edit_email_type .mail_type_attention_title{margin-bottom: 10px; }
#edit_email_type .mail_type_attention_body_text{position: relative;}
#edit_email_type .mail_type_attention_body_text .mail_type_attention_body_text_normal{ font-size: 13px; margin-left: 80px; }
#edit_email_type .mail_type_attention_body_text ul{ margin-left: 80px; }
#edit_email_type .mail_type_attention_body_text ul li{
	border: none;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 11px;
	margin-bottom: 5px;
}
#edit_email_type .mail_type_text_icon,
#edit_email_type .mail_type_html_icon{
	position: absolute;
	display: block;
	width: 45px;
	height: 54px;
	left: 10px;
}
#edit_email_type .mail_type_text_icon{ background-position: 0 -30px; top: 5px;}
#edit_email_type .mail_type_html_icon{ background-position: -46px -30px; top: 12px; }

/* -----------------------------------------
	2016/11 Payment renewal
	_tmpl_buy_point
----------------------------------------- */
.payment a{
	color: var(--color-text-link);
}
.payment-balance{
	margin: 0 auto;
	background: var(--color-bg-sec);
	margin-bottom: 24px;
	overflow: hidden;
	padding: 16px;
}
.payment-balance__title{
	float: left;
	font-size: 14px;
}
.payment-balance__point{
	float: right;
	font-size: 12px;
}
.payment-balance__point span{
	font-size: 16px;
	font-weight: bold;
}
.payment-group{
	margin-bottom: 40px;
}
.payment-group .payment-group__title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 24px;
}
.payment-title__help{
	font-size: 12px;
	float: right;
}
.payment-title__help a{
	position: relative;
	display: inline-block;
}
.payment-title__help a::before{
	content: "?";
	display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
	font-size: 12px;
	font-weight: bold;
	color: var(--icon-help-text);
	background-color: var(--icon-help-bg);
	width: 20px;
	height: 20px;
	border-radius: 20px;
	
}
.payment-group p{
	font-size: 13px;
}
/* payment step navgation */
.payment-stepnav{
	/* background: url(/image/jp/payment-image2016_001.png) no-repeat;
	background-position: 0 0; */
	width: 684px;
	height: 18px;
	margin: 16px auto;
}
.payment-stepnav ul{
	display: flex;
	font-size: 11px;
	counter-reset: number 0;
	color: var(--stepnav-default);
	justify-content: center;
}
.payment-stepnav ul li{
	position: relative;
}
.payment-stepnav ul li:not(:last-child)::after{
	content: "";
	position: absolute;
	top: calc(50%);
	right: 16px;
	width: 10px;
	height: 1px;
	background: var(--color-bdr-main);
}
.payment-stepnav ul li:not(:last-child){
	padding-right: 40px;
}
.payment-stepnav ul li::before{
	counter-increment: number 1;
	content: counter(number);
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--stepnav-default);
	color: var(--stepnav-inversion);
	border-radius: 20px;
	margin-right: 4px;
}
.payment-stepnav ul li.is-active{
	font-weight: bold;
	color: var(--stepnav-active);
}
.payment-stepnav ul li.is-active::before{
	background-color: var(--stepnav-active);
	color: var(--stepnav-inversion);
}
.payment-stepnav ul li.is-done{
	font-weight: bold;
	color: var(--stepnav-done);
}
.payment-stepnav ul li.is-done::before{
	background-color: var(--stepnav-done);
	color: var(--stepnav-inversion);
}
/* ステップナビはHTML化するため一旦コメントアウト */
/* .payment-stepnav.payment-stepnav__01{
	background-position: 0 0;
}
.payment-stepnav.payment-stepnav__02{
	background-position: 0 -44px;
}
.payment-stepnav.payment-stepnav__03{
	background-position: 0 -95px;
}
.payment-stepnav.payment-stepnav__04{
	background-position: 0 -148px;
} */

/* payment block */
.payment-block{
	border: 1px solid var(--color-bdr-main);
	width: 100%;
	margin: 16px auto;
}
.main_narrow_width .payment-block{
	width: 100%;
}

.payment-block__inner{ padding: 8px; }

.payment-block-brd__btm{border-bottom: 1px solid var(--color-bdr-main);}
.payment-block__inner dl{
	display: table-row;
}
.payment-block__inner dt,
.payment-block__inner dd{
	display: table-cell;
}
.payment-block__inner dt{
	width: 190px;
	padding: 12px;
	padding-right: 0;
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
}

.payment-block__inner dd{
    padding: 12px;
    vertical-align: middle;
    width: 380px;
}

.payment-block__inner_text{
	font-size: 10px;
	color: #7c7c7c;
}
.payment-block-attention__text{
	font-size: 12px;
	color: #757575;
	padding-left:1em;
	text-indent:-1em;
}
.payment-block__pointText{
	text-align: right;
}
.payment-block__pointText span{
	font-size: 26px;
	font-weight: bold;
}

.main_narrow_width .payment-block *{
	box-sizing: border-box;
    word-break:normal;
}

.main_narrow_width .payment-block__inner dl{
	display: flex;
}

.main_narrow_width .payment-block__inner dt{
	display: flex;
	width: 250px;
	align-items: center;
    white-space: normal;
}

.main_narrow_width .payment-block__inner dd{
	width: calc(100% - 250px);
}

.main_narrow_width .payment-form__block ul{
    display: flex;
    justify-content: center;
}

/* tos checkbox */
.payment-tos-checkbox{
	text-align: center;
}

/* input style */
.payment-block__inner dd input[type="text"],
.payment-block__inner dd input[type="number"]{
	border: var(--form-input-border);
	height: 36px;
	border-radius: var(--form-input-radius);
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 4px;
}
.payment-block__inner dd select{
	border: var(--form-input-border);
	height: 42px;
	line-height: 38px;
	border-radius: var(--form-input-radius);
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
	width: 8em;
}
.payment-block__inner dd input[type="text"]:focus,
.payment-block__inner dd input[type="number"]:focus,
.payment-block__inner dd select:focus{
	outline: 0;
  border: var(--form-input-border-active);
}
.payment-block-input__group{
	overflow: hidden;
}
input#buyamount{
	text-align: right;
	font-size: 16px;
	margin-right: 8px;
}
.payment-input__number input#cc_number,
.payment-input__name input#cc_nameon{
	width: 100%;
}
.payment-input__cvv input,
.payment-input__cvv .payment-image__cvv{
	float: left;
}
.payment-input__cvv input{
  margin-right: 12px;
}
.payment-confirm__buypoint dd{
	font-size: 16px;
  font-weight: bold;
}
.payment-input__point span{
	font-size: 24px;
	font-weight: bold;
}
/* payment attention */
.payment-attention{
	margin: 8px 0 24px;
}
.attention-white{
	text-align: center;
}
div#content .attention-white strong{
	color: --color-text-warning;
}
.attention-gray{
	background: var(--color-bg-sec);
	padding: 8px 16px;
	border-radius: 8px;
}
/* payment image */
.payment-image{
	background-image: url(image/jp/payment-image2016_001.png);
	background-repeat: no-repeat;
	display: inline-block;
}
.payment-image__cvv{
	background-position: 0 0;
	width: 116px;
	height: 49px;
}

.payment-image__cvv{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 116px;
	height: 49px;
}
.payment-image__cvv img{
	position: absolute;
	left: -738px;
  top: -33px;
}
/*submit button*/
.payment-form__btn{
	background:var(--btn-primary-bg);
	color: var(--btn-primary-text);
  padding: 16px 80px;
  border-radius: 8px;
	cursor: pointer;
	border: 1px solid var(--btn-primary-border);
}
.payment-form__btn:hover{
	background: var(--btn-primary-bg-hover);
}
/* cancel button */
.payment-form__btn_cancel{
	background:var(--btn-cancel-bg);
	color: var(--btn-cancel-text);
	padding: 16px 30px;
	border: 1px solid var(--btn-cancel-border);
	border-radius: 8px;
	cursor: pointer;
	margin-left: 12px;
}
.payment-form__btn_cancel:hover{
	background:var(--btn-cancel-bg-hover);
}
/* payment input text error */
.payment-inputext-error{
	position: relative;
	display: none;
	border: 2px solid var(--color-bdr-error);
	padding: 8px;
	margin: 24px 0;
	color: var(--color-text-error);
	font-weight: bold;
	background: none;
	padding-left: 40px;
}
.payment-inputext-error::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: calc(50% - 10px);
	left: 10px;
	width: 21px;
	height: 20px;
	background: var(--color-text-error);
	mask-image: url("/image/jp/easypaymentV2/icon-caution-triangle.png");
	-webkit-mask-image: url("/image/jp/easypaymentV2/icon-caution-triangle.png");
	mask-repeat: no-repeat;

}
.payment-inputext-error.is-show{
	display: block;
}
input[type="text"].inputError,
.inputError{
    border: 2px solid var(--color-bdr-error);
}
/* comment */
.payment-comment{
	/*background: #f7e4e4;*/
	color: #c0392b;
	font-size: 16px;
	padding: 4px 16px;
	border-radius: 4px;
}

/* payment card error */
.payment-error{
	background: var(--payment-error-bg);
	color: var(--color-text-error);
	font-weight: bold;
	font-size: 16px;
	padding: 8px 12px;
}
.payment-error__block{
	border: var(--payment-error-border);
}
.payment-error__servermessage{
	color: var(--color-text-error);
}
.payment-block__error p{
	margin-bottom: 16px;
}
/* _tmpl_fatal_error.html
------------------------------------------------ */
.payment-fatal-error-icon{
	background: url(/image/jp/easypaymentV2/easypayment-card-error.png) no-repeat top center;
	padding-top: 54px;
	margin-top: 24px;
}
.payment-fatal-error-title > h2{
	color: var(--color-text-error);
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 24px;
}
.payment-fatal-error-text{ margin: 24px auto; }
.payment-fatal-error-text__main{ text-align: center; }
.payment-fatal-error-text__main em{
	display: inline-block;
	background-color: var(--payment-error-fatal-bg);
	padding: 12px 24px;
	color: var(--payment-error-fatal-text);
	font-size: 14px;
	font-weight: bold;
	border-radius: 8px;
	font-style: normal;
}
.payment-fatal-error-text__sub{ 
	margin-top: 24px;
	text-align: center;
}
.payment-fatal-error-text__sub > p{margin-bottom: 8px;}
.payment-fatal-error-q{
	box-sizing:border-box;
	width: 100%; 
	padding: 0; 
	margin: 24px 0;
	background: #F6F8FA;
	padding: 25px 50px;
	border-radius: 6px;
}

.payment-fatal-error-q ul{
	padding:25px 30px;
	background-color: #FFF;
}
.payment-fatal-error-q em{
	background: url(/image/jp/easypaymentV2/easypayment-error.png) no-repeat center left;
    padding:10px 0 10px 35px ;
    color:var(--color-text-error);
    font-size: 18px;
    font-style: normal;
}
.payment-fatal-error-q p{
    padding:25px 0;
    font-weight: bold;
}
.payment-fatal-error-q ul > li{
	list-style-type: disc;
	padding-bottom: 8px;
	text-align: left;
	margin-left: 24px;
}
.payment-fatal-error-q ul > li:last-child{padding-bottom: 0;}
.payment-fatal-error-formlink{
	margin: 64px auto;
	border: 1px solid var(--color-bdr-main);
	text-align: center;
}
.formlink-title{
	background: var(--color-bg-sec);
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
}
.formlink-body{
	padding: 12px;
}
.formlink-body > p{ margin-bottom: 8px; }

/* -----------------------------------------
	3D secure templates style
----------------------------------------- */
#main.one_colum_center{
	margin: 0 auto 3em;
	float: none;
}
.one_colum_center{
	margin: 0 auto;
}
.check_enrollment{
	text-align: center;
}
.check_enrollment_mainblock{
	background-color: #f2f2f2;
	border-radius: 14px;
	padding: 16px 16px; 
}
.check_enrollment_inner{
	margin: 62px 0;
}
.check_enrollment_inner h2{
	color: var(--color-main-accent);
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 16px;
}
.check_enrollment_inner h3{
	color: var(--color-main-accent);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 32px;
}
.transfer_loading{
	margin-bottom: 32px;
}
.check_enrollment_outer{
	margin: 32px 0 64px;
}
.check_enrollment_outer_btn{
	margin: 32px 0;

}
.check_enrollment_logo{
	text-align: center;
	margin: 32px 0 0;
}
.check_enrollment_outer_btn button[type="submit"]{
	border: var(--enroll-btn-border);
	background: var(--enroll-btn-bg);
	padding: var(--enroll-btn-padding);
	border-radius: var(--btn-raidus);
}
/* loading animations */
@-webkit-keyframes line-scale {
	0% {
	  -webkit-transform: scaley(1);
			  transform: scaley(1); }
	50% {
	  -webkit-transform: scaley(0.4);
			  transform: scaley(0.4); }
	100% {
	  -webkit-transform: scaley(1);
			  transform: scaley(1); } }
  @keyframes line-scale {
	0% {
	  -webkit-transform: scaley(1);
			  transform: scaley(1); }
	50% {
	  -webkit-transform: scaley(0.4);
			  transform: scaley(0.4); }
	100% {
	  -webkit-transform: scaley(1);
			  transform: scaley(1); } }
  
  .line-scale > div:nth-child(1) {
	-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
			animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  
  .line-scale > div:nth-child(2) {
	-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
			animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  
  .line-scale > div:nth-child(3) {
	-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
			animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  
  .line-scale > div:nth-child(4) {
	-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
			animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  
  .line-scale > div:nth-child(5) {
	-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
			animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
  
  .line-scale > div {
	background-color: var(--enroll-load-bg);
	width: 4px;
	height: 35px;
	border-radius: 2px;
	margin: 2px;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	display: inline-block; }


/* -----------------------------------------
	point_convert　換金可能ポイントの振替／換金
----------------------------------------- */
div.point_convert * {box-sizing:border-box;}
div.point_convert {
	line-height:1.7;
}

div.point_convert div#content strong {
    color: var(--color-text);
    margin-top: 0;
}

div.point_convert .yellow_underline{
	padding:0 3px 3px;
    background:var(--convert-underline);
}

div.point_convert div#content strong.blue_text,
div.point_convert div#content .blue_text{
    color:var(--convert-text-color-accent);
}
div.point_convert div#content .red_text,
div.point_convert div#content strong.red_text{
	color:var(--convert-text-color-caution);
}

div.point_convert div#content .orange_text,
div.point_convert div#content strong.orange_text{
	color:var(--convert-text-color-strong);
}

h3.point_balance_h3{
	margin-top:20px;
	margin-bottom:10px;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}

h3.point_balance_h3 strong{
	font-size: 1.25em;
}

.point_balance{
	padding:10px 10px;
	border:var(--convert-balance-border);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--convert-balance-bg);
	color:var(--convert-balance-text);
	line-height:1;
	border-radius: 6px;
}
.point_balance > div{
	margin:0 12px;
}

.point_balance_title{
	background-color: var(--convert-balance-title-bg);
	color: var(--convert-balance-title-text);
	padding:10px 15px 12px;
	border-radius: 50px;
	font-weight: bold;
	font-size: 1.15em;
}

.balance_point strong{
	margin-right:5px;
	font-size: 1.55em;
}

.balance_payable > strong{
	margin-right:5px;
	font-size: 1.15em;
}
.balance_payable > strong > strong{
	margin-left:5px;
	font-size: 1.8em;
}

.explanation_payable{
	margin: 20px auto 30px;
}

/* おすすめ広告 */
.point_convert_ad{
	margin: 0 auto 40px;
	max-width: 700px;
}

.point_convert_ad p{
	margin-bottom: 6px;
	font-weight: bold;
	color:#688cc2;
}
.point_convert_ad-wrap:not(:last-child){
	margin-bottom: 10px;
}
.point_convert_ad-wrap a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:8px 45px 10px 15px;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
	background-color: #FFF;
	color:#333;
	position: relative;
}

.point_convert_ad-wrap a span.span_block{
	display: block;
}

.point_convert_ad-wrap a:before{
	content:"";
	position: absolute;
	top: calc(50% - 12px);
	right: 8px;
	background-color: #fff;
	width: 24px;
	height:24px;
	border-radius: 50px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}

.point_convert_ad-wrap a:after{
	content:"";
	position: absolute;
	top: calc(50% - 5px);
	right: 17px;
    display: block;
    width: 7px;
    height: 7px;
    border-top: solid 2px #cccccc;
    border-right: solid 2px #cccccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.point_convert_ad-wrap a:hover,
.point_convert_ad-wrap a:active,
.point_convert_ad-wrap a:focus{
	text-decoration: none;
}


.point_convert_ad-wrap a:hover .point_convert_ad_yellow,
.point_convert_ad-wrap a:hover .point_convert_ad_right{
    background:var(--convert-underline);
}


.point_convert_ad_title{
	margin-bottom:3px;
	font-weight: bold;
	color:var(--convert-text-color-accent);
	line-height:1.3;
}
.point_convert_ad_left{
	max-width:78%;
}

.point_convert_ad_introduction{
	font-size: 0.9em;
}

.point_convert_ad_right{
	font-size: 0.9em;
	font-weight: bold;
}

.point_convert_ad_right strong{
	margin:0 1px 0 3px;
	font-size: 1.4em;

}


/* 振替／換金の種類 */

.point_convert_types{
	margin-bottom: 60px;
	padding:1px;
	border-radius: 6px;
	background-color: var(--convert-type-border);
	box-shadow: var(--helper-boxshadow);
}

.point_convert_types-wrap{
	padding: 13px 20px 20px;
    background-color: var(--convert-type-base-bg);
	border-radius: 5px;
}

.point_convert_types-wrap:not(:last-child){
	margin-bottom: 0px;
}

.point_convert_types-wrap h4{
	margin-bottom: 15px;
	text-align: center;
	padding: 16px 0;
	font-size: 1.4em;
	line-height:1.3;
	width: 100%;
    /* background: var(--convert-type-title-sub); */
	border-bottom: 1px solid var(--color-main-accent2);
}

.point_convert_types-wrap h4 span{
	text-align: center;
	font-size: 0.85em;
}

.point_convert_types-wrap > div{
	margin: 0 auto;
}

.point_convert_types-wrap h5{
	margin-bottom: 3px;
}

.point_convert_types-wrap p.mb25{
	margin-bottom: 25px;
}

.point_convert_banner{
	margin-top: 10px;
    text-align: center;
}

a.point_convert_pageLink{
	position: relative;
	margin: 15px auto 0;
	padding:8px 10px 8px 20px;
	display: block;
	max-width: 290px;
	text-align: center;
	background-color: var(--convert-type-btn-bg);
	color: var(--convert-type-btn-color);
	border:var(--convert-type-btn-border);
	border-radius: 50px;
	font-weight: bold;

	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left 20px center;
}
a.point_convert_pageLink::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: calc(50% - 7px);
    left: 16px;
	width: 17px;
	height: 13px;
	background: var(--convert-type-btn-color);
	mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.638%22%20height%3D%2213.025%22%20viewBox%3D%220%200%2016.638%2013.025%22%3E%3Cpolyline%20points%3D%220.3%200.4%208.319%206.4%2016.338%200.4%22%20style%3D%22fill%3Anone%3Bstroke%3A%2304c%3Bstroke-miterlimit%3A10%22%2F%3E%3Cpolyline%20points%3D%220.3%206.4%208.319%2012.4%2016.338%206.4%22%20style%3D%22fill%3Anone%3Bstroke%3A%2304c%3Bstroke-miterlimit%3A10%22%2F%3E%3C%2Fsvg%3E');
	mask-repeat: no-repeat;
}

a.point_convert_pageLink:hover{
	text-decoration: none;
	color:var(--convert-type-btn-color-hover);
	background-color: var(--convert-type-btn-bg-hover);
	border: var(--convert-type-btn-border-hover);
}
a.point_convert_pageLink:hover::before{
	background: var(--convert-type-btn-color-hover);
}

/* 振替／換金を行う */
.point_convert-do_wrap{
    margin-bottom: 40px;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	border-color: var(--convert-topoint-border);
	box-shadow: var(--helper-boxshadow);
}

#topayment.point_convert-do_wrap{
    border-color: var(--convert-topayment-border);
}

.point_convert-do_wrap .point_convert-attention{
	margin-top:40px;
	padding:20px 15px;
    background-color: var(--convert-type-base-sub-bg);
    font-size:0.92em;	
	border-radius: 0 0 5px 5px;
}
.point_convert-do_wrap .point_convert-attention h5{
	margin-left:10px;
	margin-bottom:15px;
	font-size:1.1em;
}
.point_convert-do_wrap .point_convert-attention ol{
	padding:0 10px;
	column-count: 2;
	column-gap: 35px;
	list-style-type: decimal-leading-zero;
}
/*注意事項が2件より増えた場合この記述を削除*/
	#tofc2point.point_convert-do_wrap .point_convert-attention ol{
		column-count: auto;
		display: flex;
		justify-content: space-between;
	}
	#tofc2point.point_convert-do_wrap .point_convert-attention ol li{
		width: 50%;
	}
/* ここまで削除 */

.point_convert-do_wrap .point_convert-attention ol:not(:last-child){
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid var(--convert-type-base-sub-border);
}

.point_convert-do_wrap .point_convert-attention li{
	margin-left:25px;
	margin-bottom:15px;
	list-style-type: decimal-leading-zero;
}

#topayment.point_convert-do_wrap .point_convert-attention{
	height:430px;
	overflow-y:scroll;
}
#tofc2point.point_convert-do_wrap{
	position: relative;
}
.point_convert-annotation{
	padding:8px 10px;
	width: 105px;
	display: flex;
	background-color: var(--convert-type-title-label-bg);
	position: absolute;
	top: 5px;
	right: 5px;
    font-size:0.92em;
    line-height:1.2;
    font-weight: bold;
    color:var(--convert-type-title-label-text);
    border-radius: 6px;
}
.point_convert-do_wrap h4{
	/* margin-top:20px; */
	margin-bottom:24px;
	padding: 24px 0;
	font-size:1.3em;
	text-align: center;
	background: var(--convert-balance-title-bg);
	border-radius: 5px 5px 0 0;
}
.point_convert-do_wrap h4 > span{
    padding: 0 8px 5px;
	border-bottom:var(--convert-type-title-border);
}
.point_convert-do_wrap h4 strong{
	margin-top:20px;
	margin-right:3px;
	font-size:1.33em;
	text-align: center;
}

.point_convert-do_wrap h4 >span span{
	display: inline-block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 36px;
	position: relative;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}
/* .point_convert-do_wrap h4 >span span:before {
    content: '';
    width: 10px;
    height: 6px;
    background-color: var(--convert-type-title-allow);
    position: absolute;
    bottom: 6px;
    right: 17px
} */

.point_convert-do_wrap h4 >span span:after {
    content: '';
    border: 4px solid transparent;
    border-left: 8px solid var(--convert-type-title-allow);
    position: absolute;
       bottom: 6px;
    right: 8px;
}

.balance_payable_text{
	text-align: center;
	color:var(--color-text);
}

.balance_payable_text strong{
	margin-left:5px;
	margin-right:5px;
	font-size:1.55em;
}

.point_convert-input_box{
	margin:20px 20px;
	padding:10px 10px;
	background-color: var(--convert-type-base-sub-bg);
	text-align: center;
}

.point_convert-input_box-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
}

.point_convert-input_title{
	font-weight: bold;
}

.point_convert-input_box input[type="textbox"]{
	margin:0 10px 0 20px;
	padding:8px 10px;
	border:var(--form-input-border);
	border-radius: 5px;
}
.point_convert-input_box p{
	margin-top:8px;
}

.point_convert-enter{
	margin-bottom:50px;
	text-align: center;
}

.point_convert-enter input{
    margin: 0 auto;
    padding: 10px 25px;
    background: var(--btn-primary-bg);
    border-radius: var(--btn-raidus);
    border: 1px solid var(--btn-primary-border);
    color: var(--btn-primary-text);
    font-weight: bold;
    font-size: 116%;
    cursor: pointer;
    min-width:155px;
}

.point_convert-enter input:hover {
    background: var(--btn-primary-bg-hover);
	border-color: var(--btn-primary-border-hover);
}

.point_convert-do-explanation{
	margin: 0 auto;
	padding: 0 20px;
	font-size:0.92em;
}

.point_convert-do-explanation li{
    padding-left:1em;
	text-indent: -1.0em;
}

.point_convert-do-explanation li:not(:last-child){
	margin-bottom: 15px;
}

#tofc2point .point_convert-do-explanation{
	margin-bottom: 30px;
}




/* 取引明細 */
.point_convert-do_wrap + h2{
	margin-top: 60px;
}

.point_convert-details{
	margin-top:10px;
	margin-bottom: 40px;
}

.point_convert-details th{
	padding:8px;
    font-size:1.09em;
    border-bottom: 1px solid var(--color-bdr-main);
    border-right: none;
    text-align: center;
}


.point_convert-details td.statementTD0{
	padding:8px;
    font-size:1.09em;
    border-bottom: 1px solid var(--color-bdr-main);
    border-right: none;
    text-align: center;
}

.point_convert-details td.statementTD1{
	padding:8px;
    font-size:1.09em;
    border-bottom: 1px solid var(--color-bdr-main);
    text-align: center;
}

.point_convert-details tbody tr:nth-child(even) td{
    background-color: var( --table-even-bg);
}

.point_convert-details th:nth-child(2),
.point_convert-details td:nth-child(2){
    text-align: right;
}

.point_convert-details th:nth-child(1){width: 110px;}
.point_convert-details th:nth-child(2){width: 190px;}
.point_convert-details th:nth-child(3){width: 270px;}

.point_convert-details-change{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.point_convert-details-change input[type="submit"]{
    padding: 10px 25px;
    background: var(--btn-normal-bg);
    border-radius: var(--btn-raidus);
    border: 1px solid var(--btn-normal-border);
    cursor: pointer
}

.point_convert-details-change select{
	margin-left:10px;
    padding: 10px 20px 10px 5px;
    border-radius: 5px;
		border:1px solid #333;
    cursor: pointer
}

/* 個別決済　獲得ポイント表示 */
.earned_points{
    margin-bottom:8px !important;
    line-height:1;
}

.earned_points > span{
    padding:2px 3px 3px 7px;
    color:var(--color-text);
    font-size:0.75rem;
    background-color:#ffea48;
    border-radius:5px;
}

.earned_points > span > span{
    font-weight:bold;
    font-size:0.815rem;
}

.earned_points a.earned_points_link{
    margin-left:5px;
    font-size:0.88rem;
}

/* サービス追加 遷移サービスリンク */
.signup-complete-block{
	margin: 20px 8px;
	border: 1px solid var(--color-bdr-main);
	padding: 12px;
	text-align: center;
}
.signup-complete-block p{
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}
.signup-complete-block a{
	display: inline-block;
    padding: 12px 38px;
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    font-weight: bold;
    border-radius: var(--btn-raidus);
}

/* ===========================================================
	Gift
	Prefix:gift-
=========================================================== */
/* 初期設定 */
/* #giftcard div#content strong{
	color: initial;
} */

h2.gift-mainTitle{
	margin-bottom: 24px;
	font-size: 20px;
}
.gift-top-text{
	margin-bottom: 24px;
}
.gift-top-text > p:not(:last-child){
	margin-bottom: 8px;
}
.gift-top-text > p strong{
	color: #EF5763 !important;
}
/* Helper Class */
.hp-mb8{ margin-bottom: 8px; }
.hp-mb12{ margin-bottom: 12px; }
.hp-mb16{ margin-bottom: 16px; }
.hp-mb24{ margin-bottom: 24px; }
/* icon */
.gift-icon{
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
.gift-icon-message{
	display: inline-block;
	background: var(--gift-icon-message);
	mask-image: url(/image/jp/gift/gift-icon-message.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-message.svg);
	mask-repeat: no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 6px;
}
.gift-icon-rock{
	background: var(--gift-icon-send-btn);
	mask-image: url(/image/jp/gift/gift-icon-btn-locked.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-btn-locked.svg);
	mask-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.gift-icon-unrock{
	background: var(--gift-icon-send-btn);
	mask-image: url(/image/jp/gift/gift-icon-btn-unlocked.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-btn-unlocked.svg);
	mask-repeat: no-repeat;
	width: 26px;
	height: 20px;
}
/* パンくず */
.gift-breadcrumb{
	display: flex;

}
.gift-breadcrumb li{
	padding: 4px;
	font-size: 13px;

}
.gift-breadcrumb li:last-child{
	padding-right: none;
	background: none;
}
.gift-breadcrumb li a{
	position: relative;
	display: inline-block;
	padding-right: 18px;
	
}
.gift-breadcrumb li a::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 3px);
	right: 0;
	width: 6px;
	height: 6px;
	background: var(--color-text-link);
	mask-image: url(/image/jp/gift/gift-icon-smalllink.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-smalllink.svg);
	mask-repeat: no-repeat;
}
/* ステップナビ */
.gift-stepnav-body{
	display: flex;
	justify-content: flex-start;
}

.gift-stepnav-body .gift-stepnav{
	margin-left: auto;
}
.gift-stepnav{
	display: flex;
	font-size: 10px;
	height: 20px;
	counter-reset: number 0;
}
.gift-stepnav li{
	position: relative;
	padding-left: 24px;
}
.gift-stepnav li:not(:last-child){
	padding-right: 36px;
}
.gift-stepnav li:not(:last-child)::before{
	content: "";
	position: absolute;
	top: calc(50% - .5px);
	right: 15px;
	width: 10px;
	height: 1px;
	background-color: var(--color-bdr-main);
}
.gift-stepnav li.is-now{ color: var(--color-text-accent2);font-weight: bold;}
.gift-stepnav li.is-done{ color: var(--color-text-disable);}
.gift-stepnav li::after{
	position: absolute;
	counter-increment: number 1;
	content: counter(number);
	top: 0;
	left: 4px;
}
.gift-stepnav li.is-now::after{
	color: var(--color-text-accent2);
}
.gift-stepnav li.is-done::after{
	color: var(--color-text-disable);
}
/* Gift List */
.gift-list{
	width: 100%;
}
.gift-list-head{
	display: flex;
	width: 100%;
	font-weight: bold;
	margin-bottom: 24px;
	text-align: center;
}
.gift-list-head-name,
.gift-list-body-content{
	box-sizing: border-box;
}

.gift-list-body-content-detail > li{
	display: flex;
	margin-bottom: 4px;
}
.gift-list-body-content-detail > li:last-child{
	margin-bottom: 0;
}
.gift-list-body-content-detail > li > .title{
	width: 94px;
	display: block;
	align-items: center;
}

.gift-list-stl__date{width: 22%;}
.gift-list-stl__detail{width: 39%;}
.gift-list-stl__point{ width: 12%;}
.gift-list-stl__status{width: 27%;}
/* gift body  */
.gift-list-body .gift-list-stl__date,
.gift-list-body .gift-list-stl__point,
.gift-list-body .gift-list-stl__status{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.gift-list-body .gift-list-stl__point{
	justify-content: flex-end;
	font-weight: bold;
	font-size: 15px;
}
.gift-list-body .gift-list-stl__date{
	justify-content: center;

}
.gift-list-body .gift-list-stl__detail{
	display	: flex;
	align-items: center;
}
.gift-list-body .gift-list-stl__status{padding-left: 8px;}
.gift-list-body-content-detail > li.gift-code-name{
	font-size: 14px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--color-bdr-main);
	padding-bottom: 4px;
}
.gift-list-code{
	display: inline-block;
    background: var(--color-bg);
    border: 1px solid var(--color-bdr-main);
    padding: 6px 8px;
    border-radius: 4px;
    font-weight: bold;
}
.gift-list-body{
	display: flex;
	width: 100%;
	border: 1px solid var(--color-bdr-main);
	box-shadow: var(--gift-list-shadow);
	margin-bottom: 24px;
	border-radius: 6px;
}
.gift-list-body-content{
	padding: 12px 4px;
}
.gift-list-body-content:not(:first-child){
	border-left: 1px solid var(--color-bdr-main);
}
.gift-list-body-content .expiry-day,
.gift-list-body-content .expiry-day strong{
	color: var(--color-text-warning) !important;
}
.gift-list-body-content .expiry-day strong{
	font-size: 15px;
}
.gift-list-body-content strong{
	color: var(--color-text) !important;
}
/* ステータス */
.gift-list-body-status li{
	margin-bottom: 8px;
	padding: 2px 0;
}
.gift-list-body-status li > span{
	display: block;
	background: no-repeat left center;
	padding-left: 18px;
}
.gift-list-body-status span.status-locked,
.gift-list-body-status span.status-unlocked{
	padding-left: 22px;
}
.gift-list-body-status .status-used,
.gift-list-body-status .status-opend,
.gift-list-body-status .status-unopend,
.gift-list-body-status .status-locked,
.gift-list-body-status .status-unlocked{
	position: relative;
}
.gift-list-body-status .status-used::before,
.gift-list-body-status .status-opend::before,
.gift-list-body-status .status-unopend::before,
.gift-list-body-status .status-locked::before,
.gift-list-body-status .status-unlocked::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: calc(50% - 9px);
	left: 0;
	width: 18px;
	height: 18px;
	mask-repeat: no-repeat;
}

.gift-list-body-status .status-used::before{
	
	background-color: var(--gift-icon-used);
	mask-image: url(/image/jp/gift/gift-icon-status-used.svg); 
	-webkit-mask-image: url(/image/jp/gift/gift-icon-status-used.svg);
}
.gift-list-body-status .status-opend::before{ 
	background-color: var(--gift-icon-opend);
	mask-image: url(/image/jp/gift/gift-icon-status-opend.svg); 
	-webkit-mask-image: url(/image/jp/gift/gift-icon-status-opend.svg); 
}
.gift-list-body-status .status-unopend::before{
	background-color: var(--gift-icon-unopend);
	mask-image: url(/image/jp/gift/gift-icon-status-unopened.svg); 
	-webkit-mask-image: url(/image/jp/gift/gift-icon-status-unopened.svg); 
}
.gift-list-body-status .status-locked::before{ 
	background-color: var(--gift-icon-locked);
	mask-image: url(/image/jp/gift/gift-icon-status-locked.svg); 
	-webkit-mask-image: url(/image/jp/gift/gift-icon-status-locked.svg); 
}
.gift-list-body-status .status-unlocked::before{ 
	background-color: var(--gift-icon-unlocked);
	mask-image: url(/image/jp/gift/gift-icon-status-unlocked.svg); 
	-webkit-mask-image: url(/image/jp/gift/gift-icon-status-unlocked.svg); 
}

.gift-list-body-function > li > a{
	position: relative;
	display: inline-block;
	padding-left: 8px;
}
.gift-list-body-function > li > a::before{
	content: "";
	display: inline-block;
	top: calc(50% - 9px);
	left: 0;
	width: 18px;
	height: 18px;
	background-color: var(--color-text-link);
	mask-image: url(/image/jp/gift/gift-icon-smalllink.svg) ;
	-webkit-mask-image: url(/image/jp/gift/gift-icon-smalllink.svg) ;
	mask-repeat: no-repeat;
}

/* 単位用のクラス */
.gift-list__unit{
	font-size: 10px;
	margin-left: 2px;
}

/* Gift list top */
.gift-list-buy-block{
	width: 100%;
	border: 1px solid var(--color-bdr-main);
	margin-bottom: 32px;
}
.gift-nav{padding: 24px 12px;}
.gift-nav li:not(:last-child){
	margin-bottom: 24px;
}
a.gift-nav-btn{
	display: inline-block;
	width: auto;
	min-width: 360px;
	padding: 12px 12px 12px 42px;
	min-height: 44px;
	align-items: center;
	box-shadow: 0 3px 10px rgba(124, 124, 124, .16);
	border-radius: 4px;
	border: 1px solid transparent;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	box-sizing: border-box;
	transition: box-shadow .14s linear;
}
a.gift-nav-btn:hover{
	text-decoration: none;
	box-shadow: none;
}
a.gift-nav-btn.gift-nav-btn__buy{
	position: relative;
	/* background: #2F86ED url(/image/jp/gift/gift-icon-buy.svg) no-repeat left 12px center; */
	background: var(--gift-list-buybtn-bg) ;
	border-color: var(--gift-list-buybtn-border);
	color: var(--gift-list-buybtn-text);
}
a.gift-nav-btn.gift-nav-btn__buy::before{
	content: "";
	display: inline-block;
    position: absolute;
	top: calc(50% - 10px);
	left: 14px;
	width: 20px;
	height: 20px;
	background-color:var(--gift-list-buybtn-text);
	mask-image: url(/image/jp/gift/gift-icon-buy.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-buy.svg);
	mask-repeat: no-repeat;
}
a.gift-nav-btn.gift-nav-btn__regist{
	position: relative;
	background: var(--gift-list-registbtn-bg);
	border-color: var(--gift-list-registbtn-border) ;
}
a.gift-nav-btn.gift-nav-btn__regist::before{
	content: "";
	display: inline-block;
    position: absolute;
	top: calc(50% - 10px);
	left: 14px;
	width: 20px;
	height: 20px;
	background-color:var(--gift-list-registbtn-text);
	mask-image: url(/image/jp/gift/gift-icon-regist.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-regist.svg);
	mask-repeat: no-repeat;
}
/* 注意書きArea */
.gift-list-buy-block-attention,
.gift-under-attention{
	background:var(--color-bg-sec);
	padding: 24px 12px;
}
.gift-list-buy-block-attention h3,
.gift-under-attention h3{
	font-size: 14px;
	margin-bottom: 24px;
}
.gift-list-buy-block-attention > p,
.gift-under-attention > p{
	margin-bottom: 8px;
}
.gift-list-buy-block-attention__list{
	/* height: 200px;
	overflow: scroll; */
}
.gift-list-buy-block-attention__list li:not(:last-child),
.gift-under-attention-list li:not(:last-child){
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 8px;
}

/* gift list switch */
.gift-list-switch{
	position: relative;
	display: flex;
	margin-bottom: 24px;
}
.gift-list-switch::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: var(--color-bdr-main);
}
.gift-list-switch li{
	position: relative;
	min-width: 22%;
    text-align: center;
	padding: 12px 24px;
	cursor: pointer;
	transition: background-color .14s linear;
}

.gift-list-switch li:not(.is-select):hover{
	color: var(--gift-switch-color-active);
	background-color: var(--gift-switch-bg-active);
	border-radius: 4px 4px 0 0;
	font-weight: bold;
}
.gift-list-switch li.is-select{
	font-weight: bold;
	cursor: auto;
}

.gift-list-switch li.is-select::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: var(--gift-switch-color-active);

}

/* switch content */
.gift-list-switch-contents{
	display: none;
}
.gift-list-switch-contents > h3{
	margin-bottom: 12px;
}
.gift-list-switch-contents.is-show{
	display: block;
}
/* ページャーエリア */
.gift-list-pager{
	display: flex;
	justify-content: space-between;
	background: var(--pager-main-bg);
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 24px;
}
/* .gift-list-pager .pager-prev{
	margin-right: auto;
}
.gift-list-pager .pager-next{
	margin-left: auto;
} */
.gift-list-pager .pager-prev,
.pager-unlink,
.gift-list-pager .pager-next{
	display: inline-block;
	padding: 4px;
	border-radius: 4px;
	color: var(--pager-default-text);
	background-color: var( --pager-default-bg);
	border: 1px solid var(--pager-default-border);
}
.pager-unlink{
	color: var(--pager-default-disable-text);
	background-color: var(--pager-default-disable-bg);
	border-color: var(--pager-default-disable-border);
}
.gift-list-pager .pager-prev,
.gift-list-pager .pager-next{
	color: var(--pager-default-text);
	border-color: var(--pager-default-border);
	text-decoration: none;
	transition: var(--pager-main-anim);
}
.gift-list-pager .pager-prev:hover,
.gift-list-pager .pager-next:hover{
	color: var(--pager-default-active-text);
	border-color: var(--pager-default-active-border);
	background-color: var(--pager-default-active-bg);
}
.gift-list-switch-contents-page{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	text-align: center;

	/* background: #f4f4f4; */

	width: 300px;
}

.gift-list-unstock{
	border: 1px solid var(--color-bdr-main);
	padding: 24px;
	text-align: center;
	border-radius: 6px;
	color: var(--color-text-sub);
	margin: 42px 0;
}

/* table */
table.gift-table{
	border: 1px solid var(--gift-table-border);
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 24px;
}
table.gift-table thead th,
table.gift-table thead td,
table.gift-table tbody th,
table.gift-table tbody td,
table.gift-table tbody th{
	box-sizing: border-box;
	padding: 12px 24px;
}
table.gift-table thead th,
table.gift-table tbody th,
table.gift-table tbody th{
	padding-right: 0;
}
table.gift-table tbody td,
table.gift-table tbody th{
	border-bottom: 1px solid var(--gift-table-border);

}
table.gift-table tbody th{
	min-width: 260px;
	font-weight: bold;
}
table.gift-table tbody td{
	width: 100%;
}
/* 購入のinput */
table.gift-table input[type="text"],
table.gift-table input[type="tel"],
table.gift-table input[type="email"],
table.gift-table textarea{
	border: var(--form-input-border);
	padding: 12px 8px;
	font-size: 14px;
	box-shadow: var(--form-input-boxshadow);
	transition: var(--form-input-transition);
	outline: none;
	border-radius: 4px;
	box-sizing: border-box;
	min-width: 80%;
}
table.gift-table textarea{
	width: 100%;
}
table.gift-table input[type="text"]::placeholder,
table.gift-table input[type="tel"]::placeholder,
table.gift-table input[type="email"]::placeholder,
table.gift-table textarea::placeholder{
	color: var(--color-text-input-placeholder);
}
table.gift-table input[type="text"]:focus,
table.gift-table input[type="tel"]:focus,
table.gift-table input[type="email"]:focus,
table.gift-table textarea:focus{
	border-color: var(--form-input-border-active-color);
	box-shadow: var(--form-input-boxshadow-active);
}
td.gift-table-attention{
	background: var(--color-bg-sec);
	padding: 24px;
}

td.gift-table-attention > ul li{
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 12px;
}
/* テーブル内の一文メッセージ */
.gift-table-supply{
	font-size: 12px;
}
input#sendEmail,
textarea#sendMessage{
	width: 100%;
}
input#amount{
	min-width: 50%;
}
/* フォーム内のヘルプ */
.gift-table-help{
	position: relative;
	margin-top: 12px;

	font-size: 12px;
}
.gift-table-help-contents{
	position: absolute;
	display: none;
	width: 380px;
	padding: 12px;
	margin-top: 13px;
	border: var(--gift-help-balloon-border);
	background: var(--gift-help-balloon-bg);
	box-shadow: var(--gift-help-balloon-shadow);
}
.gift-table-help-wrap{
	position: relative;
	padding-right: 32px;
}
.gift-table-help-close{
	position: absolute;
	top: 0px;
	right: 0px;
	background: var(--color-text);
	mask-image: url(/image/jp/gift/gift-icon-close.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-close.svg);
	mask-repeat: no-repeat;
	width: 32px;
	height: 32px;
	border: 1px solid var(--color-bdr-main);
	border-radius: 2px;
	cursor: pointer;
}
.gift-table-help-contents::after{
	content: "";
	  position: absolute;
	top: -16px;
	left: 20%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 8px solid var(--gift-help-balloon-bg);
}
.gift-table-help-contents::before{
	content: "";
	  position: absolute;
	top: -18px;
	left: 20%;
	margin-left: -9px;
	border: 9px solid transparent;
	border-bottom: 9px solid var(--gift-help-balloon-border-color);
}
.gift-table-help-contents.is-show{
	display	: block;
}
.gift-table-help > span {
	position: relative;
	display: inline-block;
	color: #2F86ED;
	padding-left: 24px;
	cursor: pointer;
}
.gift-table-help > span::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 7px);
	left: 0;
	width: 14px;
	height: 14px;
	background: var(--color-text-link);
	mask-image: url(/image/jp/gift/gift-icon-help.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-help.svg);
	mask-repeat: no-repeat;
}
/* .gift-table-textattention{
	padding: 12px;

	margin-top: 8px;
} */
.gift-table-textattention{
	position: relative;
	display: block;
	background: #f2f2f2 ;
	padding: 12px 12px 12px 32px;
	font-size: 12px;
	margin-top: 8px;
}
.gift-table-textattention::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 7px);
	left: 8px;
	width: 14px;
	height: 14px;
	background: var(--color-text-warning);
	mask-image: url(/image/jp/gift/gift-icon-attention.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-attention.svg);
	mask-repeat: no-repeat;
	mask-size: 14px 14px;
}

.gift-input-unit{
	display: inline-block;
	font-size: 12px;
	padding-left: 4px;
}
/* 購入のinput */
.gift-fc2point-balance{
	width: 100%;
	text-align: center;
	padding: 12px;
}
.gift-fc2point-balance-main__text{
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
}
.gift-fc2point-balance-main__point{
	display: inline-block;
	margin-left: 8px;

}
.gift-fc2point-balance__quantity{
	display: inline-block;
	color: var(--gift-point-balance);
	font-weight: bold;
	font-size: 16px;
	padding-left: 4px;
}
/* 注意文 */
.gift-infomation{
	position: relative;
	background: #F2F2F2;
	padding: 12px 12px 12px 42px;

}
.gift-infomation::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 10px);
	left: 8px;
	width: 20px;
	height: 20px;
	background: var(--color-text-warning);
	mask-image: url(/image/jp/gift/gift-icon-attention.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-attention.svg);
	mask-repeat: no-repeat;
}
/* 送信前のテキスト */
.gift-send-text{
	margin: 42px;
	text-align: center;
}
.gift-send-text p > strong {
	color: var(--color-text-warning) !important;
}
.gift-send-text em {
	font-weight: bold;
	border-bottom: 1px solid var(--color-text-warning);
	font-style: normal;
}
/* 送信Area */
.gift-submitArea{
	text-align: center;
	margin: 42px;
}
/* 登録完了 */
.gift-success{
	position: relative;
	padding-top: 105px;
	text-align: center;
	margin-bottom: 32px;
}
.gift-success::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: 20px;
	left: calc(50% - 80px);
	width: 160px;
	height: 52px;
	background: var(--gift-success-color);
	mask-image: url(/image/jp/gift/gift-icon-done.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-done.svg);
	mask-repeat: no-repeat;
}
.gift-success > h2{
	color: var(--gift-success-color);
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 24px;
}
/* 追加完了ポイント */
.gift-add-block{
	width: 100%;
	border: 3px solid var(--gift-success-border);
	border-radius: 6px;
	margin-bottom: 42px;
	box-sizing: border-box;
}
.gift-add-block dl{
	display: flex;
	padding: 16px;
}
.gift-add-block dl:not(:last-child){
	border-bottom: 1px solid var(--gift-success-border);

}
.gift-add-block dl > dt,
.gift-add-block dl > dd{
	width: 50%;
	box-sizing: border-box;
	padding: 0 24px;
}
.gift-add-block dl > dt{ font-weight: bold; }
.gift-add-block dl > dd{
	font-weight: bold;
	color: var(--gift-success-color);
	font-size: 24px;
}
.gift-add-block dl > dd span{
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
	margin-left: 8px;
}
/* ロック & ロック解除 */
.gift-lock-function{
	position: relative;
	padding-top: 160px;
	text-align: center;
	margin-bottom: 32px;
	background: no-repeat center top 36px;
}
.gift-lock-function::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: calc(50% - 45px);
	left: calc(50% - 45px);
	width: 90px;
	height: 90px;
	mask-repeat: no-repeat;
}
.gift-lock-function.is-lock::before{
	background: var(--gift-icon-locked);
	mask-image: url(/image/jp/gift/gift-icon-lock-done.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-lock-done.svg);
}
.gift-lock-function.is-unlock::before{
	background: var(--gift-icon-unlocked);
	mask-image: url(/image/jp/gift/gift-icon-unlock-done.svg);
	-webkit-mask-image: url(/image/jp/gift/gift-icon-unlock-done.svg);
}
.gift-lock-function > p {
	font-size: 16px;
}
/* 送信ボタン */
.btn-gift-send,
.btn-gift-return{
	display: inline-block;
	border-radius: 4px;
	font-weight: bold;
	min-width: 280px;
	outline: none;
	border: none;
	padding: 12px;
	font-size: 16px;
	cursor: pointer;
	transition: var(--btn-main-anim);
}
.btn-gift-send{
	background: var(--btn-primary-bg);
	border: 1px solid var(--btn-primary-border);
	color: var(--btn-primary-text);
}
.btn-gift-send:hover{
	background: var(--btn-primary-bg-hover);
	border: 1px solid var(--btn-primary-border-hover);
}
/* 戻るボタン */
.btn-gift-return{
	background: var(--btn-normal-bg);
	color: var(--btn-normal-text) !important;
	border: 1px solid var(--btn-normal-border);
}
.btn-gift-return:hover{
	text-decoration: none;
}
/* スマートテレビ連携画面 */
.smarttv_alignment_contents input,
.smarttv_alignment_contents button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.smarttv_alignment_contents input[type='submit'],
.smarttv_alignment_contents input[type='button'],
.smarttv_alignment_contents label,
.smarttv_alignment_contents button{
  cursor: pointer;
}

.smarttv_alignment_contents{
	margin: 0 auto;
    width: 100%;
    max-width: 550px;
	text-align: center;
}
.smarttv_alignment_contents *{
	box-sizing :border-box;
}

.smarttv_alignment_error{
	margin: 0 auto 50px;
	color:var(--color-text-error);
	font-weight: bold;
    font-size:1rem;
}

.smarttv_alignment_contents h2{
	padding-bottom:7px;
	margin-bottom: 55px;
	border-bottom:1px solid var(--color-bdr-main);
	font-size:0.88rem;
	display: inline-block;
}

.smarttv_alignment_description{
	margin-bottom: 47px;
	font-size:1.25rem;
}


.smarttv_alignment_form{
	margin: 0 auto;
    width: 200px;
    text-align: left;
}
.smarttv_alignment_form.input_wide{
    width: 315px;
}

.smarttv_alignment_contents .smarttv_alignment_input{
	margin-bottom: 20px;
	padding:10px 10px;
    border:var(--form-input-border);
	background-color: var(--form-input-bg);
    border-radius: 3px;
    width: 200px;
    font-size:1rem;
}
.smarttv_alignment_contents .smarttv_alignment_input.input_wide{
    width: 315px;
}

.smarttv_alignment_contents .smarttv_alignment_label{
	margin-bottom: 5px;
	display: block;
	font-size:0.88rem;
	text-align: left;
}

.smarttv_alignment_contents .smarttv_alignment_btn{
	margin-top: 15px;
	margin-bottom: 50px;
	padding:11px 18px;
    background-color: var(--btn-primary-bg);
    border-radius: 3px;
    color:var(--btn-primary-text);
    font-size:1rem;
    min-width: 180px;
}

.smarttv_alignment_contents .smarttv_alignment_btn:hover{
	background-color:var(--btn-primary-bg-hover);
}

.smarttv_alignment_contents .smarttv_alignment_btn.gray_btn{
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
    background-color: var(--btn-normal-bg);
    border:1px solid var(--btn-normal-border);
    color:var(--btn-normal-text);
    max-width: 230px;
}

.smarttv_alignment_contents .smarttv_alignment_btn.gray_btn:hover{
	text-decoration: none;
	background-color:var(--btn-normal-bg-hover);
	border-color: var(--btn-normal-border-hover);
}

/* ===========================================================
	Modal
=========================================================== */
#loaderModal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--mordal-bg);
	z-index: 100;
  }
  
  #loaderContainer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--mordal-contents-bg);
	padding: 20px;
	border-radius: 5px;
  }
  
  #loaderContainer > .loader {
	border: 4px solid var(--mordal-loader-ling);
	border-top: 4px solid var(--mordal-loader-ling-active);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
	margin: 0 auto;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  #loaderContainer > p{
	margin-top: 24px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
  }
  

/* ===========================================================
	MFA
	Prefix:mfa-
=========================================================== */

.mfa-title{
	margin-bottom: 32px;
}
.mfa-title-sec{
	margin-bottom: 52px;
}
.mfa-title > p:not(:last-child),.mfa-title-sec > p:not(:last-child){
	margin-bottom: 12px;
}
.mfa-title{
	padding-left: 245px;
	background: url(/image/jp/mfa/id_mfa_title1.svg) no-repeat left center;
	margin-top: 16px;
	margin-bottom: 42px;
	background-size: 214px;
}
.mfa-title > h3{
	font-size: 18px;
	margin-bottom: 20px;
}
.mfa-title-sec{
	padding-right: 245px;
	background: url(/image/jp/mfa/id_mfa_title2.svg) no-repeat right center;
}
.mfa-title-sec > h3{
	margin-bottom: 14px;
}

/* MFA Staytus */
.mfa-setting{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid var(--color-bdr-main);
	padding: 24px;
	border-radius: 6px;
	margin-bottom: 80px;
}
.mfa-setting-title{
	font-weight: bold;
	padding-right: 40px;
	margin-right: 40px;
	border-right: 1px solid var(--color-bdr-main);
}
.mfa-status span{
	position: relative;
	display: inline-block;
	/* background-repeat: no-repeat;
	background-position: left center; */
	padding: 4px 0 4px 30px;
}
.mfa-status span::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: calc(50% - 10px);
	left: 0;
	width: 20px;
	height: 20px;
	mask-repeat: no-repeat;
}
.mfa-status span.mfa-on::before{
	background-color: var(--mfa-icon-on);
	mask-image: url(/image/jp/mfa/id_mfa_check_on.svg);
	-webkit-mask-image: url(/image/jp/mfa/id_mfa_check_on.svg);
}
.mfa-status span.mfa-off::before{
	background-color: var(--mfa-icon-off);
	mask-image: url(/image/jp/mfa/id_mfa_check_off.svg);
	-webkit-mask-image: url(/image/jp/mfa/id_mfa_check_off.svg);
}
.maf-action{
	margin-left: auto;
}

.maf-action button{
	border: none;
	background: none;
	color: var(--color-text-link);
	cursor: pointer;
	font-size: 14px;
}

/*TOP*/
.header_login{
	margin-right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header_login_btn{
	display: inline-block;
	padding: 12px 40px;
	border-radius: var(--btn-raidus);
	background: var(--color-content-bg);
    color: var(--color-btn-primary-bg);
    border: 1px solid var(--color-btn-primary-bg);
}
#auth_top main{
	width: 100%;
}
#auth_top #container{
	margin: 0;
	width: 100%;
	padding-top: 0;
	max-width: initial;
	min-width: initial;
}
.hero_section{
	background: var(--color-bg-third);
	padding: 42px 42px 62px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 100px;
}
#auth_top .container{
	max-width: 1000px;
	margin: 0 auto;
}
.hero_img{
	margin-bottom: 42px;
    max-width: 381px;
}
.hero_section .main_catchcopy{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 42px;
	line-height: 1.6;
}
.hero_section .sub_catchcopy{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 42px;
}
.hero_button{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.hero_button .login_button,
.hero_button .signup_button{
	display: inline-block;
	min-width: 200px;
	padding: 12px 40px;
	border-radius: var(--btn-raidus);
	font-weight: bold;
}
.hero_button .signup_button{
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    border: 1px solid var(--btn-primary-border);
}
.hero_button .login_button{
    background: var(--color-content-bg);
    color: var(--color-btn-primary-bg);
    border: 1px solid var(--color-btn-primary-bg);
}

.service_section{
	margin-bottom: 100px;
}
.service_item_title {
	margin-bottom: 42px;
}
.serivice_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.serivice_item{
	width: calc(50% - 12px);
}
.serivice_item_link{
	display: block;
	color: var(--color-text);
	
}
.serivice_item_link:hover{
	text-decoration: none;
	color: var(--color-text);
}
.service_item_header{
	background: var(--color-main-accent3);
	border: 1px solid var(--color-main-accent3);
	padding: 24px;
	transition: background-color .14s linear;
}
.serivice_item_link:hover .service_item_header{
	background-color: #DDE41A;
}

.service_name{
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin-bottom:24px ;
}
.service_detail{
	display: inline-block;
	margin: 0 auto;
	border: 1px solid var(--color-text);
	border-radius: var(--btn-raidus);
	padding: 8px 12px;
}
.service_item_description{
	padding: 24px;
	border-top: 1px solid transparent ;
	border-left: 1px solid var(--color-bdr-main) ;
	border-right: 1px solid var(--color-bdr-main) ;
	border-bottom: 1px solid var(--color-bdr-main) ;
}

.remitee_attention{
	height: 200px;
	overflow: scroll;
	border: 1px solid var(--color-bdr-main);
	padding: 12px;
}

.error_message:empty{
	display: none;
}
.error_message{
	background: var(--payment-error-bg);
	border: 1px solid var(--payment-error-border);
	border-radius: var(--raidus-contents);
	padding: 12px;
	color: var(--color-text-error);
	font-weight: bold;
	margin-bottom: 24px;
}

.remittee_options{
	margin-bottom: 12px;
}
.remittee_options_open{
	margin-bottom: 12px;
}
.remittee_options_btn{
	display: inline-block;
	background: var(--btn-normal-bg);
	border: 1px solid var(--btn-normal-border);
	color: var(--btn-normal-text);
	border-radius: var(--btn-raidus);
    padding: 10px 10px;
}
.remittee_options_btn:hover{
	background: var(--btn-normal-bg-hover);
	border: 1px solid var(--btn-normal-border-hover);
}
.remittee_select_distance{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-top: 24px;
	margin-bottom: 24px;
}
.remittee_select_distance .mail_type_select_input_box{
	width: calc(50% - 12px);
	padding: 0 0 0 12px;

}
.remittee_select_distance .mail_type_select_input_box label{
	display: inline-block;
	padding: 12px 10px;
	cursor: pointer;
}
.sh_common_footer_inner{
	padding: 0 24px;
}
.sh_common_footer_undernav_link ul{
    flex-wrap: wrap;
    justify-content: center;
}
.sh_common_footer_title_logo_img > img{
	width: 180px;
	height: auto;
}