@charset "utf-8";

/* ---------------------------------------------------------------------------------------- 
	CMS layout
---------------------------------------------------------------------------------------- */
.left  {float: left;}
.right {float: right;}
.textC {text-align: center;}
.textR {text-align: right;}
.box   {margin: 0 0 15px;}
img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	max-width: 100%;
}


/* ---------------------------------------------------------------------------------------- 
	table
---------------------------------------------------------------------------------------- */
table {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0 0 15px;
}
table th{
	padding:10px;
	background:#eee;
	vertical-align:top;
	border:1px solid #ccc;
}
table td{
	padding:10px;
	border:1px solid #ccc;
}


/* ---------------------------------------------------------------------------------------- 
	list
---------------------------------------------------------------------------------------- */
ul {
	padding-left: 20px;
}


/* ---------------------------------------------------------------------------------------- 
	form
---------------------------------------------------------------------------------------- */

/* .form-control */
.parts_other_bupageTopBox a,
.parts_other_buPrintBox a,
.returnBu a,
a.returnBu,
.cartPartsLook a,
.clearBu input,
.agreeNoBu input,
.agreeYesBu input,
.noAgreeYesBu input,
.pageLinkBox a,
input.formRegisterBu,
input:not([type]),
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="button"],
input[type="submit"],
select,
textarea {
/*  width: 100%;*/
/*  height: 34px;*/
  padding: 6px 12px;
  margin: 5px 0;
  font-size: 1rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
.returnBu a:focus,
a.returnBu:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.parts_other_bupageTopBox a:hover,
.parts_other_buPrintBox a:hover,
.returnBu a:hover,
a.returnBu:hover,
.cartPartsLook a:hover{
	text-decoration:none;
}

input[disabled],
button[disabled],
input[readonly],
button[readonly],
fieldset[disabled] input,
fieldset[disabled] button {
  background-color: #eee;
  opacity: 1;
}
input[disabled],
button[disabled],
fieldset[disabled] input,
fieldset[disabled] button {
  cursor: not-allowed;
}

/* サイズ調整 */
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	width: 100%;
}

/* button */
#mailform_form .pageLinkBox ul{
	list-style-type: none;
}
#mailform_form .pageLinkBox ul li{
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/* file */
#mailForm input[type="file"] {
    padding: 12px 12px 12px 0px;
}

/* label */
#mailForm label {
    padding: 12px 12px 12px 0px;
}

/* チェックボックス/ラジオボタン */
#mailForm label .checkbox,
#mailForm label .radio {
	display: inline;
}

/* ドロップダウン */
select {
	height: 34px;
	max-width: 100%;
}

/* formパーツ - 郵便番号・電話番号 */
input.ant2api-zip,
input.ant2api-pref,
input[name=user_zip1],
input[name=user_zip2],
input[name=user_tel1],
input[name=user_tel2],
input[name=user_tel3],
input[name=user_fax1],
input[name=user_fax2],
input[name=user_fax3],
input[name=user_mobile1],
input[name=user_mobile2],
input[name=user_mobile3] {
  width: auto;
}

/* formパーツ - HTML */
#mailForm p,
#mailform_form p {
	margin: 10px 5px;
}

/* form - エラーメッセージ */
.errorMessage,
form table th strong {
	color: #ff0000;
}


@media (min-width: 768px) {
	.blogCommentPostBox table th,
	#mailform_form table th,
	form table th {
		width: 20%;
		white-space: nowrap;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 0px;
	}
	.blogCommentPostBox table td,
	#mailform_form table td,
	form table td {
		width: 80%;
		border-top: 0px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-left: 0px;
	}
}
@media (max-width: 767px) {
	.blogCommentPostBox table th,
	#mailform_form table th,
	form table th {
		width: 100%;
		display: block;
		white-space: normal;
		border-top: 1px solid #ccc;
		border-bottom: 0px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.blogCommentPostBox table td,
	#mailform_form table td,
	form table td {
		width: 100%;
		display: block;
		white-space: normal;
		border-top: 0px;
		border-bottom: 0px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.blogCommentPostBox table,
	#mailform_form table,
	form table {
		border-bottom: 1px solid #ccc;
	}
}

/* btn-primary */
.btn-primary {
    background-color: #444 !important;
    border-color: #ccc !important;
    color: rgb(255, 255, 255) !important;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #444 !important;
    border-color: #ccc !important;
}
.btn-primary:hover {
    background-color: #777 !important;
    border-color: #ccc !important;
}

/* btn-lg */
.btn-lg {
    border-radius: 6px !important;
    font-size: 1.2857rem !important;
    line-height: 1.33333 !important;
    padding: 10px 16px !important;
}