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

body{
    background: #ffffff;
}

/* 投稿内容 */
.row {
    width:840px;
    margin-top: 20px;
    margin-bottom: 0;
}

.reviewer{
	width:150px;
	float:left;
	font-size:24px;
	text-align:center;
	margin-top:10px;
}

.name{
	font-size:24px;
	color: #E65384;
}

.comment{
	width:630px;
	float:right;
	font-size:36px;
	margin-left:30px;
	margin-right:30px;
}

.comment h1{
    border-bottom: 1px dashed #aaa;
    border-left: 7px solid #faacc2;
    border-left: 7px solid rgba(250,172,194,1);
	margin-bottom:15px;
    padding: 0 15px 5px 15px;
	font-size:36px;
	color:#C36;
	line-height:150%;
	font-weight:bold;
}

/* 背景 */
.koe-haikei{
	width:800px;
	position:relative;
	background-color:#ffffff;
	padding:15px 30px;
	overflow:hidden;
}


#okoe-frame{
	overflow: scroll;
	overflow-x:hidden;
	height: 900px;
	/*background-image:url(../img/okoe.jpg);
	background-position-x:center;
    background-repeat: no-repeat;*/
	padding-top:0;
	-webkit-overflow-scrolling:touch;
	display:block;
	background-color:#ffffff;
}

#iframe {
	width:90%;
	margin:0 auto 30px auto;
	border:solid #f5767b 1px;
	box-sizing:border-box;
}

#iframe-bg{
	background-image:url(../img/okoe.jpg);
	background-repeat:repeat-y;
	width:100%;
	height:auto;
	padding:30px 0;
	}

.okoe-title {
    height: auto;
    background-color: #f5767b;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    padding:15px 0 10px 0;
    line-height: 1.4em;
	font-size:40px;
}

/* スクロールバー */

.okoe-box{
	height: 900px;
	width: 880px;
	overflow: auto;
}

.okoe-box::-webkit-scrollbar{ /* スクロールバー全体 */
width: 20px;
}

.okoe-box::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
background: #BDBDBD;
    border-radius: 10px;
}

.okoe-box::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
background: #E9E9E9;
}

.okoe-box::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #E9E9E9;
}