@charset "shift_jis";
/**
 *
 *  フォーム拡張
 *
 */
 
/*--------------------------------------------------------------------------
   placeholder
---------------------------------------------------------------------------*/
input::-webkit-input-placeholder {
    color: #C3C0CB;
    font-weight: normal;
		line-height:16px;
}
input:-ms-input-placeholder {
    color: #C3C0CB;
    font-weight: normal;
		line-height:18px;
}
input::-moz-placeholder {
    color: #9994A7;
    font-weight: normal;
		line-height:18px;
}

/*--------------------------------------------------------------------------
   input deco
---------------------------------------------------------------------------*/
.sec-high label{
	position:relative;
	overflow:hidden;
	padding-left:32px;
}
.sec-high input[type="checkbox"],
.sec-high input[type="radio"]{
	position:absolute;
	top:5px;
	left:5px;
	-ms-filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	cursor:pointer;
}
.sec-high label{
	display:inline-block;
	background:url(../../images/v2/order/ico_radio_pc.png) no-repeat 0 1px;
}
.sec-high label.checked{
	background:url(../../images/v2/order/ico_radio_pc_on.png) no-repeat 0 1px;
}
.sec-high label.checkbox{
	padding:3px 0 3px 32px;
}
.sec-high label.checkbox{
	background:url(../../images/v2/order/ico_check_pc.png) no-repeat 0 4px;
}
.sec-high label.checkbox.checked{
	background:url(../../images/v2/order/ico_check_pc_on.png) no-repeat 0 4px;
}
.sec-high .completed{
	padding-top: 11px;
}
.def-fixer{
	display:none !important;
}

@media all and (max-width: 767px) {
	.sec-high label{
		padding-left:28px;
	}
	.sec-high label{
		background:url(../../images/v2/order/ico_radio_sp.png) no-repeat 0 1px;
		background-size:20px;
	}
	.sec-high label.checked{
		background:url(../../images/v2/order/ico_radio_sp_on.png) no-repeat 0 1px;
		background-size:20px;
	}
	.sec-high label.checkbox{
		background:url(../../images/v2/order/ico_check_sp.png) no-repeat 0 2px;
		background-size:20px;
	}
	.sec-high label.checkbox.checked{
		background:url(../../images/v2/order/ico_check_sp_on.png) no-repeat 0 2px;
		background-size:20px;
	}
	.sec-high .completed{
		padding-top: 0;
	}
}


/*--------------------------------------------------------------------------
   overwrite  - 上書き -
---------------------------------------------------------------------------*/
#footer-re{
	margin-top:40px;
}
.bold{
	font-weight:bold;
}
.em {
	color:#E70012;
	font-weight:bold;
}
.narrow-mt{
	/*margin-top:-12px;*/
}
.asset_select-base {
	float:left;
}
.asset_select-base select {
	padding: 4px 45px 4px 5px;
	min-width: 163px;
	min-height:33px;
}
.asset_input-base input {
	padding: 7px 9px;
	border: 1px solid #C3C3C3;
	border-radius: 0;
	background-color: #FFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
  min-height: 33px;
	vertical-align:middle;
}
.asset_check-base input {
	margin-right:15px;
}

.asset_input-base .sub-txt-s{
	font-size:86%;
}

.browser-ie8 .asset_select-base select,
.browser-ie9 .asset_select-base select,
.browser-ie9 .asset_input-base input,
.browser-ie8 .asset_input-base input{
	min-height:inherit;
	padding: 9px 5px 7px 5px;
}


/* placeholder */
.asset_input-base.for-ie p{
	display:inline-block;
	color:#999;
	font-size:11px !important;
	letter-spacing: normal;
	line-height: 17px;
}


@media all and (max-width: 767px) {
	#footer-re{
		margin-top:40px;
	}
	.asset_select-base {
	 width:100%;
	}
	.asset_ttl_cmn {
	 margin-bottom:20px;
	}
	.asset_select-base select {
		padding:4px 32px 3px 9px;
		font-size:86%;
	}
	.asset_input-base input{
		font-size:86%;
	}
	.asset_check-base input {
		margin-right:5px;
	}
	.asset_check-base label{
		overflow:hidden;
	}
	.asset_input-base .sub-txt-s{
		display:block;
		margin-top:5px;
	}
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
.sp-elm{
	display:none;
}
@media all  and (max-width: 767px){
	.sp-elm{
		display:block;
	}
	.pc-elm{
		display:none;
	}
}

