@charset "utf-8";

/*
Font Size(10px Base)
--------------------
10px * 1rem -> 10px
10px * 1.5rem -> 15px
10px * 2rem -> 20px
10px * 2.5rem -> 25px
*/

/* ===================================================================

	Base CSS

=================================================================== */

.msg_block {
	width: 100%;
	box-sizing: border-box;
}

.msg_block > .photo {
	padding: 5px;
	font-size: 0;
	line-height: 0;
	background: #fff;
}

.msg_block h1 {
	padding: 0 0 10px 0;
	font-weight: bold;
	color: #77bb58;
}

/* ===================================================================

	PC Style

=================================================================== */

@media only screen and (min-width: 768px) {

.msg_list {
	margin: 0 auto;
	width: 960px;
}

.msg_block {
	margin: 30px 0 0 0;
	padding: 29px;
	border: solid 1px #e7a71d;
	background: url(../images/common/bg04.jpg);
	overflow: hidden;
}

.msg_block > .photo {
	width: 290px;
	box-sizing: border-box;
	float: left;
}

.msg_block > .msg_body {
	padding: 0 0 40px 0;
	text-align: left;
	background: url(../images/voice/note_end.png) no-repeat 0 100%;
	width: 590px;
	min-height: 230px;
	box-sizing: border-box;
	float: right;
}

.msg_block > .msg_body > .inner {
	padding: 30px 30px 0 30px;
	background: #fff url(../images/voice/pin_pc.gif) no-repeat;
}

.msg_block h1 {
	font-size: 1.5rem;
	background: url(../images/common/note_line_pc.gif) repeat-x 0 100%;
}

}/* End min-width 768px */

/* ===================================================================

	SP Style

=================================================================== */
@media only screen and (max-width: 767px) {

.msg_list {
	margin: 30px 0 0 0;
	padding: 20px;
	background: url(../images/common/bg04.jpg);
}

.msg_block {
	margin: 15px 0 0 0;
	padding: 20px;
	background-color: #fff;
	background-image: url(../images/voice/pin_sp.gif), url(../images/voice/pin_sp.gif);
	background-repeat: no-repeat;
	background-position: 0 0, 100% 0;
	background-size: 25px 25px;
}

.msg_block > .photo {
	margin: 0 auto;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);
	max-width: 270px;
}

.msg_block h1 {
	margin: 15px 0 0 0;
	background: url(../images/common/note_line_sp.gif) repeat-x 0 100%;
	background-size: 4px 36px;
}

.msg_block .note {
	text-align: left;
}

}/* End max-width 767px */