@charset "UTF-8";

/************ コンテンツ系 ************/

/*** section ***/

.contents-top {
	margin:20px 5px 25px;
}
.contents {
	margin:0px 5px 25px;
}
.contents-yellow {
	display:block;
	margin:0px 20px 25px;
	padding:10px 0px 15px;
	background:#fffec1;
}
.contents-sub {
	margin:25px 10px;
}

/*** div ***/

.contentBox-top {
	margin:15px 0px 40px;
}
.contentBox {
	margin-bottom:40px;
}
.contentBox-extra {
	margin-bottom:77px;
}

.contentBox-yellow:nth-last-of-type(1) {
	padding:0 5px 20px;
}

/********* 囲み系 *********/

.green-fence {
	display: block;
	padding: 5px;
	border: 1px solid #7cb832;
}
.red_fence {
	text-align:center;
	border:solid 1px #E12F3C;
	margin:15px 25px 5px;
	padding:5px;
}

/*** ナンバー& ・リスト ***/

ol#list-table li,
ul#list-table li {
	list-style-type:decimal;
	list-style-position:inside;
	margin:2px 15px;
}

ol#list-table-inside li > p {
	line-height:16px;
	padding:0 10px 3px;
}

ul#list-table-disc li,
ol#list-table #list-table-disc li {
	list-style-type:disc;
	margin:2px 30px;
}
ul#list-table-disc li:nth-last-of-type(1) {
	margin:0 30px 10px;
}

ul#list-table-disc2 li,
ol#list-table #list-table-disc li {
	list-style-type:disc;
	margin:5px 30px;
	font-size:12px;
	line-height:14px;
}
ul#list-table-disc2 li:nth-last-of-type(1) {
	margin:5px 30px 10px;
}

ol#list-table #list-table-inside li {
	list-style:none;
	margin:2px 10px;
}
ul#list-table-inside li {
	list-style:none;
	margin:2px 15px;
}
ol#list-table #list-table-inside li:nth-last-of-type(1) {
	margin:0 10px 10px;
}
ul#list-table-inside li:nth-last-of-type(1) {
	margin:0 15px 15px;
}

dl#apli {
	padding:5px 20px 20px;
}
dl#apli dt,
dl#apli dd {
	display:inline-block;
	vertical-align:middle;
}

/************ ﾀｲﾄﾙ・段落 ************/

/*
.mod-heading {
 margin-bottom:20px;
}
*/

.mod-heading-caution-h {
	margin:15px 0 ;
	font-size: 14px;
	line-height: 18px;
	color: #da373a;
	font-weight:bold;
}
.mod-heading-detail {
	margin:5px 10px 10px;
	line-height:15px;
	font-size:11px;
}

.mod-heading-detail span.date {
	font-weight:bold;
	font-size:120%;
}

h3.title {
	display:block;
	margin:15px 0 5px;
	font-size:13px;
	font-weight:bold;
}
.title_caution {
	display:block;
	margin:15px 20px 5px;
	font-size:12px;
	font-weight:bold;
	color: #da373a;
}
.text {
	display:block;
	margin:5px 0;
	font-size:11px;
}
.text-center {
	display:block;
	margin:5px 0;
	text-align:center;
	font-size:11px;
}

.text_caution {
	display:block;
	margin:20px 10px 10px;
	font-size:11px;
	line-height:13px;
	color: #da373a;

}
.wgt-p-right {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 20px;
	text-align:right;
}

/*************** ボタン ***************/

.button_firstTime a,
.app_download a {
	display: block;
	margin: 0 auto;
	margin-bottom:10px;
	width: 290px;
	height: 39px;
}

.btn-index-green {
	position: relative;
	display: block;
	width:245px;
	height:35px;
	margin: 0px auto;
	background: #7cb832;

}
.btn-login-orange,
.btn-new-orange,
.btn-register-orange,
.btn-password_reset-orange,
.btn-accounts_with_store-orange {
	position: relative;
	display: block;
	width:245px;
	height:35px;
	margin: 0px auto;
	margin-bottom:15px;
	background: #f39316;
}
.btn-return-green {
	position: relative;
	display: block;
	width:245px;
	height:35px;
	margin: 0px auto;
	margin-bottom:15px;
	background: #7cb832;
}

.btn-register-cancel-grey,
.btn-user_policy-grey {
	position: relative;
	display: block;
	width:245px;
	height:35px;
	margin: 0px auto;
	margin-bottom:15px;
	background: #7d7d7d;
}
.btn-index-green:before,
.btn-login-orange:before,
.btn-new-orange:before,
.btn-register-orange:before,
.btn-password_reset-orange:before,
.btn-accounts_with_store-orange:before,
.btn-user_policy-grey:before,
.btn-free_registration-red:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -44px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin: -7px 0 0;
}

.btn-register-cancel-grey:before,
.btn-return-green:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -65px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	left: 8px;
	margin: -7px 0 0;
}
.btn-new-orange input[type="submit"],
.btn-password_reset-orange input[type="submit"] {
	position: relative;
	display: block;
	width: 245px;
	height: 35px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0 auto;
	padding: 0;
	background:none;
}
.btn-register-orange input[type="submit"],
.btn-register-cancel-grey input[type="submit"] {
	position: relative;
	display: block;
	width: 245px;
	height: 35px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding: 12px;
	background:none;
}

.btn-index-green a,
.btn-return-green a,
.btn-user_policy-grey a,
.btn-accounts_with_store-orange a {
	position: relative;
	display: block;
	width:220px;
	height:11px;
	border: 0;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding:12px;

}
.btn-index-short-green {
	position: relative;
	display: block;
	width:160px;
	height:25px;
	margin: 0px auto;
	padding:5px;
	background: #7cb832;
}

.btn-index-short-green:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -44px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin: -7px 0 0;
}
.btn-index-short-green input {
	position: relative;
	display: block;
	width: 141px;
	height: 28px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	background: none;
	text-decoration: none;
	margin: 0px auto;
	padding: 0;
}
.btn-backtohome {
	position: relative;
	display: block;
	width:160px;
	height:25px;
	margin: 0px auto;
	padding:5px;
	background: #7cb832;
}
.btn-backtohome:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -65px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	left: 5px;
	margin: -7px 0 0;
}