/* img-box */
.cmn_img-box{
	overflow:hidden;
}
.cmn_img-box .sel-img{
	float:left;
	margin-right:25px;
}
.cmn_img-box .sel-txt{
	overflow:hidden;
	text-align:left;
}

/* tbl-box */
.cmn_tbl-box{
	overflow:hidden;
}
.cmn_tbl-box .sel-img,
.cmn_tbl-box .sel-txt{
	display:table-cell;
	vertical-align: middle;
}
.cmn_tbl-box .sel-img{
	vertical-align:middle;
	padding-right:25px;
}
.cmn_tbl-box .sel-txt{
	text-align:left;
}

/* asset_select-base */
.asset_select-base:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 8px;
  margin-top: -4px;
  background: url(../../images/v2/common/select_arw_pc.png) no-repeat;
  background-size: 12px 8px;
  z-index: 1;
  pointer-events: none;
}
.asset_select-base:before{
  content: "";
  position: absolute;
  width: 1px;
  right: 30px;
  bottom: 0;
  height: 100%;
  border-left: 1px solid #C3C3C3;
  pointer-events: none;
}

/* IE8,9 */
.browser-ie9 .asset_select-base select,
.browser-ie8 .asset_select-base select{
  padding-right:8px;
}
.browser-ie9 .asset_select-base:after,
.browser-ie8 .asset_select-base:after,
.browser-ie9 .asset_select-base:before,
.browser-ie8 .asset_select-base:before{
	display:none;
}

@media all  and (max-width: 767px){
	.asset_select-base:after{
	  background: url(../../images/v2/common/select_arw_sp.png) no-repeat;
	  background-size: 12px 8px;
	}
}

/* caution */
.sec-cont .caution {
	margin-top:10px;
	color:#E50012;
	font-size:86%;
	padding:0 0 0 1em;
	text-indent:-1em;	
	line-height: 17px;
}
.sec-cont .list-caution {
	margin-top:10px;
	color:#E50012;
	font-size:86%;
}
.sec-cont .list-caution li{
	padding:0 0 0 1em;
	text-indent:-1em;
}

