/* 基本のスタイル */
body {
	margin:0;
	padding:0 0 0 10px;
}
p,dl,dt,dd,ul,ol,li,th,td {
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
	line-height:1.4em;
}
dd {
	display:block;
}
ul li {
	list-style:none;
}
table,tr,th,td {
	border-collapse:collapse;
}
a img {
	border:0 none;
}
input,select {
	padding:5px;
	border:1px solid #959595;
}
input:focus{background:#ffdab9;}
select:focus{background:#ffdab9;}
inputPassword:focus{background:#ffdab9;}
button {	padding:10px;}
input[type="text"][disabled] {
	background:#ccc;
	cursor:not-allowed;
	color:#ccc;
}
input[type="radio"] {
	border:0 none;
}
.pagetop_link {
	display:none;
}
.msot_td04 > .form_form1 {

}
/* 基本の装飾 */
.sp{display:none;}
.sp_listitem{display:none;}
.bold {font-weight:bold !important;}
.txtr {text-align:right !important;}
.txtl {text-align:left !important;}
.txtc {text-align:center !important;}
.red {color:#f00 !important;}
.blue {color:#00f !important;}
.cyan {color:#09f !important;}
.darkred {color:#be1c1c !important;}
.pink {color:#f99999 !important;}
.skyblue {color:#66ccff !important;}
.w980 {width:980px !important;}
.w30 {width:30px !important;}
.mgn0 {margin: 0 !important;}
.mgnt0 {margin-top:0px !important;}
.mgnt5 {margin-top:5px !important;}
.mgnt10 {margin-top:10px !important;}
.mgnt20 {margin-top:20px !important;}
.mgnt30 {margin-top:30px !important;}
.mgnt40 {margin-top:40px !important;}
.mgnt60 {margin-top:60px !important;}
.mgnb0 {margin-bottom:0px !important;}
.mgnb5 {margin-bottom:5px !important;}
.mgnb10 {margin-bottom:10px !important;}
.mgnb20 {margin-bottom:20px !important;}
.mgnb30 {margin-bottom:30px !important;}
.mgnb40 {margin-bottom:40px !important;}
.mgnb50 {margin-bottom:50px !important;}
.mgnl0 {margin-left:0px !important;}
.mgnl5 {margin-left:5px !important;}
.mgnl-5 {margin-left:-5px !important;}
.mgnl10 {margin-left:10px !important;}
.mgnl15 {margin-left:15px !important;}
.mgnl20 {margin-left:20px !important;}
.mgnr0 {margin-right:0px !important;}
.mgnr5 {margin-right:5px !important;}
.mgnr10 {margin-right:10px !important;}
.mgnr20 {margin-right:20px !important;}
.padt0 {padding-top:0px !important;}
.padt5 {padding-top:5px !important;}
.padt10 {padding-top:10px !important;}
.padt20 {padding-top:20px !important;}
.padt30 {padding-top:30px !important;}
.padb0 {padding-bottom:0px !important;}
.padb5 {padding-bottom:5px !important;}
.padb10 {padding-bottom:10px !important;}
.padb20 {padding-bottom:20px !important;}
.padb30 {padding-bottom:30px !important;}
.padl0 {padding-left:0px !important;}
.padl10 {padding-left:10px !important;}
.padl15 {padding-left:15px !important;}
.padl20 {padding-left:20px !important;}
.padl30 {padding-left:30px !important;}
.padl80 {padding-left:80px !important;}
.padrl15 {padding-right:15px !important; padding-left: 15px !important;}
.tr_odd {background:#ecf9fd;}
.textsize_m {font-size:18px;}
.textsize_s {font-size:12px;}
.textsize_xs {font-size:10px;}
.textsize_xxs {font-size:8px;}
.clear {clear:both;}
.pointer {cursor:pointer;}
.underline {text-decoration:underline;}
.green { color:#006000;}
.imp {
	background:#ccc;
	padding:3px;
	color:#fff;
	font-size:0.7em;
	font-weight:normal;
}
.moushikomi_title {
	margin:0 0 20px 15px;
}
.moushikomi_title span {
	font-size:16px;
	color:#f33;
	font-weight:bold;
}
.kome li {
	text-indent:-15px;
	padding-left:14px;
}
.kome li:before {
	content:"※";
}
.flr {	float:right;}
.fll {	float:left;}
.required {display:none;}
.hand_only {display:none;}

/* clearfix(クリアフィックス) */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/* ページのレイアウト */
.wrapper {
	width:980px;
}
.header {
	margin:0 0 20px 0;
	background:#09f;
	position:relative;
}
.pc_header {
	background:#09f;
}
.contents {
	float:left;
}
.sidebar {
	float:right;
	width:190px;
}
.formErrorArrow {
	display:none !important;
}

/* ヘッダー */
.header_guide {
	position:absolute;
	right:10px;
	bottom:7px;
}
.header_guide li {
	border-left:1px solid #fff;
	color:#fff;
	font-size:12px;
	display:inline;
	padding-left:10px;
}
.header_guide li i {
	margin-left:8px;
	margin-right:5px;
}
.header_guide li a {
	color:#fff;
	text-decoration:none;
}
.header_guide li a:hover {
	text-decoration:underline;
}
.header_guide01btn {
	border-left:0 none !important;
}
.ms_only a,.ms_only i,.ot_only a,.ot_only i{
	display:none;
}
.bokin_head_gif {
	display:none;
}

.alert_text_area{
	width:777px;
	border:1px solid #000;
	margin:0 0 30px 0;
	position:relative;
}
.alert_text_area p{   
        margin: 10px 15px;
        line-height: 1.4em;
}

/* 募金額をお決めください */
.bokingaku_area {
	width:777px;
	border:1px solid #09f;
	margin:0 0 30px 0;
	position:relative;
}
.bokingaku_wide_area {
	width:900px;
	border:1px solid #09f;
	margin:0 0 30px 0;
	position:relative;
}
.bokingaku_area > .bokingaku_ttl,
.bokingaku_wide_area > .bokingaku_ttl {
	background:#09f;
}
.msot_radio {
	margin:5px auto;
	width:98%;
	background:#e7f5ff;
}
.msot_radio td {
	white-space:nowrap;
	vertical-align:bottom;
}
.msot_radio li {
	padding:15px 0px 15px 40px;
	position:relative;
}
.msot_radio_div01,.msot_radio_div01b {
	position:relative;
}
.msot_radio_div01 > img,.msot_radio_div01b > img {
	position:absolute;
	top:20px;
	left:-5px;
}
.msot_radio_div01 {
	padding:30px 0 30px 50px;
}
.msot_radio_div01b {
	padding:30px 0 20px 50px;
}
.msot_radio_div01 > label {
	position:relative;
	display:block;
}
.msot_radio_div01 > label > img {
	position:absolute;
	left:-8px;
	top:21px;
}
.msot_radio .koujo_txt {
    display: inline-block;
    padding: 0px 50px 20px 50px;
    width: 100%;
    height: 30px;
}
.msot_radio .koujo_txt p {
    position: absolute;
    font-size: 12px;
    line-height: 160%;
    width: 90%;
}
.ms_td04 {
	padding:0 0 20px 0;
}
.ms_td04 input {
	margin-right:5px;
}
.ms_div01 {
	padding:35px 0 20px 30px;
}
.msot_radio_div02 {
	padding:0 0 20px 0;
        width:200px;
}
.msot_radio_div02 select {
	width:160px;
	padding:6px 3px;
}
.msot_td04 {
	padding:0 0 20px 0;
	white-space:normal !important;
}
.msot_radio_div02 select:disabled {
	background:#ccc;
}
.msot_radio_div03 {
	padding:0 10px 20px 0;
	width:110px;
	text-align:right;
}
.msot_radio_div03 input {
	ime-mode: inactive;
}
.ot_td04 {
	padding:10px 0 20px 0px;
}
.ot_td04 > input {
	margin-right:5px;
}
.msot_radio li p {
	display:inline;
}
.msot_radio_li01 {
	border-bottom:1px dotted #ccc;
}

/* お支払い方法をお決めください */
.bokin_creditcard_txt {
	font-weight:bold;
	font-size:15px;
}
.bokin_creditcard_inner {
	margin:0 0 0 30px;
	text-align:left;
}
.bokin_creditcard_inner ul li {
	margin:10px 0;
}
.bokin_creditcard_number input {
	width:190px;
	padding:5px;
	ime-mode: inactive;
}
.bokin_creditcard_expiration li {
	display:block;
	float:left;
	width:240px;
}
.bokin_creditcard_expiration li select {
	width:70px;
	padding:5px;
}
.bokin_creditcard_expiration li p{
	display:inline;
}
.bokin_conveni_inner select {
	padding:5px 0 !important;
}

.bokin_creditcard_single {
	border:1px solid;
}

.bokin_creditcard_single .bokin_creditcard_inner{
	margin:5px 0 5px 60px
}

.bokin_carrier_inner select {
	padding:5px 0 !important;
}

/* お申込み特典 */
.incentive_item_area {
        display:flex;
        padding:10px;
        align-items:center;
}
.incentive_item_area>div:first-child {
        flex-shrink:0;
        width:30%;
        text-align:center;
}
.incentive_item_area>div:first-child img{
        width:80%;
}
.incentive_item_area span{
        display:block;
}

/* すでにオンライン登録済みの方 */
.online_ttl {
	height:40px;
}
.online_ttl_text {
	left:7px !important;
	font-family:meiryo;
	font-weight:bold;
	font-size:16px !important;
	color:#fff !important;
	letter-spacing:1px;
	padding-bottom:2px;
}
.online_ttl_text i {
	color:#fff !important;
	font-size:26px !important;
	vertical-align:bottom;
	margin-right:20px !important;
}
.online_area {
	width:777px;
	border:1px solid #09f;
	margin:0 0 30px 0;
}
.online_ttl {
	background:#09f;
	position:relative;
}
.online_ttl p {
	position:absolute;
	right:5px;
	bottom:5px;
	font-size:12px;
}
.online_ttl a {
	color:#fff100;
}
.online_ttl i {
	color:#fff100;
	margin:0 6px 0 0;
}
.online_txt_center {
	text-align:center;
	margin:10px 0 0 0;
}
.online_area_innnerbox {
	background:#e6f5ff;
	width:600px;
	margin:5px auto;
	padding:10px;
	text-align:center;
}
.online_area_innnerbox table {
	margin:0 auto;
	width:100%;
}
.online_area_innnerbox table td{
	padding:2px 0;
}
.online_area_innnerbox table input{
	width:100%;
	padding:5px;
}
.online_area_innnerbox table input[type="image"] {
	width:auto;
}
.online_area_tblcol01 {
	width:20%;
}
.online_area_tblcol02 {
	width:45%;
}
.online_area_tblcol03 {
	width:35%;
}
.sgift_only {
	display:none;
}

/* 初めての方・ログインしないでお申込される方 */
.orangewaku_area {
	width:777px;
	border:1px solid #ff8400;
	margin:0 0 30px 0;
}
.orangewaku_ttl {
	background:#ff8400;
}
.bokin_inner_tbl {
	margin:5px 2%;
	width:96%;
}
.bokin_inner_tbl th {
	background:#f4e9d8;
	vertical-align:top;
	width:75px;
	font-weight:normal;
	padding:15px 3px;
}
.bokin_inner_tbl th p {
	color:#7e6b5a;
	line-height:1.4em;
}
.bokin_inner_tbl tbody > tr > td > div {
	padding:20px 20px 20px 40px;
}
.bokin_inner_tbl tbody > tr > td > div.firstbox {
	padding-top:30px;
}
.bokin_inner_tbl tbody > tr > td > div.lastbox {
	padding-bottom:30px;
}
.orangewaku_txt {
	padding:10px 0 10px 50px;
}
.orangewaku_txt p {
	margin:10px 0;
}
.pinkbar {
	border-left:10px solid #f99999;
	padding:10px;
}
.bluebar {
	border-left:10px solid #66ccff;
	padding:10px;
}
.greenbar {
	border-left:10px solid #cf9;
	padding:10px;
}
.yellowbar {
	border-left:10px solid #ee7;
	padding:10px;
}
.greybg {
	background:#eee;
}
.whitebg {
	background:#fff;
}
.login_input {
	ime-mode: inactive;
}
.name_flex{
   display: flex;
   flex-wrap: wrap;
}
.name_dl dt,.name_dl dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:5px 0 0 0;
}
.name_dl dt {
	width:40px;
	text-align:right;
	padding-right:5px;
}
.name_dl dd {
	width:400px;
}
.name_dl dd input {
	width:100%;
	ime-mode: active;
}
.orangewaku_seibetsu{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:90px;
}
.seibetsu_ul {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.seibetsu_ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:100px;
}
.seinen_ul {
	margin:10px 0 0 0;
}
.seinen_ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.address_ul {
	margin:10px 0 0 0;
}
.zipnum{
	width:100px;
}
.address_ul span {
	font-size:12px;
}
.address_ul p {
	font-size:10px;
	margin:5px 0;
}
.address_ul i {
	margin:0 5px 0 15px;
	color:#00f;
}
.pref_ul01 li {
	display:inline-block;
}
.pref_ul01 li p {
	display:inline;
}
.pref_ul01 li input {
	ime-mode: active;
}
.pref_ul01 select {
	margin:10px 30px 0 0;
}
.pref_ul01_tatemono input {
	width:300px;
}
.pref_ul01_tatemono p {
	font-size:10px;
	display:block !important;
	margin-top:7px;
}
.address_input01 {
	margin:10px 0 0 0;
	width:285px;
}
.banchi_input {
	margin:10px 0 0 0;
	width:300px;
}
.tel01a {width:150px;}
.tel01b {width:100px;}
.tel01c {width:100px;}
.tel02a {width:150px;}
.tel02b {width:100px;}
.tel02c {width:100px;}
.tel04a {width:150px;}
.tel05a {width:150px;}
.tel06a {width:150px;}
.tel_hosoku {
	background-color:#fff;
	border:1px solid #f99e9d;
	color:#f99e9d;
	margin:5px;
	padding:3px;
	font-size:10px;
	font-weight:normal;
}
.tel_ul li,.mail_ul li {
	margin:10px 0;
}
.tel_ul li p,.mail_ul li p {
	margin:0 0 10px 0;
}
.tel_li {
	width:100%;
	display:inline-block;
}
.tel_li_inner li {
	display:inline;
}
.tel_priority {
	display:none ;
}
.tel_ul01 li {
	display:inline-block;
}
.tel_ul01 li.tel_li {
        margin:10px 0;
}
.tel_ul01 li input {
	margin:0 3px 0 8px;
}
.tel_ul01 li input:first-child {
	margin-left:0;
}
.tel_ul input {
	ime-mode: inactive;
}
.mail_ul input {
	width:400px;
	ime-mode: inactive;
}
.kikkake_ul input {
	width:400px;
	ime-mode: active;
}
.kikkake_ul p {
	margin:0 0 10px 0;
}
.kikkake_ul select {
	margin:0 0 10px 0;
}
.firsttime_midashi {
	font-weight:bold;
}

/* サイドバー */
.side_inquiry_img {
	margin-bottom:20px;
}
.side_setsumei_img {
	margin-bottom:10px;
}
.sidebar > .sidebar_dona_sample > p {
	font-size:13px;
	color:#09f;
	margin:0 5px 5px 80px;
	line-height:1.3em;
	width:100px;
}
.side_ttlpic {
	margin-bottom:5px;
}
.side_donapic{
	float:left;
	margin:0 5px 20px 0;
}
.sidebar_bottom_txt {
	clear:both;
	margin-top:40px;
}
.sidebar_bottom_txt li {
	font-size:8px;
	text-indent:-10px;
	padding-left:8px;
	color:#606060;
}
.sidebar_bottom_txt li:before {
	content:"※";
}
.sidebar_dona_sample {
	display:none;
}


/* アコーディオンメニュー */
.accr_left {
	float:left;
	width:75%;
}
.accr_right {
	width:20%;
	position:absolute;
	right:0;
	top:50px;
}
.accr_left dl {
	margin:10px;
	border-top:1px solid #999;
}
.accr_left dl dt{
	border:1px solid #999;
	border-top:0 none;
}
.houhou_accr01 dt,.houhou_accr02 dt {
	display:block;
	cursor:pointer;
	background:#e7f5ff;
	padding:5px;
}
.houhou_accr01 dd,.houhou_accr02 dd {
	display:none;
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:20px 0;
}
.houhou_accr01 dd > div,.houhou_accr02 dd > div {
	padding:0 85px;
}
.securitytxt {
	font-size:10px;
}
.accr_bottom {
	border-bottom:1px solid #999;
}

/* 支払い方法のアコーディオン */

.payment_accr dl.acordion{
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px solid #ccc;
}
.trigger a{
	display:block;
	padding:15px;
	text-decoration:none;
	color:#606060;
}

.py_payment2 a{
	display:block;
	padding:15px;
	text-decoration:none;
	color:#606060;
}

.payment_accr dt.trigger {
	display:block;
	padding:5px;
	cursor:pointer;
	background:#f8f8f0;
	text-align:left;
	border-bottom: 1px solid #ccc;
	color: #606060;
	margin-bottom:0;
	font-size:14px;
	clear:both;
}

.payment_accr dt.trigger span.open-close {
	background:url(/webapp/img/common/icon_radio_select.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;
	text-indent: -9999em;
	/* margin-right:10px; */
}
.payment_accr dt.active span.open-close {
	background:url(/webapp/img/common/icon_radio_check.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;}
.payment_accr dd.acordion_tree{
	background-color:#ddd;
	border: 1px solid #CCC;
	border-top:none;
}

.payment_accr input{
	margin-right:4px;
}

dt.trigger.d-none {
    display: none !important;
}

/* 各種変更のアコーディオン */

.custom_accr dl.acordion {
	margin-top:0px;
	margin-bottom:10px;
}
.trigger a {
	display:block;
	padding:15px;
	text-decoration:none;
	color:#606060;
}
.custom_accr dt.trigger {
	display:block;
	padding:5px;
	cursor:pointer;
	text-align:left;
	color: #606060;
	margin-bottom:0;
	font-size:14px;
	clear:both;
}

.custom_accr dt.trigger span.open-close {
	background:url(/webapp/img/common/icon_radio_select.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;
	text-indent: -9999em;
	}
.custom_accr dt.active span.open-close {
	background:url(/webapp/img/common/icon_radio_check.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;}

.custom_accr ul.py_payment2 {
	display:block;
	padding:5px;
	cursor:pointer;
	text-align:left;
	color: #606060;
	margin-bottom:0;
	font-size:14px;
	clear:both;
}

.custom_accr ul.py_payment2 span.open-close {
	background:url(/webapp/img/common/icon_radio_select.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;
	text-indent: -9999em;
}

.custom_accr ul.active span.open-close {
	background:url(/webapp/img/common/icon_radio_check.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;
}

.custom_accr dd.acordion_tree {
	background-color:#ddd;
}

.custom_accr input {
	margin-right:4px;
}
.custom_accr01 {
	padding:10px 0;
}
.custom_accr01 .bokin_creditcard_inner {
 	padding:30px 90px;
}

/* 確認画面へボタン */
.bokin_btnarea {
	text-align:center;
}
.bokin_btnarea img {
	margin:auto;
}
/* 募金画面のフッター */
.bokin_footerarea p {
	text-align:center;
	margin:10px 0;
	line-height:1.4em;
}
.henko_btn_area {
	margin:10px 10px 10px 30px;
}
.henko_btn_area p {
	font-size:14px;
	display:inline-block;
}
.henko_btn_area > div {
	width:150px;
	display:inline-block;
	margin:0 10px 0 0;
}

.red01 {
    color: #f00 !important;
    margin: 15px 0 0 15px;
}
/*------------------------------------------
		ワンタイム入力画面
------------------------------------------*/
.ot_div01a {
	padding:10px 0px 0px 50px;
	line-height:1.4em;
}
.ot_div01a p {
	margin:10px 0;
}
.ot_div01b {
	padding:0 10px 20px 50px;
	width:70px;
}
.ot_div02 {
	padding:0 10px 20px;
	width:140px;
}
.ot_div02 select {
	width:160px;
}



/*------------------------------------------
		ログイン済みページ
------------------------------------------*/
/* ログイン後のご支援者様情報 */
.userinfo_login_inner {
	padding:20px;
}
.userinfo_login_tbl {
	width:100%;
}
.userinfo_login_tbl th,.userinfo_login_tbl td {
	border:1px solid #3C8694;
	padding:5px 20px;
}
.userinfo_login_tbl th {
	font-weight:normal;
	text-align:left;
}
.userinfo_changebtn {
	margin:10px 0 30px 30px;
}
.userinfo_changebtn input {
	display:inline;
	border-radius:2px;
	border:1px solid #999;
	width:10em;
	padding:3px;
	letter-spacing:2px;
	*letter-spacing:1px;
}
.userinfo_changebtn p {
	display:inline;
}

/*------------------------------------------
		確認画面
------------------------------------------*/
.h1_midashi01 {
	font-size:24px;
}
.h1_midashi01 > i {
	color:#09f;
	margin-right:8px;
	font-size:30px;
}
.confirm_txtarea {
	margin:0 0 20px 15px;
}
.confirm_txtarea p span {
	color:red;
	font-weight:bold;
	font-size:18px;
}
.confirm_info {
	width:777px;
}
.confirm_info_tbl,.confirm_info_tbl02 {
	width:100%;
	margin-bottom:20px;
}
.confirm_info_tbl th,.confirm_info_tbl td,.confirm_info_tbl02 th,.confirm_info_tbl02 td {
	border:1px solid #3C8694;
	padding:5px 20px;
}
.confirm_info_tbl th,.confirm_info_tbl02 th {
	font-weight:normal;
	text-align:left;
	width:33%;
}
.confirm_info_tbl td,.confirm_info_tbl02 td {
	width:67%;
}
.confirm_bokingaku {
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
}
.confirm_footerarea {
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.confirm_nb_txt li {
	margin:0 0 8px 20px;
}
.confirm_email_txt li {
	margin:5px 6px;
}
.confirm_page table td {
	word-break:break-all;
}

/*------------------------------------------
		ネットバンキング各画面
------------------------------------------*/
.netbank_etc_text {
	margin:-20px 0 0 64px;
	width:625px;
	padding:20px 11px;
	text-align:center;
}

/*------------------------------------------
		完了画面（ワンタイム）
------------------------------------------*/
.complete_area {
	border:2px solid #03c;
	background:#B3DBFF;
	width:625px;
	padding:10px;
	margin-left:64px;
}
.complete_text {
	margin:-20px 0 0 64px;
	width:625px;
	padding:20px 11px;
}
.complete_text p i {
	margin-right:5px;
	color:#09f;
	font-size:1.5em;
	font-weight:normal;
}
.complete_text p {
	font-size:1.3em;
	font-family:meiryo;
	font-weight:bold;
}
.complete_text_ms {
	margin:-20px 0 0 0px;
	width:625px;
	padding:20px 11px;
}
.complete_text_ms p i {
	margin-right:5px;
	color:#09f;
	font-size:1.5em;
	font-weight:normal;
}
.complete_text_ms p {
	font-size:1.3em;
	font-family:meiryo;
	font-weight:bold;
}
.complete_area img {
	float:right;
}
.complete_area p {
	margin:12px 0;
	color:#000;
	line-height:1.5em;
}
.complete_date {
	text-align:right;
}
.complete_num {
	text-align:right;
	font-weight:bold;
}
.complete_num span {
	color:red;
	font-weight:normal;
}
.social_btn {
	padding:10px;
	clear:both;
    margin: 0 auto;
    display: block;
    width: 250px;
    height: 120px;
}

.social_btn_center {
	margin: 15px;
    display: inline-flex;
	align-items: center;
}

.social_btn p {
	color:#000;
}

.social_btn ul {
	text-align: center;
}

.center{
	display:block;
	text-align: center;
}

/* SNSボタンCSS */
@font-face {
  font-family: 'sns_icon';
  src:  url('/webapp/fonts/sns_icon.eot?dhs1wq');
  src:  url('/webapp/fonts/sns_icon.eot?dhs1wq#iefix') format('embedded-opentype'),
    url('/webapp/fonts/sns_icon.ttf?dhs1wq') format('truetype'),
    url('/webapp/fonts/sns_icon.woff?dhs1wq') format('woff'),
    url('/webapp/fonts/sns_icon.svg?dhs1wq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sns_icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-line:before {
	content: url(/webapp/img/common/icon-X-twitter_2023.png);
	display: inline-block;
	padding-right: 5px;
	transform: scale(0.4);
}
.icon-facebook:before {
  content: url(/webapp/img/common/icon-X-twitter_2023.png);
  display: inline-block;
  padding-right: 5px;
  transform: scale(0.4);
}
.icon-instagram:before {
	content: url(/webapp/img/common/icon-X-twitter_2023.png);
	display: inline-block;
	padding-right: 5px;
	transform: scale(0.4);
}
.icon-twitter:before {
	content: url(/webapp/img/common/icon-X-twitter_2023.png);
	display: inline-block;
	padding-right: 5px;
	transform: scale(0.4);
}
.icon-youtube:before {
	content: url(/webapp/img/common/icon-X-twitter_2023.png);
	display: inline-block;
	padding-right: 5px;
	transform: scale(0.4);
}


.facebook a{
    position:absolute;
    padding-top:10px;
    padding-left:2px;
}

.c-sns-nav01-facebook {
	background-image: url(/webapp/img/common/icon-facebook_2023.png);
    background-size: contain;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 10px 10px;
	float: left;
}

.c-sns-nav01-twitter {
	background-image: url(/webapp/img/common/icon-X-twitter_2023.png);
    background-size: contain;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 10px 10px;	
	float: left;
}


.c-sns-nav01-instagram {
	background-image: url(/webapp/img/common/icon-instagram_2023.png);
    background-size: contain;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 10px 10px;
	float: left;
}


.ms_complete_btnarea .complete_btnarea {
	width:650px;
	margin-left:0px;
	margin-top:20px;
	text-align:center;
}

.complete_btnarea {
	width:650px;
	margin-left:64px;
	margin-top:20px;
	text-align:center;
}
.complete_btnarea ul {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom:20px;
	width: fit-content;
}
.complete_btnarea li {
	display:inline-block;
	padding:5px;
	margin:0px 0px 0px 0px;
}
.complete_txtlink li {
	padding:20px 30px 30px 30px;
}
.complete_online_touroku {
	border:2px solid #00a1e9;
	padding:20px;
	margin:20px 0;
}
.complete_online_touroku h4 {
	font-weight:normal;
	color:#365bb3;
	width:350px;
	padding:2px;
	margin:0 auto 20px;
}
.complete_online_touroku p {
	color:#000;
	text-align:center;
}

/* --------------------------------
	募金完了画面下部のボタン類
-------------------------------- */
.complete_btnarea_btn li {
	text-align:center;
	margin:10px;
}
.complete_btnarea_btn li a {
	border:1px solid #9c9c9c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b3cadf), color-stop(0.00, #E5EDF4));
	background: -webkit-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: -moz-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: -o-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: -ms-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: #b3cadf\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:10px;
	text-decoration:none;
	color:#003;
	font-weight:normal;
	font-size:14px;
	width:150px;
	display:block;
}
.complete_btnarea_btn li a:hover {
	background:#E5EDF4;
}
.complete_inner_btnarea li {
	width:200px;
	display:inline-block;
	margin:0 30px;
}
.complete_online_btn {
	width:300px;
	margin:auto !important;
        background: -webkit-linear-gradient(top, #4cb7ff 0%, #0089e5 100%)!important;
        background: -ms-linear-gradient(top, #4cb7ff 0%, #0089e5 100%)!important;
        background: -moz-linear-gradient(top, #4cb7ff 0%, #0089e5 100%)!important;
        color: #fff!important;
}
.complete_online_btn > a {
	color:#fff!important;
        text-shadow:0px 0px 5px rgba(0,0,0,0.5);
        text-decoration:none;
        display:block;
        padding:15px;
}

/*------------------------------------------
		完了画面（マンスリー）
------------------------------------------*/
.complete_ms_area {
	width:640px;
}
.complete_ms_area h4 {
	background:#ffc;
	font-weight:normal;
	padding:10px;
	text-align:center;
	font-size:1em;
	border-bottom:1px solid #461217;
	clear:both;
}
.complete_ms_area p {
	color:#000;
	line-height:1.5em;
	margin:10px 0;
}
.complete_ms_area .flo_r {
	float:right;
}
.complete_ms_area .flo_l {
	float:left;
}
.complate_ms_inqarea img {
	float:right;
	margin-left:5px;
}

/* ----------------------------
		オンライン登録
---------------------------- */
.brownwaku_area {
	width:978px;
	border:1px solid #659bff;
	margin:0 0 30px 0;
}
.brownwaku_ttl {
	background:#659bff;
}
h3.itemttl {
	font-weight:normal;
	font-size:14px;
	padding-left:20px;
}
.online_bottom_txt{
    width: 70% !important;
}
.online_bottom_txt li {
	text-align:left;
	display:block;
	color:#000;
}
.online_leftbtn_group .btncyan,.btncyan2 a {
	font-size:14px;
	letter-spacing:0.2px;
}


/* ----------------------------
オンライン登録のレスポンシブボタン（PC表示）
---------------------------- */
.btnpreview, .btnentry {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fb9e26), color-stop(0.00, #ffc476));
	background: -webkit-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -moz-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -o-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -ms-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: #fb9e26\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	margin:10px 0;
	font-weight:bold;
}
.btnpreview:hover {
	background:#ffc476;
}
.btnstd {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cccccc), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background:#cccccc\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	margin:25px 0 10px 0;
	font-weight:bold;
}
.btnstd:hover {
	background:#eee;
}
.btncyan {
	font-size:14px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0089e5), color-stop(0.00, #4cb7ff));
	background: -webkit-linear-gradient(top, #4cb7ff 0%, #0089e5 100%);
	background: -moz-linear-gradient(top, #4cb7ff 0%, #0089e5 100%);
	background: -o-linear-gradient(top, #4cb7ff 0%, #0089e5 100%);
	background: -ms-linear-gradient(top, #4cb7ff 0%, #0089e5 100%);
	background: linear-gradient(top, #4cb7ff 0%, #0089e5 100%);
	background:#0089e5\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	margin:25px 0 10px 0;
	font-weight:bold;
}
.btncyan:hover {
	background:#4cb7ff;
}
.btncyan2 {
        font-size:14px;
        color: #fff;
        border: 2px solid #4cb7ff;
        border-radius: 6px;
	text-align:center;
	margin:25px 0 10px 0;
	font-weight:bold;
}
.btncyan2:hover {
        background: #f0f8ff;
}
.btnpreview a, .btnentry a, .btnstd a { color:#000; text-decoration:none; display:block; padding:15px;}
.btncyan a { color:#fff; text-decoration:none; display:block; padding:15px; text-shadow:0px 0px 5px rgba(0,0,0,0.5);white-space:nowrap;}
.btncyan2 a { color:#4cb7ff; text-decoration:none; display:block; padding:13px; white-space:nowrap;}
input.btnstd {width:100%; display:block; padding:10px; border:1px solid #CCC;}
.btnconfirm{
font-size:16px;
letter-spacing:1px;
}
.btnconfirm i{
font-size:1.4em;
vertical-align:middle;
}
.online_btnarea01 {
	position:relative;
	height:100px;
	text-align:center;
}
.online_btnarea01 li{
	display:inline-block;
	width:45%;
	padding:10px;
	box-sizing:border-box;
}
.online_btnarea01a {
	position:absolute;
	left:70px;
	top:25px;
}
.online_btnarea01a div {
	margin-top:0;
}
.online_btnarea01b {
	position:absolute;
	right:0px;
	top:10px;
}
.online_btnarea01b img {
	float:left;
	display:inline-block;
}
.ssl_text_area {
	float:left;
	font-size:10px;
	text-align:left;
	margin:20px 20px 0 0 !important;
	display:inline-block;
}
/* 完了画面下のボタン */
.online_btnarea02 button{
    margin: 10px;
    text-decoration: none;
    font: normal 0.7em meiryo; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #003;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#E5EDF4), to(#b3cadf) );
    background: -moz-linear-gradient(-90deg, #E5EDF4, #b3cadf);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5EDF4', endColorstr='#b3cadf');
    background:-ms-linear-gradient(top, #E5EDF4, #b3cadf); /* IE */
}

.online_btnarea02 button, .online_btnarea02 button span{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.online_btnarea02 button span{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

/* The background pattern */

    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

/* Pattern settings */

    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
}

.online_btnarea02 button:hover{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);

    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
    background:-ms-linear-gradient(top, #4477a1, #81a8cb); /* IE */
}

.online_btnarea02 button:active{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
    background: #4477a1;
}
.online_btnarea02,.online_btnarea03 {
	text-align:center;
	margin:30px;
}
.online_btnarea02 button {
	min-width:180px;
}
.online_btnarea03 li {
	display:inline-block;
	margin:0 20px;
	min-width:150px;
}


/* ----------------------------
	メルマガ登録画面
---------------------------- */
@media screen and (min-width: 1001px)  {
	.single_resp_spheader{
		display:none;
	}
}
.mailmaga_input {
	border:1px solid #09f;
	color:#09f;
	padding:5px;
	font-size:2em;
	text-align:center;
	font-weight:normal;
	letter-spacing:5px;
	margin:10px 0 20px;
}
.mailmaga_input > i{
	padding:0 5px;
}
.entrybox {
	background-color: #FFF0DA;
    height: auto;
    width:100%;
    box-sizing:border-box;
    margin-top: 20px;
    padding: 5px 30px 20px;
}

.entrybox form {
	margin: 0;
}

.mlmaga_input01 {
	padding:7px;
	margin-left:30px;
	width:70%;
}

.backnumber {
}
.backnumber a {
	display:inline;
	margin:0;
	padding:0;
}
.input_hosoku_text{
	margin:15px 0 0 0;
}
.entrybox > p {
	margin:5px 0 3px 0;
}
.entrybox > span {
	font-size:14px;
}
.input_name{
	color:#333 !important;
	padding-left:10px;
	font-weight:bold;
}
.input_mail{
	color:#333 !important;
	padding-left:10px;
	font-weight:bold;
}
.input_caption{
	color:#333 !important;
	padding-left:5px;
	font-weight:bold;
}
.ninni1{
	display:inline;
	background-color:#f99999;
	padding:3px;
	color:#fff;
	font-size:10px;
}
.ninni2{
	display:inline;
	background-color:#66ccff;
	padding:3px;
	color:#fff;
	font-size:10px;
}
.input_caption{
	display:inline-block;
	padding:3px 3px 3px 10px;
	width:8em;
}
.mlmaga_input_nameul li,.mlmaga_input_telul li {
	display:inline-block;
}
.mlmaga_input_nameul {
	margin-left:40px;
}
.mlmaga_input_telul {
	margin-left:40px;
}
.input_text_name{
	margin:0 10px 5px 0;
	padding:7px;
}
.input_text_tel{
	margin:0 3px;
	padding:7px;
}
.input_text_tel_small{
	padding:7px;
}
.mgnr{
	margin-right:14px;
}
.w95{
	width:95%;
}
.mail_touroku_btn{
	width:100%;
	margin:10px 0 0 0;
	height:30px;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
	border-radius:5px;
	-webkit-appearance: none;
	border:1px solid #ffc577;
	text-shadow: 1px 1px 2px #ff8400;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff8400), color-stop(0.84, #ff8400), color-stop(0.00, #ffbf6d));
	background: -webkit-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -moz-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -o-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -ms-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	border-radius: 6px;
}
.entrybox > .mailmaga_input_h2 {
	color:#dd9311;
	font-size:16px;
	font-family:meiryo;
	letter-spacing:1px;
	background:#FFF0DA !important;
	margin-top:15px;
}
.cap{font-size:73%;line-height:150%}
.entrybox {
	clear:both;
}
.entrybox input[type="email"]{
	margin-left:40px;
	padding:7px;
}
.mlmaga_ifm {
	float:right;
	margin:0 0 10px 20px;
	width:420px;
	height:180px;
}
.mlmaga_name_attention {
	margin:20px 30px 10px !important;
}
.online_contents > .pnkz li {
	display:inline-block;
	font-size:11px;
	margin:10px 0 0 0;
}


/* ---------------------------------
	メルマガ完了画面
--------------------------------- */
.thankyoumail_area {
	text-align:center;
	margin:30px 0;
}
.thankyoumail_area p {
	font-size:17px;
	font-family:meiryo;
	color:#1876c1;
	font-weight:bold;
}
.thankyoumail_area p i {
	font-size:30px;
	font-weight:normal;
}
.mlmaga_complete_hr {
	border-top:5px dotted #09f;
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
	width:80%;
	margin:0 auto 30px;
}



/* ---------------------------------
	メルマガ配信停止画面
--------------------------------- */
.mlmaga_kihi p{font-family:meiryo !important;line-height:1.6em !important;}
.kojin_sp {
	display:none;
}
/* メインコンテンツ */
.main_contents_kihi{
clear:both;
}
.main_contents_kihi h1{
background:#339 !important;
color:#fff;
padding:10px;
font-size:18px;
font-weight:bold;
}
.haishinteishi_tbl{
width:100%;
border-collapse:collapse;
}
.haishinteishi_tbl th{
border:1px solid #09f;
padding:10px;
background:#d0ecff;
text-align:left;
font-weight:normal;
width:330px;
}
.haishinteishi_tbl td{
border:1px solid #09f;
padding:10px;
}
.haishinteishi_tbl td label{
display:block;
}
.haishinteishi_tbl td ul{
padding-left:30px;
}

/* ページ下部ボタン */
.haishin_teishi_btn{
	border:0 none;
	border-radius:5px;
	color:#FFF;
	padding: 10px 0;
	font-weight:bold;
	text-shadow:1px 1px 2px #666;
	width: 150px;
	margin:20px;
	background:#888;
}
.haishin_teishi_btn:hover{
	background:#aaa;
}
.haishin_teishi_btnarea{
position:relative;
text-align:center;
}

.haishinteishi_emailinput{
width:95%;
}
.haishinteisi_sslarea{
position:absolute;
right:0;
top:10px;
}
.haishin_teishi_btnarea_attention{
text-align:left;
}
/* フッター */
.haishin_teishi_fotter{
position: relative;
overflow: hidden;
border-top:1px solid #09f;
clear:both;
}
.haishin_teishi_fotter ul{
position: relative;
left: 50%;
float: left;
padding:15px 0;
}
.haishin_teishi_fotter ul li{
position: relative;
left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
float: left;
list-style: none;
border-left:1px solid #09f;
padding:0 50px;
}
.haishinteisi_sslarea{
text-align:center;
}
.haishinteisi_sslarea p{
font-size:10px;
float:right;
padding-left:10px
}

.haishin_teishi_fotter ul li:first-child{
border-left:0 none;
}
.attention{
margin:0;padding:0;
color:#F00;
text-align:left;
display:block;
}
.teishi_formtxt{
text-align:left;
margin:0;
}
.haishinteishi_check label input[type=checkbox]{
    height:20px;
    width:20px;
    vertical-align: middle;
    padding-right:5px;
  -moz-transform-origin: right middle;
  -moz-transform: scale( 1.2 , 1.2 );
}
.teishi_thanks_madress {
	text-align:left;
	margin-left:30px !important;
}
.haishinteishi_tbl td li {
	list-style:disc;
	margin-left:15px;
}

/* ----------------------------
		募金誘導
---------------------------- */
.ot_monthly_wrap{
	background-image:url(/webapp/img/bokin/img_bokin_thanks04.jpg);
	background-size:auto 479px;
	width:650px;
	height:479px;
	position:relative;
	z-index:10;
	border:7px solid #ccc;
}
.ot_monthly_txtarea{
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	-ms-filter: "alpha(opacity=80)";
	position:absolute;
	width:400px;
	height:200px;
	padding:10px;
	top:30px;
	right:6px;
	padding:10px;
	z-index:100;
}
.ot_monthly_txtarea h4{
	font-size:17px;
	text-decoration:none;
	font-weight:bold;
	margin-top:23px;
	margin-bottom:26px;
}
.ot_monthly_txtarea p{
	font-size:14px;
	line-height:1.4em;
	margin:14px 0;
}
.ot_monthly_txtarea img{
	float:left;
	margin:20px;
}
a img {
	border:0 none;
}
.ot_monthly_txtarea a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.ot_monthly_btn {
	position:absolute;
	bottom:65px;
	right:0px;
	z-index:100;
}

.induction_wrapper {
    position: relative;
    margin: 0 auto;
    width: 680px;
}

#lbox_area {
	display:block;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	width:100%;
	height:2730px;
	z-index:1000;
}
#disp_area {
	background-color:#fff;
	border:0 none;
	position:absolute;
	top:150px;
	left:0;
	z-index:1001;
	margin:0 auto;
	width:650px;
	height:493px;
}
#disp_area .close_btn {
	position:absolute;
	right:-22px;
	top:-8px;
	cursor:pointer;
	z-index:100;
}
#disp_area img {
	border:0 none;
}

/* ボタン */
.btnp {
	font-family: "Hiragino Kaku Gothic ProN","meiryo","メイリオ", sans-serif;
	font-size:16px;
	text-shadow:1px 1px 3px #666;
	color: #FFF;
	padding:15px 10px 0;
	border-radius:10px;
	float:left;
	margin:60px 15px 0 10px;
	text-align:center;
	width:182px;
	height:104px;
	line-height:1.5em;
}
.yes_no {
	font-size:24px;
	padding:6px;
	display:inline-block;
}
.btnp a {
	text-decoration:none;
	color:#fff;
}
.y_btn {
	background:url(/webapp/img/bokin/y_btn.gif) no-repeat left bottom transparent;
}
.n_btn {
	background:url(/webapp/img/bokin/n_btn.gif) no-repeat left bottom transparent;
}
a:hover .y_btn {
	background:url(/webapp/img/bokin/y_btn.gif) no-repeat left top transparent;
}

a:hover .n_btn {
	background:url(/webapp/img/bokin/n_btn.gif) no-repeat left top transparent;
}

.kinkyu_monthly_attention2 {
    font-size: 11px;
    text-align: center;
}

ul.kinkyu_monthly_attention2 {
	list-style:none;
	color:#fff;
	font-size:12px;
	position:absolute;
	bottom:0;
	left:10px;
	padding:0 0 12px 30px;
}
ul.kinkyu_monthly_attention2 li {
	margin:5px 0 0 0;
	text-indent:-16px;
	color:#fff;
	font-size:12px;
	line-height:1em;
}

/*　パスワード　*/
.ol_remind_ol {
	margin-left:20px;
	counter-reset: li;
	list-style: none;
	padding-left: 0;
}
.ol_remind_ol > li {
	position: relative;
	margin-bottom: .5em;
	padding-left: 2em;
	margin:20px;
}
.ol_remind_ol > li:before {
	content: counter(li) "";
	counter-increment: li;
	position: absolute;
	left: 0;
	width: 18px;
	height: 18px;
	background: #C87E1E;
	border-radius: 50px;
	color: #fff;
	line-height: 1.6em;
	text-align: center;
	font-size:12px;
}


.ol_remind_waku table {
	margin:auto;
}
.ol_remind_waku th,.ol_remind_waku td {
	border:1px solid #ccc;
	padding:10px;
}
.ol_remind_waku th {
	background:#e4f4ff;
	text-align:left;
	font-weight:bold;
}
.ol_remind_waku ul li {
	display:inline-block;
}
.ol_remind_waku ul li input {
	margin:0 15px 0 5px;
}
.ol_remind_waku > table > tbody > tr > td {
	vertical-align:bottom;
}
.ol_remind_mailinput {
	width:98%;
	margin-right:15px;
	box-sizing:border-box;
}
.ol_remind_p {
	margin:20px 30px !important;
}

/* トグルスイッチ風ラジオボタン */
.toggle_radio {
	clear:both;
}
.toggle_radio > span {
	display:block;
	padding:10px;
}
.toggle_radio p {
	float: left;
	margin-right:10px;
	width:290px;
}
.toggle_radio input {
	display: none;
}
.toggle_radio label{
	display: block;
	float: left;
	cursor: pointer;
	width: 90px;
	margin: 0;
	padding: 10px;
	background: #bdc3c7;
	color: #869198;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.toggle_radio label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.toggle_radio label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.toggle_radio input[type="radio"]:checked + .switch-on {
	background-color: #5cbf1d;
	color: #fff;
}
.toggle_radio input[type="radio"]:checked + .switch-off {
	background-color: #e67168;
	color: #fff;
}
.toggle_radio_desc{
        width:450px !important;
}
/* ------------------------------------
 ハンドインハンド
------------------------------------ */
.bluewaku_area {
	width:777px;
	border:1px solid #09f;
	margin:0 0 30px 0;
}
.bluewaku_ttl {
	background:#09f;
	position:relative;
}

.moushikomisya_name {
	display:none;
}

/*ログインエリア　外字*/
.gz_message{
    padding: 5px;
    background: rgba(243, 11, 39, 0.23);
    border: thin solid #f0102a;
    margin-bottom: 2px;
}
.gz_message > p{
    color: red;
}

/* ------------------------------------
 法人ワンタイム
------------------------------------ */
/* 個人でのお申込みはこちら */
.kojin_hojin_button {
}
.kojin_hojin_button:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.kojin_hojin_button a {
	display: block;
	float: right;
}
.kojin_hojin_button p {
	float: left;
}
/* 法人格 */
.shamei_ul {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.shamei_ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:90px;
}

/*ネットバンキング法人化対応*/
/**************************************/
/* 「法人格のご記入は不要です」画像 */
.houjinkaku_txt_box {
	position: relative;
}
.houjinkaku_txt_box img {
	position: absolute;
	top: 50px;
	right: 60px;
}

.houjinkaku_txt_box_sfa {
	position: relative;
}
.houjinkaku_txt_box_sfa img {
	position: absolute;
	top: 50px;
	right: -15px;
}

/* 「領収書の送付先となります。」画像 */
.ryosyusyo_txt_box {
    position: relative;
}
.ryosyusyo_txt_box img {
    position: absolute;
    top: 15px;
    right: 60px;
}

.ryosyusyo_txt_box_sfa {
    position: relative;
}

.ryosyusyo_txt_box_sfa img {
    position: absolute;
    top: 15px;
    right: -15px;
}

/* IMEモード */
.houjin_ime input {
	ime-mode: active;
}

.houjin_ime_sfa input {
    ime-mode: active;
    width:75%;
}
/**************************************/
th.bottle_area > div {
	display: table-cell;
	vertical-align: top;

}

th.bottle_area > p {
	float: none !important;
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}
th.bottle_area > p img {
	width: 80%;
	height: auto;
}

/* トートバッグキャンペーン対応 */
th.tote_area > div {
	display: table-cell;
	vertical-align: middle;

}

th.tote_area > p {
	float: none !important;
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}
th.tote_area > p img {
	width: 140%;
	height: auto;
}

/*optimizely#018対応*/
#optEdit .sidebar{
  display: none;
}
#optEdit .wrapper {
  width: 980px;
  margin: 0 auto;
}
#optEdit .contents {
    float: initial;
    margin: 0 auto;
    width: 779px;
}
#optEdit .header {
    margin: 0;
}
#optEdit #optKeyVisualBlock {
    margin: 0 0 20px 0;
}
#optEdit #optKeyVisualBlock img {
    width: 100%;
}


/* フォーム確認画面 */
.incentive_item_area > p {max-width: 180px;}
.incentive_item_area > p img {width: 100%; height: auto;}

.explanation_card_save {font-size:11px;}

/* 21/11/29 amazon pay 追加による修正 */
@media screen and (min-device-width: 600px) {
	.bar_add {
		position: relative;
	}
	.bar_add:before {
		position: absolute;
	  content: "";
		top: 0;
		left: 0;
		width: 9.5px;
	  height: 100%;
		z-index: 1;
	}
	.bar_add.bar_add-pink:before {
	  background-color: #f99999;
	}
	.bar_add.bar_add-blue:before {
	  background-color: #66ccff;
	}
	.bluebar {
		position: relative;
		z-index: 2;
	}
}
#AmazonPayButton {
	max-width: 360px;
	width: 100% !important;
	height: 60px !important;
  margin: 0 auto;
	padding: 0;
}
.sgift_input_area #AmazonPayButton { margin-bottom: 30px; }
#amazon_name, #amazon_email {
	margin-top: 5px;
}
#amazon_address > p {
	margin: 5px 0;
}
#change_amazon_address_btn {
	margin-top: 10px
}
#change_amazon_address_btn a {
	display: inline-block;
	border-radius: 100vh;
	background-color: #3bb113;
	padding: 4px 10px 4px 15px;
	color: #fff;
	text-decoration: none;
}
#change_amazon_address_btn a span {
	padding-left: 5px;
}
#change_amazon_address_btn a:hover {
	opacity: 0.75;
}

.address_input{
    width: 300px;
}

.privacy_policy_checkbox_pc input{
	vertical-align: -0.115em;
        display:inline-block;
        transform: scale(1.5, 1.5);
        margin-right:20px !important;
}

.privacy_policy_checkbox_sp input{
        display:inline-block;
        transform: scale(1.5, 1.5);
        margin-right:20px !important; 
        margin-top:5px !important;
}
.privacy_policy_checkbox_sp{
        display:flex;
        align-items: start;
        justify-content: center;
        width: 90%;
        margin: 0 auto;    
}
.privacy_policy_checkbox_sp p{
        display:inline-block;
        text-align: left;
        line-height: 1.2;
}
.login_hold_area_sp {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.login_hold_area_sp label{
    width: fit-content;
}
.login_hold_area_sp input#hold_login{
    display: block;
    width: fit-content;
    margin: 0 0 0 10px !important;
}

/* 賛助会員 */

.kaiin_div01 {
	padding:20px;
	width: 50%;
}

.kaiin_div02 {
	padding:20px;
}

.kaiin_div03 {
	padding:20px;
	vertical-align: bottom;
	height:100%;
}

.kaiin {
	margin: 5px auto;
    width: 98%;
	background: #e7f5ff;
}

.kaiin td {
	white-space: nowrap;
}

.external_placeholder_bokin {
    margin: 5px 0 0 10px !important;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
}

.external_placeholder_bokin_cv {
    display: block;
    margin: 0 0 10px;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
}

.external_placeholder_bokin_ol {
    font-weight: normal;
    color: #999999;
}

.external_placeholder_bokin_ol.pc {
    margin: 5px 0 0 10px;
}

div.pinkbar.greybg:has(p.pc.external_placeholder_bokin_ol)>p.firsttime_midashi.mgnt20 {
    margin-bottom: 0;
}

.external_placeholder_bokin_ol.sp {
    padding-top: 10px;
    margin: 0 0 0 10px;
}

.external_placeholder_bokin_ol.sp.ol_email {
    margin: 0 0 10px 10px;
}

.external_placeholder_bokin_ol.pc.ol_tel {
    margin: 0 0 10px 10px;
}

.external_placeholder_bokin_ol.sp.ol_tel {
    margin: 5px 0 0 10px;
}

.external_placeholder_bokin_ol.sp.ol_zip {
    margin: 0 0 0 18px;
    color: #000000;
}

.external_placeholder_bokin_ol.sp.ol_address3 {
    margin: 10px 0 0 18px !important;
    padding: 0;
    color: #000000;
}

.external_placeholder_bokin_ol.sp.ol_kencd {
    margin: 0 0 0 8px !important;
    padding: 0;
    color: #000000;
}

.userinfo_login_tbl .buttom-column, .orangewaku_area .buttom-column, .sgift_login_tbl .buttom-column, .shiryo_confirm_usrtbl .buttom-column, .ev_confirm_info_tbl .buttom-column {
    padding: 0;
    border: 0;
    background: #fff;
    vertical-align: top;
}

.userinfo_login_tbl .d-none, .orangewaku_area .d-none, .sgift_login_tbl .d-none, .shiryo_confirm_usrtbl .d-none {
    display: none;
}

.userinfo_login_tbl .w-100, .orangewaku_area .w-100, .sgift_login_tbl .w-100, .shiryo_confirm_usrtbl .w-100 {
    width: 100%;
}

.userinfo_login_tbl .userinfo_changebtn, .orangewaku_area .userinfo_changebtn, .confirm_info_tbl1 .userinfo_changebtn {
    padding: 20px 0 0;
    border: 0;
    background-color: #ffffff;
    text-align: right;
}

.userinfo_login_tbl .userinfo_changebtn a.another_id_login, .orangewaku_area .userinfo_changebtn a.another_id_login, .confirm_info_tbl1 a.another_id_login, .shiryo_confirm_usrtbl a.another_id_login {
    padding: 3px 9px;
    background-color: #f0f0f0;
    border-radius: 2px;
    border: 1px solid #999;
    text-decoration: none;
    letter-spacing: 2px;
    color: #000000;
}

.userinfo_login_btn_area {
    display: flex;
    justify-content: space-between;
    margin: 20px 10px;
}

.userinfo_login_btn_area button {
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(255, 255, 255, 0);
}

.userinfo_login_btn_area img {
    margin: 0 !important;
}

.login_id_changed_tbl tr {
    background-color: #fff !important;
}

.login_id_changed_tbl tr > * {
    width: 50%;
}

.login_id_changed_tbl label {
    display: flex;
}

.login_id_changed_tbl input[type="text"] {
    width: 100%;
}

.online_regist_link {
    display: none;
}

.easy_online_regist_link {
    display: none;
}