@charset "UTF-8";
/* CSS Document */
/* 基本-モバイルファースト ======================================================================================================== */
#detail > table:first-child tr{
display: flex;
flex-direction: column-reverse;
}
#detail table,
#detail td{
width: auto;
}

#detail .family_title_detail{
margin: 0;
font-size: 20px;
line-height: 1.8;
font-weight: bold;
width: auto;
border-bottom: none;
}
#detail .family_of_id{
color: #fff;
background-color: #999;
font-size: 12px;
line-height: 1;
padding: 3px 5px;
width: auto;
float: none;
margin-top: 0;
display: inline-block;
}
#detail .family_of_id.honten{ background-color: #b3203a;}
#detail .family_of_id.suginami{ background-color: #e6a490;}
#detail .family_of_id.nerima{ background-color: #82babb;}
#detail .family_of_id.akabane{ background-color: #e88d9e;}
#detail .family_of_id.kawaguchi{ background-color: #98bb73;}
#detail .family_of_id.yonohonmachi{ background-color: #b08ecd;}
#detail .family_of_id.asakadaishiki{ background-color: #b5b86f;}
#detail .family_of_id.kawagoe{ background-color: #8899ca;}
#detail .family_catch_detail{
font-size: 24px;
line-height: 1.8;
padding-top: 0;
}
#detail .family_text_detail{
font-size: 16px;
line-height: 1.8;
}
#detail .family_text_detail .family_q{
font-weight: bold;
}
#detail .family_text_detail .q{
display: inline-block;
width: 30px;
height: 30px;
border-radius: 30px;
font-family: 'Zen Kaku Gothic New', sans-serif !important;
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #fff;
background-color: #ff8b8b;
text-align: center;
position: relative;
}
#detail .family_text_detail .q::after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #ff8b8b;
position: absolute;
top: 0;
bottom: 0;
right: -5px;
margin: auto 0;
}
#detail .family_text_detail .a{
display: inline-block;
width: 30px;
height: 30px;
border-radius: 30px;
font-family: 'Zen Kaku Gothic New', sans-serif !important;
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #fff;
background-color: #5eaccd;
text-align: center;
position: relative;
}
#detail .family_text_detail .a::after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #5eaccd;
position: absolute;
top: 0;
bottom: 0;
right: -5px;
margin: auto 0;
}


#detail .family_regdate_detail,
#detail .family_comm01,
#detail .family_user_id{
display: none;
}

.family_img_detail{
margin: 0;
}
.family_img_detail .gallery{
text-align: center;
}
.family_img_detail .gallery .family_img{
margin-right: 0;
margin-top: 20px;
}
.family_img_detail .gallery .family_img a{
display: block;
}
.family_img_detail .gallery .family_img img{
max-height: 67.5vw;
border: solid 5px #947c64;
border-top-color: #d2b393;
border-right-color: #947c64;
border-bottom-color: #947c64;
border-left-color: #d2b393;
}

#detail > table:nth-child(2){
width: 100%;
margin-top: 20px;
}
.fami_before a,
.fami_next a{
display: inline-block;
color: #5eaccd;
padding: 10px;
border: solid 1px #5eaccd;
}


/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

#detail > table:first-child tr{
flex-direction: row;
}

#detail .family_catch_detail{
font-size: 30px;
}

.family_img_detail{
width: 330px;
margin-right: 60px;
}
.family_img_detail .gallery .family_img:first-child{
margin-top: 0px;
}
.family_img_detail .gallery .family_img img{
max-width: 320px;
max-height: 240px;
}

.fami_before a:hover,
.fami_next a:hover{
background-color: #5eaccd;
color: #fff;
}



}