@charset "UTF-8";
/* CSS Document */
.pet2_title h2 {
	font-size:22px;
	font-weight:bold;
	position: relative;
	margin-bottom:20px;
}
.pet2_title h2:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    height: 4px;
    width: 43px;
    background: #bca779;
}
.pet2_title2 {
    background-color: #efefef;
    color: #376ca0;
    text-align: center;
    padding: 15px 5px;
    border-radius: 3px;
    font-size: 26px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}
.contact-form tr td:nth-of-type(1) {
    text-align: center;
    width: 70px;
}
.contact-form .pet2_page2 tr td:nth-of-type(1) {
	width: 90px;
}
.contact-form .pet2_page3 tr td:nth-of-type(1) {
	width: auto;
}
.contact-form .pet2_page4 tr td:nth-of-type(1) {
	width: auto;
	text-align:left;
}
.contact-form .pet2_page7 tr td:nth-of-type(1) {
	width: 120px;
}
.contact-form .pet2_page7 tr td.w_other:nth-of-type(1) {
	width: 50px;
}
.contact-form .pet2_page10 tr td:nth-of-type(1) {
	width: 170px;
	text-align:left;
}
@media (max-width: 400px) {
	.contact-form .pet2_page10 tr td:nth-of-type(1) {
		width: 130px;
	}
}
.contact-form .pet2_page11 tr td:nth-of-type(1) {
	width: 170px;
	text-align:left;
}
.contact-form table.pet2_page11 {
	font-size:16px;
	color:#333;
}
.contact-form table.pet2_page11.v2 {
	width:80%;
}
@media (max-width: 767px) {
	.contact-form table.pet2_page11.v2 {
		width:100%;
	}
}
.pet2_page12 {
	font-size:20px;
	color:#333;
}
.contact-form .pet2_page11 tr td {
	padding: 10px;
    border: 1px solid #efefef;
	text-align:center;
}
.contact-form .pet2_page12 tr td {
	padding: 30px 0;
    border-bottom: 1px solid #efefef;
}
.contact-form tr td.p_left:nth-of-type(1) {
    text-align: left;
}
.contact-form table input.inp_half {
	width:50%;
	margin-bottom:5px;
}
.btn.page1_btn1 {
	background-color: #2879b1;
	color: #fff;
	font-weight: bold;
	font-size:15px;
}
.base-form .note.pet2 {
    background: #ffe5e6;
	display: inline-block;
	border-radius: 4px;
	line-height: 1;
	margin: 0 4px;
}
.base-form .note.pet2 span {
    padding: 8px 10px;
	display: block;
}
.pet2_pro_w {
	position: relative;
	padding-right: 55px;
}
.pet2_pro_list #signup-act-popup .gift-wrap {
	text-align:left;
}