.btn-index-short-green a,
.btn-backtohome a {
	position: relative;
	display: block;
	width:153px;
	height:11px;
	border: 0;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding:8px 4px;
}

.btn-new-short-red a {
	display: block;
	width:288px;
	height:26px;
	background: #db585b;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding:12px;
}

.wgt-button a.new_ {
	width: 310px;
	height: 50px;
	background: url(../img/all-se0a535c933.png) no-repeat;
	background-size:310px 50px;
	-webkit-background-size:310px 50px;
	background-size:310px 50px;
}

.btn-membership_registration-red,
.btn-free_registration-red {
	position: relative;
	display: block;
	width: 160px;
	height: 25px;
	margin: 0px auto;
	padding: 5px;
	background: #db585b;
}
.btn-membership_registration-red input,
.btn-free_registration-red input {
	display: block;
	width:146px;
	height:28px;
	background: none;
	border:none;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding:0;
}

.mod-new-btn {
	margin: 0 15px 10px;
	padding: 12px 10px 0;
	background: #FAE1C1;
	overflow: hidden;
}

.i_and_a_button {
	text-align:center;
}
.i_and_a_button li {
	display:inline-block;
	margin:0 3px;
}

.i_and_a_button li:nth-of-type(2) {
	margin-right:0;
}

.i_and_a_button img.ios_button,
.i_and_a_button img.android_button {
	width:80%;
	height:80%;
}

/*************** Form ***************/

.form {
	text-align: left;
}
.form p {
	display:block;
}
.formCkBox {
	margin:5px 10px;
}
.formCkBox > li:nth-of-type(2) {
	height:45px;
}

.formCkBox:nth-last-of-type(1) {
	margin:0 20px 10px;
}
.form .inCkBox,
.form .capCkBox {
	display:inline-block;
	vertical-align:middle;
}

#reg-confirm ul.formCkBox-in {
	position: relative;
	display: block;
	height:30px;
}

#reg-confirm ul.formCkBox-in .inCkBox2 {
	position: absolute;
	top: 0;
	left: 0;
}
#reg-confirm ul.formCkBox-in .inCkBox2 input {
	margin:0;
	padding:0;
}
#reg-confirm ul.formCkBox-in .capCkBox2 {
	position: absolute;
	top: 0;
	left: 20px;
	line-height:13px;
}
#reg-confirm ul.formCkBox-in li {
	vertical-align: top;
	display: inline-block;
	padding: 0 5px;
}

.btn-index-green input {
	position: relative;
	display: block;
	width: 251px;
	height: 11px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	background: none;
	text-decoration: none;
	margin: 0px auto;
	padding: 12px;
}
.btn-login-orange input {
	position: relative;
	display: block;
	width: 205px;
	height: 11px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	background: #f39316;
	text-decoration: none;
	margin: 0px auto;
	padding: 12px;
}
.btn-new-orange input {
	position: relative;
	display: block;
	width: 251px;
	height: 35px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 14.5px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	background: #f39316;
	text-decoration: none;
	margin: 0px auto;
	padding: 5px;
}

.title_form {
	display:block;
	margin:15px 10px 5px;
	font-size:12px;
	font-weight:bold;
}

.detail_form {
	display: block;
	margin: 5px 15px 10px;
	line-height: 15px;
	font-size: 11px;
}

.formName,
.formAlertMail,
.formpw,
.formSex,
.formMailAdd,
.formInquiry,
.formPw,
.formDate,
.formAdd,
.formPrefecture,
.formTransmissionBtn {
	display: block;
	margin:0 20px;
	overflow: hidden;
}
.formInquiry p.btn-index-green {
	margin-top:10px;
}

.formName .inNameL {
	display: block;
	float: left;
	width: 48%;
}
.formName .inNameR {
	display: block;
	float: right;
	width: 48%;
}

.form label {
	display: block;
	margin: 10px 0 5px;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
}
.form label.errorMessage {
	margin: 10px 0 5px;
	font-weight: 700;
	font-size: 11px;
	line-height: 14px;
	color: #da373a;
}
.form label[for="radio_ios"],
.form label[for="radio_android"] {
	font-weight: normal;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="password"] {
	width: 99%;
	font-size: 16px;
	line-height: 26px;
	padding: 2px;
	border: solid 1px #aaaaaa;
	background: #fff;
	-webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form textarea {
	width: 99%;
	max-width: 500px;
	font-size: 16px;
	line-height: 26px;
	margin:3px 2px;
	padding: 2px 0;
	border: solid 1px #aaaaaa;
	background: #fff;
	-webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.formAlertMail .inRadioAlertMail,
.formSex .inRadioSex {
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.formSex .capRadioSex {
	display: inline-block;
	float: left;
	width: 60px;
}

.form input[type="radio"]:checked {
	background: #fff;
}
.form input[type="radio"] {
	position: relative;
	margin-right: 5px;
	border: 1px solid #aaaaaa;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	-webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
	cursor: pointer;
}
.form input[type="radio"]:checked:before {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin: -4.5px 0 0 -4.5px;
	content: "";
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	width: 9px;
	height: 9px;
	background: #434343;
}

.formAlertMail .selectMailTel {
	display: inline-block;
	float: left;
	width: 75px;
	margin-top:4.5px;
	height:15px;
}
.formSex .capRadioSex {
	display: inline-block;
	float: left;
	width: 35px;
	margin-top:4.5px;
	height:15px;
}

.form input + span {
	display: none;
	font-size: 11px;
	color: #da373a;
}
.form input::-webkit-input-placeholder,
.form input:-moz-placeholder,
.form input:-ms-input-placeholder {
   font-size:18px;

}
.form input#submit_login {
	margin-top:10px;
}

.form .inSelectYear {
	display: block;
	position:relative;
	float: left;
	margin-right: 10px;
	width: 32%;
	max-width: 100px;
}

.form .inSelectMonth {
	display: block;
	position:relative;
	float: left;
	margin-right: 10px;
	width: 27%;
	max-width: 100px;
}

.form .inSelectDay {
	display: block;
	position:relative;
	float: left;
	width: 27%;
	max-width: 100px;
}


.formPrefecture {
	position:relative;
	width:50%;
}

.formPrefecture:before {
	content: "";
	display:block;
	overflow:hidden;
	width: 15px;
	height: 9px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat 0 -31px;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 39px;
	right: 8px;
}

.form select {
	display: inline-block;
	line-height: 11px;
	border: none;
	padding: 2px;
	font-size: 11px;
	border: solid 1px #aaaaaa;
	cursor: pointer;
}

.errorMessage {
	margin: 0 0 5px;
	font-weight: 700;
	font-size: 11px;
	line-height: 14px;
	color: #da373a;
}

.form-buttons {
	text-align:center;
}
ul.form-buttons li:nth-of-type(1) {
	margin-right:5px;
}

.form-btn-orange,
.form-btn-grey {
	position: relative;
	display: inline-block;
	width: 40%;
	height: 35px;
}

.form-btn-orange:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -65px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	left: 5px;
	margin: -7px 0 0;
	z-index:20;
}

.form-btn-grey:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -44px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin: -7px 0 0;
	z-index:20;
}

