@charset "utf-8";
/*  Modules top message
*/
.top_message_box {
margin: 1em 0;
text-align: center;
}
.top_message_dog {
margin: 0 1em;
}
/*  Modules bottom image
*/
.bottom_image_box {
margin: 1em 0;
}
/*  Modules puppy
*/
/*  Modules list
*/
.dog_one {
margin: 2%;
padding: 4em;
width: 46%;
}
.dog_one_box {
cursor: pointer;
text-align: center;
font-size: 1.2em;
width: 100%;
}
.dog_top_info {
margin-bottom: 1em;
}
.dog_thumnail_box {
width: 80%;
min-height: 150px;
}
.more_link {
margin-top: 1em;
width: 100%;
text-align: right;
padding-right: 0.5em;
}
.more {
padding: 0.1em 0.5em;
border-bottom: 1px #111 solid;
cursor: pointer;
}
/*  Modules modal
*/
.puppy .modal_box {
width: 100%;
max-width: 940px;
border-radius: 0;
background-color: #e3e4e1;
padding: 1em 3em;
overflow-y: scroll;
}
.modal_box .hello_puppy_box {
text-align: center;
}
.modal_box .dog_top_info {
width: 100%;
text-align: center;
padding: 0.75em 3em;
margin: 1em 0 2em;
}
.modal_box .birth_day,
.modal_box .gender {
margin: 0 0.5em;
font-size: 1.4em;
font-weight: bold;
color: #45352d;
}
.modal_box .dog_images {
margin: 1em 0;
}
.modal_box .dog_image_box {
text-align: center;
margin-bottom: 1em;
}
.modal_box .main_image {
width: 80%;
}
.modal_box .sub_image_box {
font-size: 0;
}
.modal_box .sub_image {
margin: 1%;
width: 23.5%;
cursor: pointer;
}
.modal_box .sub_image:first-child {
margin-left: 0;
}
.modal_box .sub_image:last-child {
margin-right: 0;
}
.modal_box .dog_blog_link_box {
margin: 1em 0;
text-align: right;
}
.modal_box .dog_blog_link {
background-color: #45352d;
color: #fff;
height: 2em;
line-height: 2em;
padding: 0 1em;
font-weight: bold;
font-family: "Yu Gothic", YuGothic, "Meiryio", sans-serif;
}
.right_triangle {
font-size: 2em;
vertical-align: -15%;
margin-left: -5%;
color: #fff;
}
.modal_box .dog_memo_box {
padding: 1em 0 1em 150px;
margin: 1em 0;
background: top left transparent no-repeat;
text-align: center;
}
.modal_box .dog_memo {
font-size: 1.2em;
line-height: 1.2em;
}
.modal_box .profile_title {
margin: 1em 0 0.2em;
text-align: center;
font-size: 1.8em;
color: #45352d;
}
.modal_box .dog_profile {
margin: 0 0 1em 0;
padding: 1em;
width: 100%;
font-size: 1.2em;
background-color: #fff;
box-shadow: 5px 5px 0 #d3cec3;
}
.modal_box .profile_text {
padding: 0 1em;
white-space: pre-wrap;
width: 100%;
text-align: left;
}
.modal_box .profile_father,
.modal_box .profile_mother {
margin: 2%;
padding: 1%;
width: 46%;
text-align: center;
background-color: #45352d;
color: #fff;
}
.modal_box .modal_box_close {
text-align: right;
margin-bottom: 2em;
}
.modal_box .modal_box_close_text {
font-size: 1.4em;
padding: 0.1em 1em;
color: #45352d;
cursor: pointer;
}
.modal_box .modal_box_close_text:hover {
font-size: 1.4em;
background-color: #45352d;
color: #fff;
}
/*  Mdules contact
*/
.dog_contact {
margin: 2em 0;
}
.contact_text {
margin: 0 auto 1em;
width: 100%;
line-height: 2.2em;
font-size: 1.2em;
text-align: center;
}
.contanct_tel,
.contanct_mail {
margin: 0 1em;
padding: 0.3em 1em;
border-radius: 25px;
background-color: #45352d;
font-weight: bold;
font-family: "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
.contact_icon_text {
vertical-align: middle;
color: #fff;
}
.contanct_tel .tel_icon,
.contanct_mail .mail_icon {
height: 20px;
vertical-align: middle;
}