@charset "utf-8";
/*  Modules top message
*/
.top_message_box {
margin: 1em 0;
text-align: center;
}
.top_message_dog {
margin: 0 1em;
}
/*  Modules boys
*/
.boys .section_title_box {
width: 100%;
background:
url('../images/bassets/green.png') right 70%,
url('../images/bassets/boys_line.png') right bottom;
background-repeat: no-repeat;
}
/*  Modules girls
*/
.girls .section_title_box {
width: 100%;
background:
url('../images/bassets/green.png') right 70%,
url('../images/bassets/girls_line.png') right bottom;
background-repeat: no-repeat;
}
/*  Modules list
*/
.dog_one {
margin: 2%;
padding: 2em;
width: 29.333%;
}
.dog_one_box {
cursor: pointer;
text-align: center;
}
.dog_name {
width: 100%;
}
.dog_thumnail_box {
width: 80%;
min-height: 120px;
}
.call_name {
width: 100%;
}
.more_link {
width: 100%;
text-align: right;
padding-right: 0.5em;
}
.more {
padding: 0.1em 0.5em;
border-bottom: 1px #111 solid;
cursor: pointer;
}
/*  Modules modal
*/
.bassets .modal_box {
width: 100%;
max-width: 940px;
border-radius: 0;
background-color: #e3e4e1;
padding: 1em 3em;
overflow-y: scroll;
}
.modal_box .dog_name {
width: 100%;
text-align: center;
padding-bottom: 1em;
margin: 1em 0;
font-size: 1.4em;
font-weight: bold;
}
.modal_box .dog_top_info {
width: 100%;
text-align: center;
padding: 0.75em 3em;
margin: 1em 0;
}
.modal_box .call_name {
font-size: 1.4em;
color: #45352d;
}
.modal_box .call_title {
color: #45352d;
}
.modal_box .birth_day,
.modal_box .gender {
font-size: 1.2em;
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;
min-height: 4em;
}
.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_left {
width: calc(50% - 1px);
padding: 0 1em;
border-right: 1px dashed #aea588;
white-space: pre-wrap;
}
.modal_box .profile_right {
width: 50%;
padding: 0 1em;
white-space: pre-wrap;
}
.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;
}