@charset "utf-8";
/* ============================================================ */
/* お問い合せ用スタイル */
/* ============================================================ */
.catalogue .inner p {
	/*text-align: center;*/
	margin: 0 0 10px 0;
}

.catalogue .inner .txt_red {
	color: #e62929;
	font-weight: bold;
}

.catalogue #catalogue_tel div {
	background: #ffecf2;
	padding: 15px;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	box-sizing:border-box;
}

.catalogue #catalogue_tel div h2 {
	font-size: 1.5rem;
	color: #7b4317;
	font-weight: bold;
	text-align: center;
}

.catalogue #catalogue_tel div p {
	margin: 0 !important;
}

.catalogue #catalogue_tel div p span {
	font-size: 2.2rem;
	color: #f66796;
	font-weight: bold;
	line-height: 1.4;
}

.catalogue #catalogue_tel div p a {
	color: #f66796 !important;
}



/* .catalogue_detail
------------------------------------------------------------ */
.catalogue .catalogue_detail {
	margin: 0 0 20px 0;
}

.catalogue .catalogue_detail ul {
	overflow: hidden;
}

.catalogue .catalogue_detail ul li {
	padding: 15px;
	border: 3px solid #ffe6ed;
	margin: 0 0 11px 0;
}

.catalogue .catalogue_detail ul li p {
	margin: 0;
}

.catalogue .catalogue_detail ul li h2 {
	text-align: center;
}

.catalogue .catalogue_detail ul li img {
	display: block;
	margin: 0 auto 5px auto;
	text-align: center;
	border: 1px solid #e3e3e3;
}



/* .contact_error
------------------------------------------------------------ */
.catalogue .contact_error {
	/*background: #fff0f1;
	border: 3px solid #eabcbf;
	padding: 25px;
	margin: 0 auto;*/
	margin: 15px 0;
}

.catalogue .contact_error p {
	background: #d70000;
	color: #fff;
	font-weight: bold;
	padding: 6px 10px;
	margin: 0 !important;
	font-size: 1.4rem;
}

/*.catalogue .contact_error ul li {
	color: #e62929;
	font-weight: bold;
	list-style-type: disc;
	margin: 0 0 0 20px;
}*/



/* table
------------------------------------------------------------ */
#catalogue_index .inner table {
	margin: 0 0 20px 0;
}

.catalogue .inner table {
	width: 100%;
	border: none;
	border-bottom: 1px solid #ddd;
}

.catalogue .inner table tr ,
.catalogue .inner table th ,
.catalogue .inner table td {
	display: block;
}

.catalogue .inner table th ,
.catalogue .inner table td {
	border-bottom: none;
}

.catalogue .inner table td {
	vertical-align: middle;
}

.catalogue .inner table td p {
	margin: 5px 0 0 0 !important;
	text-align: left !important;
}

.catalogue .inner table td .txt_error {
	color: #e62929;
	font-weight: bold;
}

.catalogue .inner table th {
	text-align: left;
}


/* formパーツ */
.catalogue .inner table td input[type="text"] ,
.catalogue .inner table td textarea {
	border: 1px solid #a9a9a9;
	background: none;
	-webkit-appearance:none;
	padding: 6px 8px;
	margin: 0 !important;
	line-height: 1.4;
	box-sizing: border-box;
	-webkit-appearance:none;
	border-radius: 0;
}

.catalogue .inner table td .tbox_s {
	width: 40%;
}

.catalogue .inner table td .tbox_m {
	width: 80%;
}

.catalogue .inner table td .tbox_l {
	width: 100%;
}

.catalogue .inner table td textarea {
	width: 100%;
	height: 100px;
	padding: 6px 8px;
	margin: 0;
	line-height: 1.4;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

.catalogue .inner table td .txt_error {
	color: #e62929;
	font-weight: bold;
}



/* .list_checkbox , .list_radio */
.catalogue .inner table td .list_checkbox ,
.catalogue .inner table td .list_radio {
	overflow: hidden;
	margin: 0 0 5px 0;
}

.catalogue .inner table td .list_checkbox li ,
.catalogue .inner table td .list_radio li {
	width: 100%;
	position: relative;
	margin: 0;
}

.catalogue .inner table td .list_checkbox li label ,
.catalogue .inner table td .list_radio li label {
    color:#333;
    display:block;
    text-align: left;
	padding: 8px 10px;
    border: 1px solid #ddd;
    border-bottom: none;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#EEEEEE));
    background:-moz-linear-gradient(#F9F9F9,#EEEEEE);
}

.catalogue .inner table td .list_checkbox li:last-of-type label ,
.catalogue .inner table td .list_radio li:last-of-type label {
    border-bottom: 1px solid #ddd;
}

.catalogue .inner table td .list_checkbox li label input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	box-sizing: border-box;
	position: relative;
	margin-right: 12px;
	width: 18px;
	height: 18px;
	border: 1px solid #aaa;
	vertical-align: -.7em;
	background: #e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.00, #fff), color-stop(1.00, #e2e2e2));
	background: linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
}

.catalogue .inner table td .list_radio li label input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	border: 1px solid #aaa;
	vertical-align: -.7em;
	background: #e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.00, #fff), color-stop(1.00, #e2e2e2));
	background: linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
}