@media (max-width: 479px){
	.pet2_pro_list #signup-act-popup .gift-wrap {
		text-align: center;
	}
}
.pet2_btn {
	width:48%;
	margin:0 1%;
	padding:50px 10px 20px;
	float:left;
	background-color:#fffadc;
	color:#705c27;
	border-radius:4px;
	font-size:22px;
	border-right: 4px solid #dbcda1;
    border-bottom: 4px solid #dbcda1;
    border-top: 1px solid #dbcda1;
    border-left: 1px solid #dbcda1;
}
@media (max-width: 550px){
	.pet2_btn {
		font-size:18px;
	}
}
.pet2_btn i {
	font-size:70px;
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.pet2_btn span {
	display:block;
	width:100%;
	min-height:63px;
}
.pet2_sub {
	font-size: 22px;
    color: #2879b1;
    font-weight: bold;
}
.order_check_b {
	margin-bottom: 20px;
}
.order_check_b h5 {
	margin: 0; padding: 5px 15px;
	font-size: 13px;
    color: #777;
	background-color: #e4e4e4;
	border-radius: 4px 4px 0 0;
}
.order_check_b p.border_st {
	border-top: 1px solid #d2d2d2;
    padding-top: 20px;
	font-size: 22px;
    color: #000;
}
.order_check_b p.border_st.p8 {
    padding-top: 10px;
}
.pet2_img {
	float:left;
	width:100px;
	text-align:center;
	margin-bottom:20px;
	margin-right:20px;
}
.pet2_img.p8 {
	width:150px;
	position:relative;
}
.pet2_img.p8 span {
	width: 80px;
    padding: 2px 0;
    background-color: #1ec360;
    color: #fff;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 15px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pet2_img.p8 span.lost {
	background-color: #da130c;
}
@media (max-width: 479px) {
	.pet2_img, .pet2_img.p8 {
		width:100%;
		margin-right:0px;
	}
}
.pet2_text {
	float:left;
}
.pet2_text .title {
	font-size: 18px;
    color: #333;
}
.pet2_text.p8 .title {
	font-size: 18px;
    color: #ab1414;
}
.pet2_text .desc {
	font-size: 16px;
    margin-top: 8px;
}
.pet2_word_st1 {
	color:#ab1414;
}
.pet2_word_st2 {
	color: #ab1414;
    margin-top: 10px;
    font-size: 16px;
}
.pet2_word_st3 {
	color: #E2640F;
}
.pet2_word_st4 {
	color:#ab1414;
	font-size:17px;
	margin:3px 0;
}
.pet2_word_st6 {
	font-size: 20px;
    color: #333;
    font-weight: bold;
}
.pet2_word_st6 span {
	font-size: 17px;
    color: #2879b1;
}
.pet2_word_st7 {
	background-color: #ab1414;
    color: #fff;
    padding: 4px 6px;
    border-radius: 3px;
    margin-right: 2px;
}
.pet2_word_st8 {
    color: #333;
	padding-left:12px;
	line-height:2;
	margin-bottom:0;
}
.pet2_word_st9 {
    color: #333;
    padding-left: 0;
    line-height: 1.5;
    margin-bottom: 8px;
    font-size: 16px;
    margin-top: 20px;
}
.pet2_word_st10 {
    color: #333;
}
.pet2_word_st11 {
	font-size:60px;
}
.success-note.pet2 .highlight {
	line-height:1.5;
}
.order_list_b {
    padding: 15px 15px 5px 15px;
    background-color: #fffadc;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #333;
    text-align: left;
    font-size: 15px;
    line-height: 2;
}
.order_list_b select.area {
	width: 50%;
    height: 40px;
}
.mb-0 {
	margin-bottom:0!important;
}
.mt-0 {
	margin-top:0!important;
}
.list_st {
	margin-top:-4px;
}
.pet2_page1 #signup-act-popup .gift-wrap .desc {
	font-size:15px;
}
.pet2_page5 input[type="radio"] + label,
.pet2_page5 input[type="checkbox"] + label {
	font-size:15px;
}
.pet2_page6, .pet2_page6 .subtotal-final .sub .item span {
	font-size:15px;
}
.pet2_page10 input[type="radio"] + label,
.pet2_page10 input[type="checkbox"] + label {
	font-size:15px;
}
.contact-form label.pet2_label {
	font-weight:bold;
	color:#444;
}