@media all and (max-width: 767px) {
.sec-cont .caution {
	font-size:100%;
}
.sec-cont .list-caution {
	font-size:100%;
}
.sec-cont .caution:first-letter,
.sec-cont .list-caution li:first-letter{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
}

/* other type */
.sec-cont .caution.type02{
	color:#333;
}


/* list */
.list-lead {
	margin-top:10px;
	padding:0 0 0 1em;
	text-indent:-1em;
}
@media all and (max-width: 767px) {
	.list-lead {
		font-size:86%;
	}
}


/* label */
.sec-cont {
	margin-top:20px;
}
.sec-high > label {
	display:inline-block;
	margin:12px 0;
}
.sec-high > label  span {
	display:inline-block;
	padding-top:1px;
	font-weight:bold;
	font-size:109%;
	vertical-align: middle;
}
.sec-high > label input {
	margin-right:8px;
  vertical-align: middle;
}
.sec-high > .low {
	overflow:hidden;
	margin-left:32px;
}
.sec-high > label span .sub {
	font-size:86%;
	font-weight:normal;
	color:#E50012;
}
.hide .form-base:first-child {
	padding-top:0;
}

.sec-high > label.no-gap-b{
	margin-bottom:0;
}


@media all and (max-width: 767px) {
 .sec-high > label {
	 overflow:hidden;
	}
	 .sec-high > label input {
	 display:block;
	 float:left;
	}
	 .sec-high > label span {
	 display:block;
	 overflow:hidden;
	}
	 .sec-high > label input {
	 margin-right:4px;
	}
	 .sec-high > .low {
	 margin-left:28px;
	}
}

/* form-base */
.sec-cont .form-base {
	overflow:hidden;
	border-top:1px dashed #C2C2C2;
	padding:15px 0;
}
.sec-cont .form-base:first-child {
	border-top:none;
}
.sec-cont .form-base.fix-pad-bt{
	padding-bottom:5px;
}
.sec-cont .form-base.no-line{
	border-bottom:none;
	padding-bottom:0;
}
.sec-cont .ttl-form {
	padding-right: 73px;
	position: relative;
	float: left;
	padding-top: 7px;
	width: 145px;
	font-weight: bold;
}
.sec-cont .ttl-form .ico-must {
	position:absolute;
	top: 8px;
	right: 30px;
	padding:2px 10px 0;
	color:#FFF;
	font-size:72%;
	font-weight:normal;
	background:#E70012;
}
.sec-cont .ttl-form .ico-must.dual{
	top: 75px;
}
.sec-cont .lower {
	float:left;
	width:460px;
}

@media all and (max-width: 767px) {
 .sec-cont {
	 margin-top:0;
	}
	 .sec-cont .lower {
	 float:none;
	 width:100%;
	}
	 .sec-cont .ttl-form {
	 padding-right: 0;
	 padding-bottom:5px;
	 position: relative;
	 float: none;
	 padding-top: 0;
	 width: auto;
	}
	 .sec-cont .ttl-form  p {
		 font-size:109%;
		 display:inline-block;
	}
	 .sec-cont .ttl-form .ico-must {
	 display:inline-block;
	 position:static;
	 top: inherit;
	 right: inherit;
	 margin-left:5px;
	}
	.sec-cont .ttl-form .ico-must.dual{
		display:none;
	}
}


/*--------------------------------------------------------------------------
   form-sets
---------------------------------------------------------------------------*/
.lower .asset_check-base {
	overflow:hidden;
	padding-top:5px;
}

.set-name .asset_input-base input {
	width:211px;
	margin-right:5px;
}
.set-name .asset_input-base input:first-child {
	margin-right:5px;
}

@media all and (max-width: 767px) {
 .set-name .asset_input-base {
	 letter-spacing: -.40em;
	}
	 .set-name .asset_input-base input {
	 width:45%;
	 margin-right:0;
	}
	 .set-name .asset_input-base input:first-child {
	 margin-right:4%;
	}
	 .set-name .asset_input-base .sub {
	 display:inline-block;
	 text-align:right;
	 width:5%;
	}
}

.set-code .asset_input-base {
	float:left;
}
.set-code .asset_input-base input {
	width:100px;
}
.set-code .asset_input-base .sub {
	margin:0 5px;
}
.set-code .btn-address {
	float:right;
	margin-top: -4px;
}
.set-code .btn-address input {
	display:block;
	text-indent:-9999px;
	border:none;
	width:170px;
	height:40px;
	cursor:pointer;
	border-radius:0;
	background:url(../../images/v2/order/btn_address_pc.png) no-repeat 0 0;
}
.set-code .btn-address input:hover{
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}

.set-code .asset_input-base.for-ie{
	width:100%;
}
.set-code .input-error{
	float: left;
}

@media all and (max-width: 767px) {
 .set-code .asset_input-base {
	 width:65%;
	}
	 .set-code .asset_input-base input {
	 width:40%;
	}
	 .set-code .asset_input-base .sub {
	 margin:0 5px;
	}
	.set-code .btn-address{
		margin-top:0;
	}
	.set-code .btn-address input {
	 width:85px;
	 height:35px;
	 cursor:pointer;
	 background:url(../../images/v2/order/btn_address_sp.png) no-repeat 0 0;
	 background-size:85px 35px;
	}
}

.set-address02 .asset_input-base input {
	width:100%;
}
.set-tel .asset_input-base {
	margin-bottom:10px;
}
.set-tel .asset_input-base.for-ie{
	margin:-6px 0 10px 50px;
}
.set-tel .asset_input-base.for-ie._type01{
	margin: -6px 0 10px 0;
}
.set-tel .input-error.tel{
	margin-top: -10px;
	margin-bottom: 15px;
}
.set-tel .asset_input-base .sub01 {
	margin-right:5px;
}
.set-tel .asset_input-base .sub02 {
	margin:0 5px;
}
.set-tel .asset_input-base input {
	width:100px;
}

@media all and (max-width: 767px) {
	.set-tel .asset_input-base {
		margin-bottom: 0;
	}
	.set-tel .asset_input-base.for-ie,
	.set-tel .asset_input-base.for-ie._type01{
		margin: 4px 0 5px 0;
	}
	.set-tel .input-error.tel{
		margin-top: -8px;
		margin-bottom: 10px;
	}
	 .set-tel .asset_input-base {
	 letter-spacing: -.40em;
	}
	 .set-tel .asset_input-base input {
	 width:30.33%;
	}
	 .set-tel .asset_input-base input {
	 width:30.60%;
	}
	 .set-tel .asset_input-base .sub01 {
	 letter-spacing:normal;
	 margin-right:0;
	 display:block;
	}
	 .set-tel .asset_input-base .sub02 {
	 letter-spacing:normal;
	 display:inline-block;
	 margin: 0;
	 width:4%;
	 text-align: center;
	}
}

.set-date .sp-fixer {
	display:inline-block;
}
.set-date .asset_select-base {
	display:inline-block;
	float:none;
	width:122px;
}
.set-date .asset_select-base select{
	min-width:inherit;
}

.set-date .sub {
	margin:0 4px;
}
.set-date p {
	margin-top:10px;
	font-size:86%;
}

@media all and (max-width: 767px) {
 .set-date {
	 letter-spacing: -.40em;
	}
	 .set-date p,  .set-date ul {
	 letter-spacing: normal;
	}
	 .set-date .sp-fixer {
	 width:32%;
	}
	 .set-date .sp-fixer:first-child {
	 width:36%;
	}
	 .set-date .sp-fixer .asset_select-base {
	 width:80%;
	}
	 .set-date .sp-fixer .sub {
	 letter-spacing:normal;
	 display:inline-block;
	 margin:0;
	 width:18.7%;
	 margin-left:1px;
	 text-align:center;
	}
}

.set-card-code .asset_input-base {
	display:inline-block;
}
.set-card-code .asset_input-base input {
	width:110px;
}
.set-card-code .sub {
	margin:0 5px;
}

@media all and (max-width: 767px) {
 .set-card-code {
	 letter-spacing: -.40em;
	}
	 .set-card-code .asset_input-base {
	 width:24%;
	 margin-right:1%;
	}
	 .set-card-code .asset_input-base:last-child {
	 width:25%;
	 margin-right:0;
	}
	 .set-card-code .asset_input-base input {
	 width:100%;
	}
	 .set-card-code .sub {
	 display:none;
	}
}

.set-coupon-code .asset_input-base input{
	width:290px;
}

@media all and (max-width: 767px) {
	.set-coupon-code .asset_input-base input{
		width:100%;
	}
}


.set-last-date .asset_select-base {
	display:inline-block;
	float:none;
}
.set-last-date .asset_select-base select {
	width:110px;
}
.set-last-date .sub {
	margin:0 4px;
}

@media all and (max-width: 767px) {
	.set-last-date .asset_select-base {
	 width:38%;
	}
	.set-last-date .asset_select-base select {
		min-width:inherit;
		width:100%;
	}
}

.set-conf {
	position: relative;
}
.set-conf .input-error {
	float: left;
}
.set-conf .asset_input-base {
	
}
.set-conf .asset_input-base input{
	width:100%;
}
.set-conf .conf{
	margin:10px 0 5px;
}
.set-id .sec-high{
	margin-top:-6px;
}
.set-id .sec-high > label span{
	font-weight:normal;
}
.set-id .sec-high label:first-child{
	margin-top:5px;
}
.set-id .other{
	margin-left:32px;
}
.set-id .other input[type="text"]{
	width:100%;
}
.set-id .caution{
	margin-bottom: 10px;
}

.set-add-mailmag label span.em{
	margin-left:5px;
}
.set-add-mailmag .sub-txt{
	margin-top:15px;
	font-size:86%;
}

@media all and (max-width: 767px) {
	.set-add-mailmag .sub-txt{
		margin-top:8px;
		margin-left: 32px;
	}
	.set-add-mailmag label span.em{
		margin-left:0;
	}
}

.box-address .form-base .lower.set-address01{
	width:738px;
}
.box-address .form-base .lower.set-address01 .asset_select-base select{
	max-width:595px;
	width:auto;
}

@media all and (max-width: 767px) {
	.box-address .form-base .lower.set-address01{
		width:auto;
	}
	.box-address .form-base .lower.set-address01 .asset_select-base select{
		max-width:inherit;
		width:100%;
	}
}


/*--------------------------------------------------------------------------
   sec-input-base
---------------------------------------------------------------------------*/
.sec-input-base {
	margin-top:40px;
}
.sec-input-base:first-child {
	margin-top:0;
}
.sec-input-base h2.ttl-input {
	margin-bottom:20px;
	padding:7px 25px;
	color:#FFF;
	font-size:143%;
	font-weight:bold;
	background:#001489;
}
.sec-input-base h2.ttl-input .sub {
	font-size:72%;
	vertical-align:middle;
	margin-left:5px;
}
.sec-input-base .lead{
	margin-bottom:20px;
	font-weight: normal;
}
.sec-input-base .lead a:hover{
	color:#333;
}

@media all and (max-width: 767px) {
	 .sec-input-base {
	 margin-top:20px;
	}
	.sec-input-base h2.ttl-input {
	 margin:0 -15px 20px;
	 padding:9px 15px 8px;
	 font-size:117%;
	 line-height:16px;
	}
	.sec-input-base h2.ttl-input .sub{
		display:block;
	}
	.sec-input-base .lead{
		margin-bottom:0;
	}
}

/*--------------------------------------------------------------------------
   block-next
---------------------------------------------------------------------------*/
.block-next {
	margin-top:15px;
	margin-bottom:0;
	padding-top:30px;
	border-top:1px solid #D3DAE4;
}
.block-next p {
	text-align:center;
}
.block-next p label {
	display: inline-block;
	width:310px;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	background:#FF8800;
	font-size:115%;
	font-weight:bold;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.block-next p input {
	color:#FFF;
	padding-left:20px;
	background:url(../../images/v2/cart/ico_arw01_pc.png) no-repeat 0 50%;
	border: none;
	cursor: pointer;
}
.block-next p label:hover{
	background-color:#FFAB4C;
}

@media all and (max-width: 767px) {
	.block-next{
		margin-top:15px;
		margin-bottom:0;
		padding-top: 15px;
	}
 	.block-next p label {
	 width:100%;
	 font-size:100%;
	}
	.block-next p input {
		padding-left:16px;
		background:url(../../images/v2/cart/ico_arw01_sp.png) no-repeat 0 50%;
		background-size:8px 13px;
	}
}

/*--------------------------------------------------------------------------
   sec-conf
---------------------------------------------------------------------------*/

/* .ttl-wrap
----------------------------------------------------------------*/
.sec-conf .ttl-wrap{
	position:relative;
}
.sec-conf .ttl-wrap .btn-edit{
	position:absolute;
	top:5px;
	right:10px;
	background:#FFF;
}
.sec-conf .ttl-wrap .btn-edit a{
	display:block;
	width:110px;
	padding:7px 0;
	color:#043392;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:#FFF;
}
.sec-conf .ttl-wrap .btn-edit a span{
	padding:7px 0 7px 23px;
	background:url(../../images/v2/order/ico_pen_pc.png) no-repeat 0 50%;
}
.sec-conf .ttl-wrap .btn-edit a:hover{
	background-color:#E0E6FE;
}
.sec-conf .ttl-wrap .ttl-input{
	margin-bottom:0;
}

@media all and (max-width: 767px) {
	.sec-conf .ttl-wrap .btn-edit{
		right:0;
	}
	.sec-conf .ttl-wrap .btn-edit a{
		width: 90px;
		padding: 5px 0;
	}
	.sec-conf .ttl-wrap .btn-edit a span{
		background:url(../../images/v2/order/ico_pen_sp.png) no-repeat 0 50%;
		padding:7px 0 7px 18px;
		background-size:14px;
	}
	.sec-conf .ttl-wrap .ttl-input{
		margin-bottom:0;
	}
}

/* .conf-base
----------------------------------------------------------------*/
.conf-base {
	overflow:hidden;
	border-bottom:1px dashed #C2C2C2;
	padding:15px 0;
}
.conf-base:first-child {
	border-top:none;
}
.conf-base.no-line{
	padding-bottom:0;
	border-bottom:none;
}
.conf-base .ttl-conf {
	padding-right: 25px;
	position: relative;
	float: left;
	width: 170px;
	font-weight: bold;
}
.conf-base .txt-conf{
	overflow:hidden;
}
.conf-base .txt-conf .em{
	margin-left:5px;
}

@media all and (max-width: 767px) {
	.conf-base .ttl-conf {
    padding-right: 5px;
    padding-top: 0;
    width: 110px;
	}
}

/* .block-next
----------------------------------------------------------------*/
.sec-conf .block-next.pc-elm{
	margin-top:35px;
	padding-top:0;
	border-top:none;
}
.sec-conf .block-next.pc-elm .btn{
	margin-top:25px;
}

@media all and (max-width: 767px) {
	.sec-conf .block-next.sp-elm .btn{
		margin-top:15px;
	}
}


/*--------------------------------------------------------------------------
   sec-comp
---------------------------------------------------------------------------*/
.sec-comp{
	text-align:center;
}
.sec-comp h2,
.sec-comp .ttl-comp{
	font-size:28px;
	font-weight:bold;
}
.sec-comp .lead-high{
	margin-top:15px;
}

@media all and (max-width: 767px) {
	.sec-comp{
		margin-top:20px;
	}
	.sec-comp h2,
	.sec-comp .ttl-comp{
		
		font-size:129%;
	}
}

/* .block-next
----------------------------------------------------------------*/
.sec-comp.sec-input-base h2.ttl-input{
	text-align:left;
}
.sec-comp .block-comp-info{
    overflow:hidden;
    width:640px;
    margin:35px auto 0;
    padding:20px 15px;
    border:1px solid #D9DBDE;
    background:#F2F4F7;
}
.sec-comp .block-comp-info .box-left{
	float:left;
	width:279px;
	padding:0 20px;
	border-right:1px dashed #A4A9B0;
}
.sec-comp .block-comp-info .box-right{
	float:left;
	width:280px;
	padding:0 20px;
}
.sec-comp .block-comp-info h3{
	font-size:129%;
	font-weight:bold;
}
.sec-comp .block-comp-info .data{
	margin-top:8px;
	font-size:115%;
	color:#043392;
}
.sec-comp .listen {
    /*margin-top: 20px; */
    /* background: #fae1e6; */
    /* border: 1px solid #f99; */
    background: #001489;
    padding: 0;
}
.sec-comp .listen a {
    display: block;
    padding: 20px 0;
    text-decoration: none;
}
.sec-comp .listen span{
    padding-left: 20px;
    background: url(../../images/v2/cart/ico_arw01_pc.png) no-repeat 0 50%;
    color: #fff;
    font-size: 129%;
    font-weight: bold;
}
.sec-comp .block-back{
	margin-top:50px;
	padding-top:0;
	border-top:none;
	text-align:center;	
}
.sec-comp .block-back .btn-back li:first-child{
	display:inline-block;
	float:none;
}
.sec-comp .block-back .btn-back li:first-child a{
	width:290px;
}

@media all and (max-width: 767px) {
    .sec-comp .listen span{
    font-size: 115%;
    }
}
@media all and (max-width: 767px) {
	.sec-comp .block-comp-info{
    margin-top: 25px;
    /* padding: 15px; */
    width: auto;
	}
	.sec-comp .block-comp-info .box-left{
		float:none;
		width:auto;
		padding:0;
		border-right:none;
	}
	.sec-comp .block-comp-info .box-right{
		float:none;
		width:auto;
		margin-top:20px;
		padding:20px 0 0 0;
		border-top:1px dashed #A4A9B0;
	}
	.sec-comp .block-comp-info h3{
		font-size:115%;
		font-weight:bold;
	}
	.sec-comp .block-back{
		margin-top:25px;
	}
	.sec-comp .block-back .btn-back li:first-child{
		width:100%;
	}
	.sec-comp .block-back .btn-back li:first-child a{
		width:auto;
	}
}


/*--------------------------------------------------------------------------
   cant-select使用不可時処理
---------------------------------------------------------------------------*/
#main .cant-select label,
#main .cant-select-low{
	background:url(../../images/v2/order/ico_radio_pc_off.png) no-repeat 0 1px;
	cursor:default;
}
#main .cant-select label input{
	display:none;
}
@media all and (max-width: 767px) {
	#main .cant-select label,
	#main .cant-select-low{
		background:url(../../images/v2/order/ico_radio_sp_off.png) no-repeat 0 1px;
		background-size:20px;
	}
}