.form-btn-orange input {
	position: relative;
	width: 100%;
	height: 35px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	background: #f39316;
	text-decoration: none;
	padding: 12px;
}
.form-btn-grey input {
	position: relative;
	width: 100%;
	height: 35px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	padding: 12px;
	background: #7d7d7d;
}
/*************** #b-error1 ***************/

#b-error1	.mod-step {
	border-bottom: 1px solid #7D7D7D;
	zoom: 1;
	padding-bottom:15px;
}
/*************** #find ***************/
#find .formBookTitle,
#find .formAuthor,
#find .formPublisher,
#find .formKeyword,
#find .forminCtgSelect {
	display: block;
	margin: 0 20px;
	overflow: hidden;
}
#find .formBookTitle input,
#find .formAuthor input,
#find .formPublisher input,
#find .formKeyword input {
	font-size: 16px;
	line-height: 26px;
	width: 99%;
	padding: 2px;
	border: solid 1px #aaa;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: .01px; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/
}
#find .forminCtgSelect {
	position: relative;
	margin: 0 20px;
	overflow: hidden;
}
#find .forminCtgSelect:before {
	content: "";
	display: block;
	overflow: hidden;
	width: 15px;
	height: 9px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat 0 -31px;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 40%;
	right: 3%;
}
#find select[name="ctg"] {
	display:block;
	width: 99%;
	padding: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: "";
	line-height: 26px;
}
#find select[name="ctg"]::-ms-expand {
	border:none; /*IE用*/
	background-color:#fff; /*IE用*/
	color:#fff; /*IE用*/
}

#find .btn-serch-orange {
	position: relative;
	display: block;
	width:245px;
	height:35px;
	margin: 0px auto;
	margin-bottom:15px;
	background: #f39316;
}
#find .btn-serch-orange:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -44px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin: -7px 0 0;
}
#find .btn-find-cancel-grey {
	position: relative;
	display: block;
	width:245px;
	height:35px;
	margin: 0px auto;
	margin-bottom:15px;
	background: #7d7d7d;
}
#find .btn-find-cancel-grey:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -65px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	left: 8px;
	margin: -7px 0 0;
}
#find .btn-serch-orange a,
#find .btn-find-cancel-grey a {
	position: relative;
	display: block;
	width: 220px;
	height: 11px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding: 12px;
}

/*************** #pw-sent ***************/
#pw-sent .mod-heading-caution-h {
	font-weight:bold;
	margin-bottom:20px;
}

/*************** #b-error系 ***************/

#b-error2 .mod-message2,
#b-error3 .mod-message2,
#b-error4 .mod-message2 {
	margin-bottom:40px;
	text-align: left;
}

/*************** #b-error4 ***************/
#b-error4 .wgt-p span  {
	color: #da373a;
	font-weight: bold;
}

/*************** #inquiry ***************/

#inquiry select[name="prefecture"] {
	width:100%;
	padding: 5px;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   text-indent: .01px; /*Firefox用*/
   text-overflow: ""; /*Firefox用*/
}

/*************** #new ***************/

#new .mod-step-nav li {
	height: 60px;
 	line-height:1.2;
}


#new .form input[type="email"] {
	width: 96%;
	font-size: 16px;
	line-height: 26px;
	margin:0 2%;
	padding: 2px;
	border: solid 1px #aaaaaa;
	background: #fff;
	-webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#new .form {
	display:block;
	margin:0 auto;
}

/*************** #register2 ***************/

#register2 .mod-step-nav {
 	line-height:1.4;
}

#register2 .mod-step-nav li span {
	display:block;
	height: 30px;
 	line-height:1.2;
}

#register2 .mod-step-navitem:after {
	top: 28%;
}
#register2 .green-fence label {
	display: inline-block;
}
#register2 .inSelectYear:before {
	content: "";
	display: block;
	overflow: hidden;
	width: 15px;
	height: 9px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat 0 -31px;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 10px;
	right: 30px;
}

#register2 .inSelectMonth:before,
#register2 .inSelectDay:before {
	content: "";
	display: block;
	overflow: hidden;
	width: 15px;
	height: 9px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat 0 -31px;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 10px;
	right: 38px;
}
#register2 select[name="birthday_y"] {
	width:80%;
	padding: 5px;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
   text-indent: .01px; /*Firefox用*/
   text-overflow: ""; /*Firefox用*/
}
#register2 select[name="birthday_m"],
#register2 select[name="birthday_d"] {
	width:70%;
	padding: 5px;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
	text-indent: .01px; /*Firefox用*/
   text-overflow: ""; /*Firefox用*/
}

#register2 select[name="prefecture"] {
	width:100%;
	padding: 5px;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none; 
	text-indent: .01px; /*Firefox用*/
   text-overflow: ""; /*Firefox用*/
}
#register2 select[name="prefecture"]::-ms-expand,
#register2 select[name="prefecture"]::-ms-expand,
#register2 select[name="birthday_y"]::-ms-expand,
#register2 select[name="birthday_m"]::-ms-expand,
#register2 select[name="birthday_d"]::-ms-expand {
 	border:none; /*IE用*/
	color:#fff; /*IE用*/
	background:none; /*IE用*/
}
#register2 .btnRegisterOrange {
	width:310px;
	height:50px;
}