.catalogue .inner table td .list_checkbox li label input[type="checkbox"]:checked ,
.catalogue .inner table td .list_radio li label input[type="radio"]:checked {
	background: #e90b09;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5d7b), color-stop(100%, #ee4464));
	background: linear-gradient(to bottom, #ff5d7b 0%, #ee4464 100%);
	border: 1px solid #ef3255;
}

.catalogue .inner table td .list_checkbox li label input[type="checkbox"]:checked::before {
	display: block;
	content: "";
	position: absolute;
	left: -1px;
	top: 11px;
	width: 10px;
	height: 3px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}

.catalogue .inner table td .list_radio li label input[type="radio"]:checked::before {
}

.catalogue .inner table td .list_checkbox li label input[type="checkbox"]:checked::after {
	display: block;
	content: "";
	position: absolute;
	left: 7px;
	top: 11px;
	width: 12px;
	height: 3px;
	background: #fff;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}

.catalogue .inner table td .list_radio li label input[type="radio"]:checked::after {
	display: block;
	content: "";
	position: absolute;
	left: 35%;
	top: 7px;
	width: 8px;
	height: 8px;
	background: #fff;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
	border-radius: 50%;
}


/*.catalogue table td .list_checkbox li input[type="checkbox"] ,
.catalogue table td .list_radio li input[type="radio"] {
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.catalogue table td .list_checkbox li input[type="checkbox"] + label,
.catalogue table td .list_radio li input[type="radio"] + label{
    color:#333;
    display:block;
    text-align: left;
	padding: 8px 10px;
    border: 1px solid #ddd;
    border-bottom: none;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#EEEEEE));
    background:-moz-linear-gradient(#F9F9F9,#EEEEEE);
}

.catalogue table td .list_checkbox li:last-of-type input[type="checkbox"] + label,
.catalogue table td .list_radio li:last-of-type input[type="radio"] + label{
    border-bottom: 1px solid #ddd;
}

.catalogue table td .list_checkbox li input[type="checkbox"] + label span {
	background: url(/common/img/common/ico_check.png) 0 0 no-repeat;
	background-size: 16px;
	display: inline-block;
	padding: 0 0 0 25px;
}

.catalogue table td .list_checkbox li input[type="checkbox"]:checked + label,
.catalogue table td .list_radio li input[type="radio"]:checked + label{
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ff5d7b),to(#ee4464));
    background: -moz-linear-gradient(#ff5d7b, #ee4464);
	border: 1px solid #ef3255;
    border-bottom: none;
    color:#fff;
}

.catalogue table td .list_checkbox li:last-of-type input[type="checkbox"]:checked + label,
.catalogue table td .list_radio li:last-of-type input[type="radio"]:checked + label{
    border-bottom: 1px solid #ef3255;
}

.catalogue table td .list_checkbox li input[type="checkbox"]:checked + label span {
	background: url(/common/img/common/ico_check_on.png) 0 0 no-repeat;
	background-size: 16px;
	display: inline-block;
	padding: 0 0 0 25px;
}
*/


/* .txt_ssl */
.catalogue .txt_ssl img {
	margin: 0 0 15px 0;
}


/* .btn_form */
.catalogue .btn_form {
	margin: 20px 0 0 0;
	overflow: hidden;
}

#catalogue_index .btn_form .btn ,
#catalogue_complete .btn_form .btn {
	width: 100% !important;
	box-sizing:border-box;
}

#catalogue_confirm .btn_form .btn {
	width: 48%;
	float: left;
}

#catalogue_confirm .btn_form .btn_gray {
	margin: 0 4% 0 0;
}