/*--------------------------------------------------------------------------
   modalFrame
---------------------------------------------------------------------------*/
.modal-frame{
	display:none;
	position:absolute;
	top:0;
	left:0;
	min-width:980x;
	width:100%;
	height:100%;
	z-index: 10000;
}
.modal-frame .modal-bg{
	position:absolute;
	top:0;
	left:0;
	min-width:1074px;
	width:100%;
	height:100%;
	background:#20211f;
}
.modal-frame .modal-cont{
	position:absolute;
	left:50%;
}

.modal-frame .sec-cmn{
	padding:0 30px 0;
	border:none;
	height:100%;
}
.modal-frame .modal-inner{
	position:relative;
	width: 500px;
	height:100%;
	padding:40px;
	background:#FFF;
}
.modal-frame .ttl{
	margin:0 -40px;
	padding: 10px 15px;
	color:#FFF;
	font-weight:bold;
	font-size: 129%;
	background:#001489;
}

/* button */
.modal-frame .close{
	text-align:center;
  padding-top: 40px;
}
.modal-frame .close a{
  box-sizing: border-box;
  display: inline-block;
  max-width: 360px;
  padding: 15px 0;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
}
.modal-frame .close a{
  width: 360px;
}
.modal-frame .close a:hover{
  background: #292929;
}
.modal-frame .close span{
  display: inline-block;
  padding-left: 28px;
  font-size: 114%;
  background: url(../../images/v2/common/ico_close01.png) no-repeat 0 50%;
  background-size: 16px;
}
.modal-frame .close.top{
	position: absolute;
	top: -60px;
	right: 0;
	padding: 0;
}
.modal-frame .close.top a{
	width:47px;
}