#register2 .btnRegisterOrange input[name="submit_confirm"] {
	background: url(../resources_pc/img/btn_register2.png) left top no-repeat;
	width:310px;
	height:50px;
	border:none;
	cursor:pointer;
  text-indent: 9999px;
  white-space: nowrap;
  overflow: hidden;
}


/*************** #reg2-confirm ***************/

#reg2-confirm #new-registered-content {
	list-style: none;
	width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:solid 1px #7cb832;
}
#reg2-confirm #new-registered-content li {
	list-style: none;
	display: block;
	border-bottom:solid 1px #7cb832;
	padding:7px;
}
#reg2-confirm #new-registered-content li:nth-last-of-type(1) {
	border-bottom:none;
}
#reg2-confirm #new-registered-content li span:nth-of-type(1) {
	display:inline-block;
	width:35%;
	vertical-align:top;
}
#reg2-confirm #new-registered-content li span:nth-of-type(2) {
	display:inline-block;
	width:60%;
	word-break:break-all;
	vertical-align:top;
}
#reg2-confirm .btnRegisterCancelGrey,
#reg2-confirm .btnRegisterOrange {
	width:310px;
	height:50px;
}

#reg2-confirm .btnRegisterCancelGrey input[name="submit_back"] {
	background: url(../resources_pc/img/btn-register-cancel-grey.png) left top no-repeat;
	width:310px;
	height:50px;
	border:none;
	cursor:pointer;
  text-indent: 9999px;
  white-space: nowrap;
  overflow: hidden;
}
#reg2-confirm .btnRegisterOrange input[name="submit_regist"] {
	background: url(../resources_pc/img/btn-register-orange.png) left top no-repeat;
	width:310px;
	height:50px;
	border:none;
	cursor:pointer;
  text-indent: 9999px;
  white-space: nowrap;
  overflow: hidden;
}


/*************** #reg2-complete ***************/

#reg2-complete .app-button {
	margin-top:15px;
	text-align:center;
}
#reg2-complete ul#text-list {
	list-style: none;
	line-height: 14px;
	margin: 15px 10px 0;
}

#reg2-complete .mibon-app-detail {
	list-style: none;
	margin:15px 10px 0;
}
#reg2-complete .mibon-app-detail:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
#reg2-complete .mibon-app-detail li:nth-of-type(1) {
	float:left;
	margin:0 15px 15px 0;
	vertical-align:top;
}


/*************** #contact-send ***************/

#contact-send .form {
	display: block;
	width:100%;
	margin:0 auto;
}
#contact-send table,
#contact-send tbody,
#contact-sendtr,
#contact-sendth,
#contact-sendtd {
	color: #666666;
	font-style: normal;
	font-weight: normal;
	border-collapse: collapse;
	margin:0 auto;
}

.formSend_contents {
	width: 95%;
	color: #CCC;
	margin-bottom:20px;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
}
.formSend_contents th {
	width: 45%;
	padding: 5px;
	text-align: left;
	background-color: #E6E6E6;
	color: #333;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
}
.formSend_contents td {
	padding: 5px;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
}

.formSend {
	display: block;
	margin-top:20px;
	margin-bottom:20px;

}

/*************** #b-comp ***************/

#b-comp .mod-step {
	border-bottom: 1px solid #7D7D7D;
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
}

#b-comp .beginner {
	margin-bottom:60px;
}

#b-comp .wawa {
	margin-bottom:20px;
}
.wgt-button a.open_webshelf {
    width: 400px;
    height: 60px;
    background: url(../img/btn_open_webshelf.png) no-repeat 0 0;
    -webkit-background-size: 400px 60px;
    background-size: 400px 60px;
}
/*************** #reg2-complete ***************/

#reg2-complete .mod-step-img {
	border-bottom: 1px solid #7D7D7D;
	text-align: center;
	margin: 0;
	padding: 0 0 20px;
}

/*************** #pw-confirm ***************/
#pw-confirm .btn-password_reset-orange {
	margin-top:15px;
}

#pw-confirm .formpw span {
	color: #da373a;
}


/********* #howto ☆ *********/

#howto .mod-i_and_a_buttons {
	margin: -20px 0 25px -20px;
	zoom: 1;
}
#howto .mod-i_and_a_button {
	float: left;
	margin: 20px 0 0 25px;
}
#howto .mod-i_and_a_button a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#howto .mod-i_and_a_button a.ios {
	display: block;
	width: 390px;
	height: 60px;
	background: url(../img/ios_button.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#howto .mod-i_and_a_buttons a.and {
	display: block;
	width: 390px;
	height: 60px;
	background: url(../img/android_button.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#howto .mod-i_and_a_buttons:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#howto form input[value="ストアのホームへ"] {
	display: block;
	width: 300px;
	height: 48px;
	background: url(../img/store_home.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border:none;
	margin:0 auto;
	text-align:center;
}
#howto form input[value="電子書籍を閲覧するための動作環境"] {
	display: block;
	width: 310px;
	height: 60px;
	background: url(../img/operating_environment.jpg) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border:none;
	margin:0 auto;
	text-align:center;
}
#howto form input[value="新規会員登録"] {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/new_registration.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border:none;
	margin:0 auto;
	text-align:center;
}
#howto form .wgt-button {
	margin-top:30px;
}

#howto form input[value="お問い合わせフォーム"] {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/enquiry_form.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border:none;
	margin:0 auto;
	text-align:center;
}


/********* #guide ☆ *********/

#guide .mod-app-new-buttons {
	margin: -20px 0 25px -25px;
	zoom: 1;
}
#guide .mod-app-new-button {
	float: left;
	margin: 20px 0 0 25px;
}
#guide .mod-app-new-button a,
#guide .wgt-button a.new_registration {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#guide .mod-app-new-button a.apple {
	display:block;
	width: 390px;
	height: 60px;
	background: url(../img/ios_button.jpg) no-repeat;
	background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
	
}
#guide .mod-app-new-button a.android {
	display:block;
	width: 390px;
	height: 60px;
	background: url(../img/android_button.jpg) no-repeat;
	background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
}
#guide .mod-app-new-buttons:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#guide .wgt-button a.new_registration {
	width: 310px;
	height: 50px;
	background:url(../img/new_registration.jpg) no-repeat;
	background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
}

#guide .mod-links {
	margin: 40px 0 30px;
	padding: 15px 0 0 10px;
	border-top: 1px solid #7D7D7D;
	zoom: 1;
}

