@charset "UTF-8";
/* CSS Document */



.back_yellow{ background: #fff100;}




.talk_midashi{ margin: 0; text-align: center;}
.talk_midashi>img{ display: block; margin: 0 auto;}
.back_pink{ background-image: url("../../images/back/pink_dot.png");}
@media (min-width: 768px) {
.talk_midashi>img{ height: 120px; width: auto;}
.back_pink{ background-size: 20px auto;}
}
@media (max-width: 767.98px) {
.back_pink{ background-size: 10px auto;}
}




@media (min-width: 768px) {
.talk_detail_back{ background: url("../images/pink/deco01.png") repeat-y calc(50% - 480px) top / 300px auto , url("../images/pink/deco02.png") repeat-y calc(50% + 480px) top / 300px auto;}}
@media (max-width: 767.98px) {
}







.talk_container{ background-color: white; border: 2px solid black; position: relative;}
.icon_box{ display: flex; justify-content: flex-end; border-bottom: 2px solid black;}
.icon_box>span>img{ display: block;}

.talk_inner{ line-height: 2.1em;}

.talk_midashi_box{ background-repeat: repeat; background-position: center; border-style: solid; position: relative; background-image: url("../images/back_yellow.png");}
.talk_midashi_box.green{ border-color: #82bf25;}
.talk_midashi_box.blue{ border-color: #00afec;}
.talk_midashi_box>.theme,
.talk_midashi_box>.hata{ position: absolute; display: block;}
.talk_midashi_box>.theme{}
.talk_midashi_box>.hata{}
.talk_midashi_box>span>img{ display: block; max-width: none; width: 100%;}
.talk_midashi_box>p{ font-weight: bold;}
.talk_midashi_box>h2{ font-weight: bold; margin: 0;}
@media (min-width: 768px) {
.talk_container{ width: 750px; margin: 0 auto;}
.talk_inner{ padding: 30px 50px 50px; font-size: 16px;}

.icon_box{ padding: 18px;}
.icon_box>span{ width: 20px; margin: 2px;}

.talk_midashi_box{ background-size: 16px; border-width: 5px; padding: 10px 30px 15px; margin: 0 0 30px auto; width: 550px;}
.talk_midashi_box>.hata{ width: 220px; left: -120px; top: -80px;}
.talk_midashi_box>.theme{ right: -15px; top: -15px; width: 150px;}
.talk_midashi_box>p{ font-size: 20px; margin: 0 0 10px;}
.talk_midashi_box>h2{ font-size: 26px;}

}
@media (max-width: 767.98px) {
.talk_container{}
.talk_inner{ padding: 10px 10px 15px; font-size: 12px;}

.icon_box{ padding: 8px;}
.icon_box>span{ width: 20px; margin: 2px;}

.talk_midashi_box{ background-size: 10px; border-width: 2px; padding: 5px 10px 10px; margin: 0 0 15px auto; width: 100%;}
.talk_midashi_box>.hata{ display: none;}
.talk_midashi_box>.theme{ right: -5px; top: -5px; width: 60px;}
.talk_midashi_box>p{ font-size: 10px; margin: 0 0 5px;}
.talk_midashi_box>h2{ font-size: 14px;}
}






.talk_inner>p{ margin: 1em 0;}
.t_m_box{ background-repeat: repeat; background-position: center; font-weight: bold; line-height: 1.6em; text-align: center; margin: 1em 0; position: relative;}
.t_m_box.pink{ background-image: url("../images/back_pink.png"); color: #e4007f;}
.t_m_box>span{ width: 100%; display: block;}

.t_m_box2{ color: white; font-weight: bold; text-align: center; line-height: 1.6em; margin: 1.5em 0;}
.t_m_box2.green{ background-color: #c5da5e;}
.t_m_box2.blue{ background-color: #67c7f2;}
.t_m_box2.orange{ background-color: #f39800;}
@media (min-width: 768px) {
.t_m_box{ font-size: 26px; background-size: 16px; padding: 30px;}
.t_m_box>span{ font-size: 20px;}

.t_m_box2{ font-size: 20px; padding: 25px;}
}
@media (max-width: 767.98px) {
.t_m_box{ font-size: 16px; background-size: 10px; padding: 10px;}
.t_m_box>span{ font-size: 14px;}

.t_m_box2{ font-size: 14px; padding: 10px;}
}







.hitobox{ display: flex; flex-wrap: wrap; position: relative;}
.hitobox>div{}
.hitobox>div>img{ display: block;}
.hitobox>div>dl{}
.hitobox>div>dl>dt{ background-color: #c5da5e; color: black; font-weight: bold;}
.hitobox>div>dl>dd{ line-height: 1.4em;}
.hitobox>div>dl>dd>.shoku{ display: block;}
.hitobox>div>dl>dd>.tag{ display: block; margin: .5em 0;}
@media (min-width: 768px) {
.hitobox{ margin: -15px;}
.hitobox>div{ width: calc(100% - 30px); margin: 15px;}
.hitobox>div>img{ margin: 0 0 20px;}
.hitobox>div>dl{}
.hitobox>div>dl>dt{ font-size: 20px; padding: 5px 10px;}
.hitobox>div>dl>dd{ padding: 0 10px;}
.hitobox>div>dl>dd>.shoku{ display: block;}
.hitobox>div>dl>dd>.tag{ display: block;}

.hitobox.flexhitobox{}
.hitobox.flexhitobox>div{ width: calc(50% - 30px);}

}
@media (max-width: 767.98px) {
.hitobox{ margin: -5px;}
.hitobox>div{ width: calc(100% - 10px); margin: 10px 5px;}
.hitobox>div>img{ margin: 0 0 10px;}
.hitobox>div>dl{}
.hitobox>div>dl>dt{ font-size: 12px; padding: 2px 5px;}
.hitobox>div>dl>dd{ padding: 0 5px; font-size: 10px;}
.hitobox>div>dl>dd>.shoku{ display: block;}
.hitobox>div>dl>dd>.tag{ display: block;}

.hitobox.flexhitobox{}
.hitobox.flexhitobox>div{ width: calc(50% - 10px);}

}







.flex_img_text_box{ display: flex; flex-wrap: wrap;}
.flex_img_text_box>*{}
.flex_img_text_box>figure{}
.flex_img_text_box>figure>figcaption{ font-weight: bold; margin: 0; text-align: center;}
@media (min-width: 768px) {
.flex_img_text_box{ margin: 15px -15px;}
.flex_img_text_box>*{ width: calc(50% - 30px); margin: 15px;}
.flex_img_text_box.fit_single>*{ width: calc(100% - 30px);}
.flex_img_text_box>figure>figcaption{ padding: 20px 0 0; font-size: 14px;}
}
@media (max-width: 767.98px) {
.flex_img_text_box{ margin: 5px -5px;}
.flex_img_text_box>*{ width: calc(50% - 10px); margin: 5px;}
.flex_img_text_box.fit_single>*{ width: calc(100% - 10px);}
.flex_img_text_box>figure>figcaption{ padding: 10px 0 0; font-size: 10px; line-height: 1.6em;}
.flex_img_text_box>*>p{ font-size: 10px; line-height: 1.6em;}
}








@media (min-width: 768px) {
.btn_base.page_top{ margin-top: 100px;}
}
@media (max-width: 767.98px) {
.btn_base.page_top{ margin-top: 50px;}

}








p.caption_text{ font-weight: bold;}
@media (min-width: 768px) {
p.caption_text{ font-size: 14px;}
}
@media (max-width: 767.98px) {
p.caption_text{ font-size: 10px; line-height: 1.6em;}
}









@media (min-width: 768px) {}
@media (max-width: 767.98px) {}









@media (min-width: 768px) {}
@media (max-width: 767.98px) {}









@media (min-width: 768px) {}
@media (max-width: 767.98px) {}









@media (min-width: 768px) {}
@media (max-width: 767.98px) {}