.browser-ie8 .modal-frame .close span{
  background: url(../../images/v2/common/ico_close01_ie8.png) no-repeat 0 50%;
}

@media all and (max-width: 767px) {
	.modal-frame .modal-bg{
		min-width:inherit;
	}
	.modal-frame .modal-cont{
		width:290px;
	}
	.modal-frame .modal-inner{
		width: 260px;
		padding:15px;
	}
	.modal-frame .close{
		padding-top:15px;
	}
	.modal-frame .close a{
		width:100%;
		padding: 10px 0;
	}
	.modal-frame .close.top a{
		width: 37px;
    padding: 10px 5px;
	}
	.modal-inner .ttl{
		margin:0 -15px;
		font-size: 100%;
	}
	.regist-box{
		margin-top:15px;
	}
}


/**
レビュー投稿
 */
#review_input .sec-cont {
	position: relative;
}
#review_input .box-left {
	float: initial;
	position: absolute;
	top: 0;
}
#review_input .box-right {
	float: initial;
	margin-left: 350px;
}
#review_input_wrap .form-base.no-border {
	border-top: 0;
	padding-top: 0;
}
#review_input_wrap .ttl-form {
	padding-right: 20px;
	width: 170px;
	position: relative;
}
#review_input_wrap .ttl-form .text_right {
	position: absolute;
	right: 20px;
	top: 7px;
}
#review_input_wrap .checkbox-base label {
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 20px 10px 0;
	display: inline-block;
	cursor: pointer;
}
#review_input_wrap .checkbox-base label input[type=checkbox] {
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	cursor: pointer;
}
#review_input_wrap .checkbox-base label input[type=checkbox]:checked::after {
	content: '';
	display: block;
	width: 8px;
	height: 12px;
	border-bottom: 3px solid #333333;
	border-right: 3px solid #333333;
	border-radius: 2px;
	transform: rotate(45deg);
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	margin: auto;
}