#guide .mod-links-section {
	position: relative;
	top: 20px;
	float: left;
	width: 100%;
	margin: -20px 0 0;
	padding: 0 10px 0 0;
}

/********* #apps ☆ *********/

#apps .mibon-app-detail {
	list-style: none;
	margin: 15px 10px 0;
}
#apps .mibon-app-detail:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
#apps .mibon-app-detail li:nth-of-type(1) {
float: left;
margin: 0 15px 15px 0;
vertical-align: top;
}

#apps .wgt-button a.begin_to_read {
	display: block;
	width: 400px;
	height: 60px;
	background: url(../img/sprites/all-s5e877242d5.png) no-repeat 0 -863px;
	-webkit-background-size: 400px 1665px;
	background-size: 400px 1665px;
	text-indent: -9999px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	margin: 0 auto;
	margin-top:25px;
	text-align: center;
}

#apps .mod-links {
	margin: 0px 0 30px;
	padding: 20px 0 0 10px;
	zoom: 1;
}
#apps .mod-links-section {
	position: relative;
	top: 20px;
	float: left;
	width: 100%;
	margin: -20px 0 0;
	padding: 0 10px 0 0;
}


/********* #android & #ios ☆ *********/
#android .app-button {
	text-align:center;
}
#android .app-button .wgt-p,
#ios .app-button .wgt-p {
	padding:20px 0;
}
#android #list-table-inside img,
#ios #list-table-inside img {
	margin-bottom:30px;
}
/********* #privacy ☆ *********/

#privacy #list-table_number, 
#privacy #list-table, 
#privacy ol#list-table li {
	margin: 0;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
}


/********* #a_index ☆ *********/

#a_index h3.wgt-p-title {
	display: block;
	margin: 0 0 5px;
	padding: 5px 0;
	font-size: 13px;
	line-height: 20px;
	font-weight:bold;
}

#a_index #list-table_number,
#a_index #list-table,
#a_index ol#list-table li {
	margin:0;
	font-size: 13px;
	line-height: 20px;
	width:100%;
}
#a_index .wgt-p-right {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 20px;
	text-align:right;
}

/********* #otc-payment *********/

#otc-payment .buy-book-list {
	margin:15px;
}
#otc-payment .buy-book-list p:nth-of-type(1) {
	display:inline-block;
	vertical-aligh:top;
	width:65%;
}
#otc-payment .buy-book-list p:nth-of-type(2) {
	display:inline-block;
	float:right;
	vertical-aligh:top;
	width:30%;
}
#otc-payment .buy-book-list:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
#otc-payment .book-total-amount span {
	display: block;
	text-align:center;
	margin-bottom:15px;
}

/********* #otc-payment-list *********/
#otc-payment-list .contentBox-top p {
	margin:15px 10px;
}
#otc-payment-list .accounts_number-bottomline {
	display: block;
	text-align:center;
	padding: 10px;
	margin: 0 auto;
	width: 90%;
	border-bottom: 1px solid #ccc;
}
#otc-payment-list .contentBox-top .accounts_number-bottomline p {
	margin:10px;
}
#otc-payment-list .contentBox-top .accounts_number-bottomline p:nth-of-type(2) {
	font-weight:bold;
}
#otc-payment-list .link-list {
 	display:block;
}
#otc-payment-list .link-list li {
 	display:inline-block;
	width:20%;
}
#otc-payment-list .link-list li:nth-of-type(3) {
 	display:inline-block;
	width:20%;
}

/********* #otc-payment-details *********/

#otc-payment-details .accounts_number-bottomline {
	display: block;
	text-align:center;
	padding: 10px;
	margin: 0 auto;
	width: 90%;
	border-bottom: 1px solid #ccc;
}
#otc-payment-details .choose_details {
	display: block;
	padding: 10px;
	margin: 0 auto;
	width: 85%;
	border-bottom: 1px solid #ccc;
}
#otc-payment-details .choose_details p {
	display: block;
	margin:3px 0;
}
#otc-payment-details #sub-total {
	margin: 0 15px 10px;
	padding: 12px 10px 0;
	list-style: none;
}
#otc-payment-details #sub-total li:nth-of-type(1) {
 	display:inline-block;
	text-align:left;
	width:49%;
}
#otc-payment-details #sub-total li:nth-of-type(2) {
 	display:inline-block;
	text-align:right;
	width:49%;
}
#otc-payment-details #total {
	list-style: none;
	margin-bottom:10px;
}
#otc-payment-details #total:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#otc-payment-details #total li:nth-of-type(1) {
	float:left;
	vertical-align:middle;
	line-height:35px;
}
#otc-payment-details #total li:nth-of-type(2) {
	float:right;
	line-height:35px;
}
#otc-payment-details .btn-backto-list-grey {
	position: relative;
	display: block;
	width: 160px;
	height: 35px;
	text-align:right;
	background: #7d7d7d;
}
#otc-payment-details .btn-backto-list-grey:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 7px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -44px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	right: 8px;
	margin: -7px 0 0;
}
#otc-payment-details .btn-backto-list-grey a {
	position: relative;
	display: block;
	width: 135px;
	height: 11px;
	border: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	margin: 0px auto;
	padding: 12px;
}


/********* #b-point *********/
#b-error4 .wgt-button a.btn_goback_shopping_cart,
#b-point .wgt-button a.btn_goback_shopping_cart {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/btn_goback_shopping_cart.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

/********* #otc-payment *********/
#otc-payment .wgt-button a.btn_goback_shopping_cart {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/btn_goback_shopping_cart.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
#otc-payment .wgt-button a.btn_otc_settlement {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/btn_otc_settlement.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

#otc-payment .wgt-button a.btn_otc_settlement.no_price {
	background-image: url(../img/btn_otc_settlement_no_price.jpg);
}

/********* #otc-payment-result *********/

#otc-payment-result .green-accounts_number-fence {
	display: block;
	text-align:center;
	padding: 7px;
	margin: 0 auto;
	width: 90%;
	border: 1px solid #7cb832;
}
#otc-payment-result .green-accounts_number-fence p {
	display:block;
	margin:5px;
}

