@charset "UTF-8";
/* CSS Document */
body{
	font-family: "A1 Gothic R";
	font-size: 14px;
}
section#yodogawa {
    background: #422720;
    color: #ffffff;
}
#yodogawa a {
        color: #ffff66;
    }
h5 {
    padding: 20px 15px 15px 15px;
    margin-bottom: 10px;
    border: 2px solid #007c9b;
    border-radius: 10px;
    line-height: 175%;
    color: #007c9b;
}
coffee_info{
	text-align: left;
}
    #talk_wrap h2 {
    text-align: left;
	font-family: "A1 Gothic M";
	font-size: 130%;
	margin: 0 0 25px 0;
    }
.bd_t, .bd_b {
    border-color: transparent;
}
 #talk_body .txt_box .pic {
        margin: 0px auto 15px auto;
    }
#talk_body .txt_box .pic img {
        border-radius: 10px;
    }
    #talk_wrap h2 img {
        max-width: none;
    }
#rounded-box {
    width: 80px;
    height: 30px;
    border-radius: 20px;
    background-color: #422720;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
	margin-bottom: 10px;
}
.kakomi{
	background-color: #ffffff;
    padding: 30px;
    border-radius: 20px;
}
.banner{
	margin: auto;
    max-width: 480px;
}
@media (min-width: 641px) {
    #talk_body .txt_box .desc {
        max-width: calc(100% - 236px);
    }
	#talk_body .txt_box .pic img {
      width: 85%;
      margin-left: auto;
      margin-right: auto;
    }
	    #talk_wrap h2 img {
        width: 100%;
    }
}
@media (max-width: 641px) {
#talk_wrap h2 {
    margin: 0 0 10px 0;
}
	.kakomi {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
}
	}