#review_input_wrap .asset_radio {
	height: 30px;
	margin: 0 10px 10px;
	position: relative;
}
#review_input_wrap .asset_radio .line {
	width: 100%;
	height: 4px;
	background: #cccccc;
	position: absolute;
	bottom: 0;
}

#review_input_wrap .asset_radio .line div.radio1,
#review_input_wrap .asset_radio .line div.radio2,
#review_input_wrap .asset_radio .line div.radio3,
#review_input_wrap .asset_radio .line div.radio4,
#review_input_wrap .asset_radio .line div.radio5,
#review_input_wrap .asset_radio .line input {
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	cursor: pointer;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #cccccc;
	background: #ffffff;
	border-radius: 100%;
}
#review_input_wrap .asset_radio .line div.radio1,
#review_input_wrap .asset_radio .line div.radio2,
#review_input_wrap .asset_radio .line div.radio3,
#review_input_wrap .asset_radio .line div.radio4,
#review_input_wrap .asset_radio .line div.radio5 {
	box-sizing: border-box;
	cursor: default;
}
#review_input_wrap .asset_radio .line div.radio1.checked,
#review_input_wrap .asset_radio .line div.radio2.checked,
#review_input_wrap .asset_radio .line div.radio3.checked,
#review_input_wrap .asset_radio .line div.radio4.checked,
#review_input_wrap .asset_radio .line div.radio5.checked,
#review_input_wrap .asset_radio .line input:checked {
	border: 3px solid #fd8700;
}
#review_input_wrap .asset_radio .line .radio1 {
	left: 0;
}
#review_input_wrap .asset_radio .line .radio2 {
	left: 25%;
}
#review_input_wrap .asset_radio .line .radio3 {
	left: 50%;
}
#review_input_wrap .asset_radio .line .radio4 {
	left: 75%;
}
#review_input_wrap .asset_radio .line .radio5 {
	left: 100%;
}
#review_input_wrap .asset_radio .line span {
	position: absolute;
	color: #000;
	font-size: 12px;
	top: -2.3em;
}
#review_input_wrap .asset_radio .line span.radio_text1 {
	text-align: left;
}
#review_input_wrap .asset_radio .line span.radio_text3 {
	transform: translateX(-50%);
	text-align: center;
	left: 50%;
}
#review_input_wrap .asset_radio .line span.radio_text5 {
	text-align: right;
	right: 0;
}