#otc-payment-result .green-accounts_number-fence p:nth-of-type(2) {
	font-size:120%;
}
#otc-payment-result .contentBox-top p {
	margin:15px 10px;
}
#otc-payment-result ul#text-list li {
	margin:0;
}

/*************** #faq & #tokusyo ☆***************/
#tokusyo .mod-heading-green,
#faq .mod-heading-green {
	background: #4baade;
	color:#fff;
	padding:10px;
	border-bottom:none;
	zoom: 1;
}
#tokusyo .mod-heading-green .mod-heading-h,
#faq .mod-heading-green .mod-heading-h {
	float: left;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
}
#tokusyo .wgt-p,
#faq .wgt-p {
	margin-top:10px;
}
#faq .faq_unit {
	margin-bottom: 25px;
}


#faq .mod-heading_faq {
	margin-top:20px;
}

#faq h2.mod-heading_faq-h {
	background-color:#8ec54a;
	color:#fff;
	font-weight:bold;
	padding:10px 2% 10px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:0;
	margin:0;
	width:96%;
	font-size: 13px;
}

#faq .ac_ttl.selected {
	font-size: 13px;
	line-height: 20px;
}

#faq .ac_ttl {
	padding: 15px 40px 15px 30px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	text-indent: -22px;
	background-color: #FFF;
	font-size: 13px;
	line-height: 20px;
}
#faq .ac_inner {
	padding: 2px 15px;
	background: #EDEDED;
	padding: 15px 40px 15px 45px;
	text-align: left;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
	text-indent: -22px;
}
#faq .faq_answer {
	letter-spacing: 2px;
	color: #51ACDF;
}
#faq span.faq_question{
	letter-spacing:2px;
}

#faq .faq_answer{
	letter-spacing:2px;
	color:#51ACDF;
}
#faq .ac_inner p {
	font-size: 13px;
	line-height: 20px;
}


/*************** #purchase ☆***************/
#purchase .wgt-button a.digital_book:nth-of-type(1) {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/pic_digital_book.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}
#purchase .wgt-button a.digital_book:nth-of-type(2)  {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/wri_digital_book.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}


/************ ヘルプ関連 ************/

.panel-section {
	margin: 0 10px 25px;
}

.panel-btn-free a {
	display: block;
	padding: 14px 0;
	border: 0;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	background: #db585b;
	text-decoration: none;
}

#help-links {
	list-style:none;
	width:90%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	border:1px solid #4baade;
}

#help-links li {
	list-style:none;
	width:100%;
	padding:0;
	border-bottom:1px solid #4baade;
}
#help-links li:last-child {
	border-bottom:none;
}
#help-links a {
	position:relative;
	display:block;
	margin:0;
	background:#fff;
	color:#4baade;
	text-decoration:none;
	font-size:14px;
	padding:10px;
}
#help-links li a:before {
	content: '';
	display: block;
	overflow: hidden;
	width: 8px;
	height: 14px;
	background: url(../../resources/img/sprites/all-s1e47cb5785.png) no-repeat -58px 0;
	-webkit-background-size: 290px 922px;
	background-size: 290px 922px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -7px 0 0;
}


/*仮設置*/
ul.icons {
	margin-bottom:15px;
}

ul.icons li {
	display:inline-block;
	padding-right:10px;
}

/*************** #apps ***************/
#apps form {
	display:block;
	text-align:center;
}

#apps input.app_download {
	border:none;
	background:url(../img/app_download_button.jpg);
	background-size:contain;
	width:290px;
	height:39px;
}

/*************** #requirements ☆***************/
#requirements {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 20px;
}
#requirements .mibon-app-detail {
	list-style: none;
	margin:15px 10px 0;
}
#requirements .mibon-app-detail li:nth-of-type(1) {
	float:left;
	margin: 0 15px 15px 0;
	vertical-align:top;
}

/*** #b-error1 & #requirements  ☆ ***/
#b-error1 ul#text-list, #requirements ul#text-list {
	margin-top: 0;
}
#b-error1 ul#text-list li, #requirements ul#text-list li {
	margin: 5px 20px 0;
	list-style-position: inside;
	list-style: disc;
}
#b-error1 ul#text-list {
	margin-bottom: 15px;

}
#b-error1 .wgt-button li a {
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}
#b-error1 .btnDouble a.continue {
	display: block;
	width: 310px;
	height: 50px;
	text-indent: 100%;
	background: url(../img/sprites/all-s5e877242d5.png) no-repeat 0 -699px;
	-webkit-background-size: 400px 1665px;
	background-size: 400px 1665px;
	white-space: nowrap;
	overflow: hidden;
}
#b-error1 .form {
	margin: 0 0 20px;
}

#b-error1 .wgt-button a.btn_goback_shopping_cart {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/btn_goback_shopping_cart.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

/************ iphone & ios ボタン＆リスト ☆************/
#apps .app-button,
#requirements .app-button {
	margin: 20px 0 35px;
}
#apps .app-button .app-button a,
#requirements .app-button a {
	width: 390px;
}
#apps ul#text-list, 
#requirements ul#text-list {
	margin-top: 0;
}

#apps ul#text-list li, 
#requirements ul#text-list li {
	margin: 5px 20px 0;
	list-style-position: inside;
	list-style: disc;
}

.wgt-buttons {
margin: 0 0 20px;
}


/*** app storeからダウンロード　ボタン ***/
/*** Google play　で手に入れよう　ボタン ***/

#b-comp ul.mod-buttons,
#apps ul.mod-buttons,
#reg2-complete ul.mod-buttons,
#ios div.mod-button,
#android div.mod-button,
#requirements div.mod-button {
	display:block;
	width:806px;
	margin:0 auto;
	padding:10px 0 25px;
	text-align:center;
	zoom: 1;
}
#b-comp ul.mod-buttons li:nth-of-type(1),
#apps ul.mod-buttons li:nth-of-type(1),
#reg2-complete ul.mod-buttons li:nth-of-type(1) {
	margin-right:15px;
}
#b-comp .mod-button:nth-of-type(1),
#apps .mod-button:nth-of-type(1),
#reg2-complete .mod-button:nth-of-type(1){
	display:inline-block;
	width: 248px;
	height: 73px;
}