@media (max-width: 340px) {
	.success-note.pet2 {
		font-size:14px;
	}
}
@media (max-width: 767px) {
	.pagi {
		display: block!important;
	}
	.pet2_word_st5 {
		font-size:13px;
	}
}
.base-btn.pet2p4_btn {
	width: 48%;
	margin: 0 1%;
	text-align: center;
	display: block;
	float: left;
	background-color: #bca779;
}
.base-btn.pet2p4_btn2 {
	width: 48%;
	margin: 0 1%;
	text-align: center;
	display: block;
	float: left;
	background-color: #897447;
}
.base-btn.pet2p8_btn {
	width: 33%;
	margin: 0 0.5% 15px 0;
	text-align: center;
	display: block;
	float: left;
	background-color: #b0dbed;
	color:#333;
	padding:30px 0;
	font-size:22px;
}
.base-btn.pet2p8_btn2 {
	width: 33%;
	margin: 0 0 15px 0;
	text-align: center;
	display: block;
	float: left;
	background-color: #b0dbed;
	color:#333;
	padding:30px 0;
	font-size:22px;
}
.base-btn.pet2p8_btn i, .base-btn.pet2p8_btn2 i {
	width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 42px;
	line-height:45px;
    font-weight: bold;
	margin-bottom:15px;
}
.base-btn.pet2p8_btn img, .base-btn.pet2p8_btn2 img {
	width: 45px;
    height: 45px;
	display:block;
    text-align: center;
    margin: 0 auto;
	margin-bottom:15px;
}
.base-btn.pet2p8_btn3 {
	width: 48%;
	margin: 0 1%;
	text-align: center;
	display: block;
	float: left;
	background-color: #ab1414;
}
.base-btn.pet2p8_btn4 {
	width: 48%;
	margin: 0 1%;
	text-align: center;
	display: block;
	float: left;
	background-color: #bba679;
}
.base-btn.pet2p8_btn5 {
    width: auto;
    margin: 2px 0;
    text-align: center;
    display: block;
    background-color: #2a79b0;
    padding: 5px;
}
.base-btn.pet2p10_btn {
    background-color: #ab1414;
}
.pet2_p8b {
	font-size: 22px;
    color: #6a6a6a;
    font-weight: bold;
    text-align: center;
    margin: 80px 0;
    line-height: 50px;
}
/***
@media (max-width: 767px) {
	.pet2_page1, .contact-form .pet2_page1 tr td .p-title {
		font-size:20px;
	}
	.pet2_page1 #signup-act-popup .gift-wrap .title {
		font-size:21px;
	}
	.pet2_page1 #signup-act-popup .gift-wrap .desc {
		font-size:18px;
	}
	.pet2_page2 {
		font-size:18px;
	}
	.contact-form .pet2_page5 tr td .p-title {
		font-size:20px;
	}
	.pet2_page5,
	.pet2_page5 input[type="radio"] + label,
	.pet2_page5 input[type="checkbox"] + label {
		font-size:18px;
	}
	.pet2_page6, .pet2_page6 .success-note,
	.pet2_page6 .subtotal-final .sub .item span,
	.pet2_page6 .subtotal-final .price span {
		font-size:18px;
	}
	.pet2_page6 .cart-info .title {
		font-size:20px;
	}
	.pet2_page6 .subtotal-final .sub .item {
		font-size:22px;
	}
	.pet2_page6 .subtotal-final .price {
		font-size:26px;
		margin-top:5px;
	}
	.pet2_page7 {
		font-size:18px;
	}
	.contact-form .pet2_page7 tr td:nth-of-type(1) {
		width:130px;
	}
	.order_list_b {
		font-size:18px;
	}
	.btn.page1_btn1 {
		font-size:18px;
	}
	.pet2_word_st4 {
		font-size:20px;
	}
	.pet2_word_st2 {
		font-size:20px;
	}
	.order_check_b h5 {
		font-size:20px;
	}
	.pet2_text .title {
		font-size:20px;
	}
	.pet2_text .desc {
    	font-size: 18px;
    	margin-top: 1px;
	}
	
}
***/
/***check***/
.pet_check .note{
	display:none;
	padding-left: 1em;
	color:#999;
	font-size: 13px;
}
label.pet_check span{
	vertical-align: middle;
	width: 110px;
    display: inline-block;
}
@media (max-width: 400px) {
	label.pet_check span {
		display: inline-block;
    	width: 70px;
	}
}
.pet_check .checkbox{
	position: absolute;
	opacity:0;
}
.pet_check .checkbox:checked ~ .txt{
	color:#AD4947;
	transition:.5s;
}
.pet_check .checkbox:checked ~ .note{
	display:inline-block;
}
.pet_check .switch{
	position: relative;
	display:inline-block;
	background-color:#FEFEFE;
	height: 20px;
	width: 40px;
	border-radius:26px;
	border:1px solid #E5E5E5;
	margin-right: 1em;
	box-shadow:0 2px 5px #888 inset;
	transition:.5s;
}
.pet_check .btn{
	width: 20px;
	height: 20px;
	border-radius:50%;
	background-color:#FEFEFE;
	border:1px solid #E5E5E5;
	position: absolute;
	top: -1px;
	left: -1px;
	box-shadow:0 3px 10px #aaa;
	transition:.5s;
}
.pet_check .checkbox:checked ~ .switch{
	background-color:#FFAB00;
}
.pet_check .checkbox:checked ~ .switch .btn{
	left: 20px;
	box-shadow:0 3px 10px #FF7733;
}
.mr20 {
	margin-right:20px;
}
.base-btn.pet2_red {
	background-color:#ab1414;
}
.pet2_p12b {
	padding:0 0 0 50px;
}
.pet2_p12b span {
	position:relative;
}
.pet2_p12b i {
	font-size: 42px;
    position: absolute;
    width: 42px;
    height: 42px;
    left: -55px;
    top: -13px;
}


  /* share-box */
  .share-box img { width: 30px; margin-right: 12px; }
  .share-box { padding: 0; margin: 0; text-align: left; margin-bottom: 20px;}
  .share-box .pc-tt { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 15px; color: #666; }
  .share-box { position: static; display: block; background-color: transparent; box-shadow: none; }
  .share-box li span { display: none; }
  .share-box li { display: inline-block; vertical-align: middle; }
  .share-box li:hover a { background-color: transparent; opacity: .8; }
  .share-box>li>a { padding: 0; margin: 0; display: block; }
  .share-box .i-link { position: relative; }
  .share-box .i-link .copy-box:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #e8de62 transparent;
    position: absolute;
    top: -8px;
    left: 150px;
    margin: auto;
  }
  .share-box .i-link .copy-box { 
    position: absolute; 
    left: 0;
    top: 100%;
    background-color: #e8de62;
    z-index: 10;
    white-space: nowrap;
    padding: 10px;
    width: 300px;
    margin-left: -140px;
    font-size: 13px;
    margin-top: 8px;
  }
  .share-box .i-link #copy-success.copy-box { width: 100px; margin-left: 0; left: 0; }
  .share-box .i-link #copy-success.copy-box:before { left: 11px; }
  .share-box .i-link .copy-box b { display: block; text-align: center; }
  .share-box .i-link .copy-box input { width: 100%; display: block; margin-bottom: 5px; }
  .share-box .copy-text {
    font-size: 0;
    height: 0;
    opacity: 0;
    line-height: 0;
    width: 0;
    text-indent: -999999px;
    position: absolute;
  }
.pet2p16_btn {
	background-color:#9a9a9a;
	color:#333;
	margin-right:-5px;
	margin-top:30px;
	margin-bottom:30px;
}
.pet2p16_btn2 {
	background-color:#9a9a9a;
	color:#333;
	margin-top:30px;
	margin-bottom:30px;
}
.pet2p16_btn.active, .pet2p16_btn:hover {
	background-color:#2cb966;
	color:#fff;
}
.pet2p16_btn2.active, .pet2p16_btn2:hover {
	background-color:#ab1414;
	color:#fff;
}
#pet2_modal {
	text-align: center;
    font-size: 16px;
}
#pet2_modal .modal-body {
	padding: 30px 15px;
}
#pet2_modal .modal-header, #pet2_modal .modal-header .close {
	background-color: #2cb966;
    color: #fff;
}
#pet2_modal .btn {
	width:49%;
}