#review_input_wrap .asset_input-base textarea {
	width: 100%;
	height: 100px;
	box-sizing: border-box;
}

#review_input_wrap .asset_img {
	font-size: 0;
	line-height: 0;
}
#review_input_wrap .asset_img img {
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
}
#review_input_wrap .lower {
	width: 360px;
}

#review_input_wrap .navi-review-error-image-list,
#review_input_wrap .navi-review-image-list {
	margin-top: 20px;
	font-size: 0;
	line-height: 0;
}

#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail,
#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
}
#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail .navi-review-image-delete,
#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail .navi-review-image-delete {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: #ffffff;
	cursor: pointer;
}
#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail .navi-review-image-delete:hover,
#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail .navi-review-image-delete:hover {
	opacity: 0.6;
	transition: opacity 0.2s ease-out;
}
#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail .navi-review-image-delete::after,
#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail .navi-review-image-delete::after {
	content: '';
	display: block;
	background: #000000;
	width: 14px;
	height: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
}
#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail .navi-review-image-delete::before,
#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail .navi-review-image-delete::before {
	content: '';
	display: block;
	background: #000000;
	width: 14px;
	height: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(-45deg);
}
#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail img,
#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail img {
	width: 100px;
	height: 100px;
}
#review_input_wrap .navi-review-error-image-list {
	margin-top: 20px;
}
#review_input_wrap .navi-review-error-image-list table {
	width: 100%;
	margin-bottom: 20px;
}
#review_input_wrap .navi-review-error-image-list table th {
	display: none;
}
#review_input_wrap .navi-review-error-image-list table td {
	color: #cb100f;
	font-size: 14px;
	line-height: 1.4;
}