#b-comp .mod-button:nth-of-type(2),
#apps .mod-button:nth-of-type(2),
#reg2-complete .mod-button:nth-of-type(2) {
	display:inline-block;
	width: 229px;
	height: 73px;
}

#b-comp li.mod-button a,
#apps li.mod-button a,
#reg2-complete li.mod-button a,
#ios div.mod-button a,
#android div.mod-button a,
#requirements div.mod-button a {
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}
#ios div.mod-button a.apple,
#b-comp .mod-button a.apple,
#apps .mod-button a.apple,
#reg2-complete .mod-button a.apple,
#requirements .mod-button a.apple {
	width: 248px;
	height: 73px;
	background: url(../../common/img/btn_ios-rounded_corners.png) no-repeat;
	background-size: 248px 73px;
}
#b-comp .mod-button a.android,
#apps .mod-button a.android,
#reg2-complete .mod-button a.android,
#android .mod-button a.android,
#requirements .mod-button a.android {
	width: 229px;
	height: 78px;
	background: url(../../common/img/btn_android-rounded_corners.png) no-repeat;
	background-size: 229px 78px;
}
#android .mod-button .wgt-p,
#ios .mod-button .wgt-p,
#requirements .wgt-p {
	margin: 15px 0 0;
}
#b-comp .mod-app .wgt-p,
#apps .mod-app .wgt-p,
#reg2-complete .wgt-p {
	margin: 0;
}
/************ トップに戻るボタン ************/

#contact-thanks  p.wgt-button,
#pw-error p.wgt-button {
	margin-top: 50px;
}
#pw-sent .wgt-button a.goback_top,
#b-error2 .wgt-button a.goback_top,
#b-error3 .wgt-button a.goback_top,
#requirements .wgt-button a.goback_top,
#pw-complete .wgt-button a.goback_top,
#b-comp .wgt-button a.goback_top,
#inquiry-complete .wgt-button a.goback_top,
#b-error4 .wgt-button a.goback_top,
#inquiry-complete .wgt-button a.goback_top,
#b-error1 .wgt-button a.goback_top,
#contact-thanks .wgt-button a.goback_top,
#a_index .wgt-button a.goback_top,
#pw-error .wgt-button a.goback_top,
#howto .wgt-button a.goback_top,
#new .wgt-button a.goback_top,
#purchase .wgt-button a.goback_top,
#new-sent .wgt-button a.goback_top {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/goback_top.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	margin-top:60px;
}

/************ 全体的に上にあげる ☆************/

#a_index .area-section,
#contact-thanks .area-section {
	margin-top: 0;
}

/*#faq .base-contents,*/
#privacy .base-contents,
#privacy .area-section,
#faq .area-section,
#requirements .base-contents,
#requirements .area-section,
#a_index .base-contents,
#tokusyo .base-contents,
#tokusyo .area-section,
#purchase .base-contents,
#purchase .area-section {
	margin-top:-20px;
}

/************ 無料会員登録ボタン ☆************/

#apps form input[value="無料会員登録"],
#howto form input[value="無料会員登録"],
#guide form input[value="無料会員登録"],
#android form input[value="無料会員登録"] ,
#ios form input[value="無料会員登録"]  {
	display: block;
	width: 310px;
	height: 50px;
	background: url(../img/free_membership_registration.jpg) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	margin: 0 auto;
	text-align: center;
	cursor:pointer;
}

/************ ボタン押すと透ける ☆************/

#apps a.android:hover,
#apps a.apple:hover,
#android a.android:hover,
#ios a.apple:hover,
#b-error1 input#submit_cancel:hover,
#b-error1 input.eoan-orange_new-membership:hover,
#b-comp a.apple:hover,
#b-comp a.android:hover,
#b-error1 .botton input[type="submit"]:hover, 
#guide .mod-app-new-button a.apple:hover, 
#guide .mod-app-new-button a.android:hover,
#requirements .app-button a.apple img:hover, 
#requirements .app-button a.android img:hover,
#ios .app-button a.ios img:hover,
#ios .wgt-button input[type="submit"]:hover,
#android .app-button a.android img:hover,
#android .wgt-button input[type="submit"]:hover,
#howto .mod-i_and_a_button a:hover,
#guide .wgt-button input[type="submit"]:hover,
#howto .wgt-button input[type="submit"]:hover,
#apps .wgt-button input[type="submit"]:hover,
#register2 .btnRegisterOrange input[name="submit_confirm"]:hover,
#register2 .btnRegisterOrange:hover,
#reg2-confirm .btnRegisterCancelGrey input[name="submit_back"]:hover,
#reg2-confirm .btnRegisterCancelGrey:hover,
#reg2-confirm .btnRegisterOrange input[name="submit_regist"]:hover,
#reg2-confirm .btnRegisterOrange:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	cursor:pointer;
}


/************ float解除 ☆************/

.heading-detail:after,
.formName:after:after,
.inRadioAlertMail:after,
.formAlertMail .selectMailTel:after,
.form .inSelectYear:after,
.form .inSelectMonth:after,
.form .inSelectDay:after,
.formSex .inRadioSex:after,
.formSex .capRadioSex:after,
.form-buttons:after,
#requirements .mibon-app-detail:after,
#tokusyo .mod-heading-green:after,
#faq .mod-heading-green:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

#faq .mod-heading-green .mod-heading-h {
	float:none
}

#otc-payment .contentBox-top .detail {
	margin-bottom:10px;
}

#otc-payment .contentBox-top .detail.detail_alert {
	border:2px solid #da373a;
	padding:10px;
	color:#da373a;
}

/********* #guide2 ☆ *********/
/* はじめての方へ */
.guide-page-nav {
	margin: 0 0 50px;
	text-align: center;
}
.guide-page-nav li {
	line-height: 38px;
	margin: 0 8px 12px 0;
	display: inline-block;
	vertical-align: middle;
}
.guide-page-nav li:nth-child(3) {
	margin: 0 0 12px 0;
}
.guide-page-nav li a {
	display: block;
	padding: 0 16px 0 20px;
	font-size: 15px;
	color: #4baade;
	text-decoration: none;
	border-radius: 4px;
	border: 3px solid #4baade;
}
.guide-page-nav li a:after {
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../img/guide/arrow-blue.png) no-repeat top right;
	background-size: 10px 19px;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.guide-page-nav li:hover {
	background-color: #4baade;
	border-radius: 4px;
}
.guide-page-nav li a:hover {
	color: #fff;
}
.guide-page-nav li a:hover:after {
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../img/guide/arrow-white.png) no-repeat top right;
	background-size: 10px 19px;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#start-mibon, #choise-delivery, #mibon-point {
   display: block;
   margin-top:-100px;
   padding-top:100px;
}

/* 新規会員登録 */
.new-member-wrap {
	margin: 0 0 60px;
	padding: 30px 0;
	color: #fff;
	text-align: center;
	letter-spacing: 1.4px;
	background: url(../img/guide/bg-newmember.png) repeat top left;
}
.new-member-wrap p:first-child {
	font-size: 18px;
	margin: 0 0 16px;
}
.new-member-wrap .btn-newmember-l {
	width: 450px;
	line-height: 72px;
	margin: 0 auto;
}
.new-member-wrap .btn-newmember-l a {
	display: block;
	padding: 2px 0 0 10px;
	font-size: 22px;
	color: #e88301;
	text-decoration: none;
	font-weight: 500;
	background-color: #fff;	
	border-radius: 4px;
	box-shadow: 0 4px 0 rgba(0,0,0,0.2);
}
.new-member-wrap .btn-newmember-l a:before {
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 31px;
	height: 33px;
	background: url(../img/guide/ico-newmember.png) no-repeat top left;
	background-size: 31px 33px;
	vertical-align: middle;
	padding: 0 0 0 14px;
}
.new-member-wrap .btn-newmember-l:hover {
	padding-top: 4px;
	margin-bottom: -4px;
}
.new-member-wrap .btn-newmember-l a:hover {
	background-color: #fff863;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* mibonとは？ */
.guide-tl {
	line-height: 1em;
	font-weight: bold;
}
.guide-tl22 {
	font-size: 22px;
	line-height: 1em;
	font-weight: bold;
}

/* mibonをオススメする理由 */
.rcmd-box {
	margin: 0;
	padding: 30px;
	background: #fdf8ed;
}
.rcmd-box figure {
	float:left;
}
.rcmd-box .rcmd-txt {
	float:left;
	width: 480px;
	margin: 0 0 0 22px;
	font-size: 14px;
	line-height: 1.8em;
}
.rcmd-box .rcmd-txt h3 {
	margin: 20px 0 20px;
	font-size: 24px;
	line-height: 1.5em;
	color: #4baade;
	font-weight: bold;
	letter-spacing: 1px;
}
.rcmd-box .rcmd-txt .size18 {
	font-size: 18px;
}
.rcmd-box .rcmd-txt .size21 {
	font-size: 21px;
}
.rcmd-box .rcmd-txt .size12 {
	font-size: 12px;
	line-height: 1em;
}
.rcmd-box .rcmd-txt .mb20 {
	margin: 0 0 20px;
}
.rcmd-txt .rcmd-caution {
	margin: 0 0 18px;
	font-size: 11px;
}
.rcmd-add-box {
	margin: 0;
	padding: 0 0 30px;
	background: #fdf8ed;
}
.delivery-box {
    margin: 0 60px;
    display: flex;
    justify-content: space-between;
}
.delivery-box .point-about {
	width: 330px;
	background: #fff;
}
.delivery-box .point-about dt {
	margin: 0;
	padding: 10px 0 8px 4px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	color: #fff;
	background: #4baade;	
}
.delivery-box .point-about dd {
	padding: 16px 20px 20px 20px;
}
.btn-about-pint {
	width: 260px;
	line-height: 38px;
	margin: 20px auto 0;
	text-align: center;
	background-color: #e7ddd8;
	border-radius: 4px;
}
.btn-about-pint a {
	display: block;
	font-size:  15px;
	color: #6f5647;
	text-decoration: none;
}
.btn-about-pint a:after {
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 10px;
	height: 19px;
	background: url(../img/guide/arrow-brown.png) no-repeat top right;
	background-size: 10px 19px;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.btn-about-pint:hover {
	background-color: #9e735a;
}
.btn-about-pint a:hover {
	color: #fff;
}
.btn-about-pint a:hover:after {
	background: url(../img/guide/arrow-white.png) no-repeat top right;
}

.rcmd-box:after {
	content:"";
	clear: both;
	display: block;	
}

/* 未来屋書店会員になるには？ */
.guide-tl-s {
	margin: 30px 0 16px;
	font-size: 16px;
}
.guide-tl-s:before {
	content: "";
	display: inline-block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	background: url(../img/guide/ico-h3.png) no-repeat top left;
	background-size: 24px 24px;
	vertical-align: middle;
	padding: 0 0 0 4px;
}
.howto-member {
	margin: 0 0 30px;
}

/* ネットストアサービス */
.guide-service-box {
	margin: 30px 0;
}
.guide-service-box:last-child {
	margin: 30px 0 80px;
}
.guide-service-box dl {
	width: 450px;
	float: left;
}
.guide-service-box dt {
	margin: 0 0 14px;
}
.guide-service-box p {
	float: left;
	margin: 16px 0 0 14px;
}
.guide-service-box:after {
	content:"";
	clear: both;
	display: block;
}
.guide-service-box p a:hover {
	opacity: 0.7;
}

.inner-single {
    margin: 0 40px 10px;
}
.inner-single .point-about {
	background: #fff;
}
.inner-single .point-about dt {
	margin: 0;
	padding: 10px 0 8px 4px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	color: #fff;
	background: #c05ea6;	
}
.inner-single .point-about dd {
	padding: 16px 20px 20px 20px;
}
.btn-about-pint {
	width: 260px;
	line-height: 38px;
	margin: 14px auto 0;
	text-align: center;
	background-color: #e7ddd8;
	border-radius: 4px;
}
.contents#choise-delivery {
    margin:0 5px 60px;
}

/* ----------------------------
	Cart Faq
---------------------------- */
.mod-cart-faq {
	padding: 15px 20px;
	background-color: #f5f5f5;
	font-size: 13px;
	margin: 0 0 20px;
}
.mod-cart-faq-inner {
	display: flex;
	justify-content: space-between;
}
.mod-cart-faq-title {
	width: 25%;
	font-weight: bold;
}
.mod-cart-faq-text {
	width: 75%;
	font-size: 12px;
}