@media all and (max-width: 767px) {

	#review_input .sec-cont {
		position: static;
	}
	#review_input .box-left {
		float: initial;
		position: static;
		top: initial;
	}
	#review_input .box-right {
		float: initial;
		margin-left: 0;
	}

	#review_input_wrap .ttl-form {
		float: none;
	}
	#review_input_wrap .ttl-form .text_right {
		position: static;
	}

	#review_input_wrap .asset_radio {
		box-sizing: border-box;
		height: 30px;
		margin: 0 10px 10px;
		position: relative;
	}

	#review_input_wrap .asset_radio .line span {
		font-size: 11px;
	}
	#review_input_wrap .lower {
		width: 100%;
	}
	#review_input_wrap .lower .asset_input-base {
		float: none;
		width: 100%;
	}
	#review_input_wrap .asset_img img {
		width: 80px;
		height: 80px;
		margin: 0 10px 10px 0;
	}

	#review_input_wrap .navi-review-error-image-list,
	#review_input_wrap .navi-review-image-list {
		margin-top: 20px;
		font-size: 0;
		line-height: 0;
	}

	#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail,
	#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail {
		display: inline-block;
		position: relative;
		width: 80px;
		height: 80px;
		margin: 0 10px 10px 0;
	}
	#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail .navi-review-image-delete:hover,
	#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail .navi-review-image-delete:hover {
		opacity: 1;
		transition: none;
	}
	#review_input_wrap .navi-review-error-image-list .navi-review-error-image-thumbnail img,
	#review_input_wrap .navi-review-image-list .navi-review-image-thumbnail img {
		width: 80px;
		height: 80px;
	}
	#review_input_wrap .navi-review-error-image-list {
		margin-top: 10px;
	}
	#review_input_wrap .navi-review-error-image-list table {
		width: 100%;
		margin-bottom: 10px;
	}
	#review_input_wrap .navi-review-error-image-list table td {
		font-size: 12px;
	}
	
}


/*--------------------------------------------------------------------------
   運営用CSS
---------------------------------------------------------------------------*/
.sec-unei{
	position:relative;
}
.sec-unei .block-next.pc-elm .btn{
	margin-top:70px;
}
.sec-unei .unei-checkbox01{
	position:absolute;
	width: 100%;
	bottom:70px;
	left:265px;
}
@media all and (max-width: 767px) {
	.sec-unei .block-next.sp-elm .btn{
		margin-top:60px;
	}
	.sec-unei .unei-checkbox01{
		width: 100%;
    bottom: 65px;
    left: 50%;
		margin-left:-82px;
	}
}