@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);

/**
 * 各デバイス共通のスタイルシートです。
 * Fontの指定や配色などを指定します。
 */
html,body {
	font-family: 'Oxygen',Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	width: 100%;
	height: 100%;
	min-width: 320px;
	margin: 0;
	line-height: 1.5;
	margin: 0;
	/*overflow: hidden;*/
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #f4f4f4;
	word-wrap:break-word;
}

button, input, select, textarea {
	font-family: inherit;
	color: inherit;
}

table { font-weight:normal; border : 0px;}

tr {
	height: 26px;
	line-height: 26px;
	border : 0px;
}

th {background-color: #E0E0FF; text-align:center; font-weight:normal; border : 0px; word-break: break-word;}
td {border:0px; word-break: break-word;}
h1 {font-size: 120%;}
h2 {font-size: 120%;}

/*
 * ヘッダ領域(開始)
 */
#headerDiv {
	width: 100%;
	clear: both;
}

#headerDiv table {
	table-layout: fixed;
	width: 100%;
}

#headerDiv table td {
	padding: 6px;
}
/* システム名ブロック */
#headerDiv .systemName {
	font-size: 140%;
 	text-align: left;
	background-color: lavender;
 	vertical-align: middle;
}

/* ページ名ブロック */
#headerDiv #pageName {
	font-size: 120%;
 	text-align: left;
}

/* ユーザ情報 */
#headerDiv #loginInfo {
	height: 100%;
 	text-align: center;
 	font-size: 115%
}

/*
 * ボディ領域(開始)
 */
body {
   border-top: 8px solid #f19730;
   background-color: #f4f4f4;
}

#bodyTable {
	table-layout: fixed;
	width: 100%;
}

#bodyTable td {
	vertical-align: top;
}
/*
 * ボディ領域(終了)
 */

/*
 * フッター領域
 */
#footerDiv {
    text-align: center;
    font-size: 0.9em;
	clear: both;
	background-color: #a6a6a2;
	width: 100%;
    color: rgb(221, 221, 221);
    padding: 1em 0;
}


/*
 * エラーメッセージ領域(開始)
 */
.errorMessages {color: red; font-weight: bold;}
/* エラーが発生したフィールドのスタイル */
.errorField {/*background-color:mistyrose;*/}
/*
 * エラーメッセージ領域(終了)
 */


/*
 * アコーディオンメニュー用スタイル(開始).
 */
li{
	list-style: none;
	text-align: left;
}

ul.accordion{
	width: 100%;
	overflow: hidden;
}

ul.accordion ul{
	display: none;
	text-align: left;
}


ul.accordion li p{
	cursor: pointer;/*カーソルを通常の物に*/
}
/*
 * アコーディオンメニュー用スタイル(終了).
 */


/* 各フォームのスタイル */
#mainDiv form {
	margin:5px auto;
	padding:0 0 20px 0;
	background: #fff;
}
/*
 * フォーム領域
 */
#queryForm,
#topForm,
#editForm {
	width: 100% !important;
}
#queryForm > *:not(h2):not(.newsBox),
#topForm > *:not(h2):not(.newsBox),
#editForm > *:not(h2):not(.newsBox),
article.newsBox > *:not(h2):not(.more-btn),
h2.search-title {
	width: 92.5% !important;
}
form[id$=Form] > h2 {
	margin: 1em auto;
}
form[id$=Form] > *:not(h2):not(.newsBox),
article.newsBox > *:not(h2):not(.more-btn) {
	margin: 0 auto;
}
#queryResultForm,
#commentTrackbackQueryResultForm,
#topForm .newsBox table.list {
	width: 95% !important;
	margin: 0 auto 1em !important;
}
.pagerDiv {
/*	width: 97.3% !important;*/
/*	margin: 1em auto !important;*/
/*	position: -webkit-sticky;
	position: sticky;
	left: 1.5%;*/
}
.pagerDiv #listTitle {
	display: none;
}

/* 各フォームヘッダのスタイル */
.formHeader {
	font-size: 120%;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 5px;
	border-left: 10px solid #a9a9a9;
	border-bottom: 1px dashed #a9a9a9;
}
/*
 * フォーム領域(終了)
 */


/* 横スクロール用DIV */
.hScrollDiv {
	display: block;
	width: 100%;
	overflow-x:auto;
}


/* currentPage.alert(),currentPage.confirm()のスタイル */
#alertDialog .buttonDiv,
#confirmDialog .buttonDiv {
	width: 100%;
	text-align: center;
}


/* ページロックDIVのスタイル */
#lockLayer {
	background: url(./image/loading.gif) center no-repeat;
	background-color: black;
	background-attachment: fixed;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	opacity: 0.5;
	z-index: 10000;
}

/*
 * カラム固定テーブル用のスタイル(開始)
 *
 */
table.columnFixedTable {
	display: block;
	position: relative;
	overflow: scroll;
	width: 100%;
	border-collapse: collapse;
	font-size: 0;
}

table.columnFixedTable thead,
table.columnFixedTable tbody,
table.columnFixedTable tfoot {
	display: block;
}

table.columnFixedTable tr {
	height: 26px;
	line-height: 26px;
}

table.columnFixedTable th,
table.columnFixedTable td {
	display: inline-block;
	padding: 1px;
	font-size: 14px;
	height: 26px;
	border-color: #ffffff;
	border-width: 2px;
	border-style: solid;
}

table.columnFixedTable tr td:not(:first-child),
table.columnFixedTable tr th:not(:first-child) {
	border-left-style: none;
}

table.columnFixedTable thead tr:not(:first-child) th,
table.columnFixedTable tr td {
	border-top-style: none;
}

/* --- ボーダー色を背景色以外にする場合以下の設定をコメントアウトしてください。 */
table.columnFixedTable tr th,
table.columnFixedTable tr td {
	border-left-style: none;
	border-top-style: none;
}
/* --- */

table.columnFixedTable tfoot th {
	border-color: #e0e0ff;
}

table.columnFixedTable thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 2;
}

table.columnFixedTable .fixedColumn {
	position: -webkit-sticky;
	position: sticky;
}

/*
 * カラム固定テーブル用のスタイル(終了)
 *
 */

 /*
  * jQuery-uiのdatepiker関連の設定(開始)。
  */
.ui-datepicker-trigger {
	line-height: normal;
	margin: 0px;
	width: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

.ui-datepicker { z-index: 100 !important; }


#menuDiv {
	z-index: 100;
}

 /* Datepickerの設定されたフィールド */
.hasDatepicker {
	width: calc(100% - 32px) !important;
}

/* 範囲フィールドのクラス */
.rangeField {
	width: calc((100% - 32px) / 2) !important;
}

/* 日付範囲フィールドのクラス */
.dateRangeField {
	width: calc((100% - 32px) / 2 - 26px) !important;
}

 /*
  * jQuery-uiのdatepiker関連の設定(終了)。
  */

 .rowno {
 	width: 48px;
 }

 .pageLogo {
    max-width: 140px;
    height: auto;
    margin-top: 28px;
}


/* メニュー関連のスタイル */
#menuDiv {
    padding: 0px;
}

#menuDiv a {
    text-decoration: none;
    color: #555;
    font-weight: normal;
}

#sideMenu {
    margin: 0px;
    padding: 0px;
}

.sideMenuTop {
    width: calc(100% - 20px);
    height: 26px;
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    background-color: #a6a6a2;
    color: white;
    font-weight: bold;
}


.sideMenuGroup {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    background-color: rgba(221,221,221,1);
    border-bottom: 1px solid #AAAAAA;
}

.menuPageList {
    padding-left: 0px;
}

.sideMenuItem {
    height: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1em;
    background-color: white;
    border-bottom: 1px solid #AAAAAA;
}

li.sideMenuItem:hover {
	background-color:#f4f4f4;
}


#sideMenuForm {
    width: 100%;
    font-size: initial;
}
#sideMenuForm > article {
	margin: 0 auto 1.5em;
}

article {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto 1.5em;
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    position: relative;
    margin-top: 23px;
}

a.inquiry {
    display: block;
    border: 3px solid #a6a6a2;
    text-align: center;
    font-size: 1.1em;
    padding: 1em 0.5em;
    font-weight: normal;
    color: #555;
    background-image: url(./image/bg-mail.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.madolierBox {
    max-width: 1140px;
    margin: auto;
    width: 100%;
    min-height: 380px;
    position: relative;
}

article.newsBox h1 {
    margin-top: 0px;
    margin-bottom: 0.5em;
}

article h1 {
    padding: 0.75em;
    border-top: 4px solid #f19730;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
}

.free, .posted {
    overflow: hidden;
}

.free, .posted {
    margin: 1em auto;
    width: 92.5%;
}

div.free p {
    color: rgb(85,85,85);
    margin: 0px;
}

.loginbox {
    border: 1px solid #ddd;
    padding: 2em 0;
    margin: 2em auto;
    max-width: 400px;
    background-color: #f4f4f4;
}

.loginbox p {
    margin: 0 auto 1em !important;
    width: 85%;
    padding-bottom: 16px;
}


p.loginbtn,
p.buttonArea {
    text-align: center;
/*    max-width: 150px!important;*/
    width: 100%;
    padding-top: 2em;
    padding-left: 0px;
}


input.submit, input.reset, input.button, input.login,
button.submit, button.reset, button.button, button.login {
    margin: 0 0.5em;
    padding: 0.75em 1em;
    border: solid 1px #a6a6a2;
    background: none;
    font-size: 1em;
    line-height: 1em;
    min-width: 100px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
}

button.button2 {
	border: solid 1px #f19730;
    margin: 0 0.5em 0.5em 0;
    padding: 0.75em 1em;
    background: none;
    font-size: 1em;
    min-width: 100px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
}

input.subBtn {
    margin: 0 0.5em;
    padding: 0.75em 1em;
    border: solid 1px #a6a6a2;
    background: #fff;
    font-size: 1em;
    line-height: 1em;
    min-width: 100px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
}

input.changeAll {
	width: 98%;
    margin: 0 0;
    padding: 0.75em 1em;
    border: solid 1px #a6a6a2;
    background: #eee;
    font-size: 1em;
    line-height: 1em;
    min-width: 100px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
}

input.login,
input.button {
    width: 120px;
    height: 42px !important;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
}

button.reset {
    border: solid 1px #eee;
    background: #eee;
    font-weight: normal;
}


input.submit:hover, input.reset:hover, input.button:hover, input.login:hover, input.changeAll:hover, input.subBtn:hover,
button.submit:hover, button.reset:hover, button.button:hover, button.button2:hover, button.login:hover {
    background: #a6a6a2;
    color: #fff;
}

input.box {
    background-color: rgb(232, 240, 254) !important;
}

#adminLoginForm,
#agencyLoginForm {
    border: none !important;
    box-shadow: none !important;
}


a {
    font-weight: normal;
    color: #555;
    text-decoration: underline;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    word-wrap: none;
    word-break: normal;
}

a:link, a:visited, a:active {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    color: #f19730;
}

.more-btn {
    width: 95%;
    margin: 0 auto 1em;
    margin-top: 15px;
    font-size: 1em;
    border: 1px solid #aaa;
    cursor: pointer;
    color: #555;
    box-sizing: border-box;
    text-align: center;
    line-height: 2;
    padding: 0.25em 0;
}

h2 {
    padding: 0.75em;
    border-top: 4px solid #f19730;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
}
h2.search-title {
    font-size: 1.1em;
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #ddd;
    margin-top: 0.5em;
    padding: 0.75em 0;
}

h3 {
    text-align: center;
    font-size: 1.1em;
    border-bottom: 1px solid #ddd;
    border-top: 3px solid #ddd;
    margin-top: 0.5em;
    padding: 0.75em 0;
}

p.title {
    padding: 0.5em 0;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    background-color: #a6a6a2;
    color: #fff;
}

div.cont {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    padding: 1em;
    width: calc(100% - 0px);
}
p.scrollGuide {
	display: none;
}

table.responsive {
    margin: 0 auto 1em;
    table-layout: auto;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 100%;
    margin-bottom: 14px;
}

table.list {
    margin: 0 auto 1em;
    table-layout: fixed;
    border-collapse: collapse;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 100%;
    margin-bottom: 14px;
}

#queryResult {
    width: 100%;
	border-top: none;
}

table.imagelist {
	width: calc(100% + 6px) !important;
	border: 0;
	border-left: 1px solid #ccc;
}
table.imagelist > tbody > tr {
	display: inline-table;
	width: 33%;
	margin: 0px;
	height: auto;
	border: 1px solid #ccc;
	border-left-width: 0;
	border-top-width: 0;
}
table.imagelist > tbody > tr:nth-child(1),
table.imagelist > tbody > tr:nth-child(2),
table.imagelist > tbody > tr:nth-child(3) {
	border-top: 1px solid #ccc;
}

table.imagelist > tbody > tr.selectLink {
	height: 240px;
	min-height: 240px;
}


table.imagelist > tbody > tr > td {
	border: 0;
}

table.imagelist p.img {
    height: 100px;
    margin-bottom: 0.5em;
    line-height: 75px;
}
table.imagelist p.img img {
    /*max-width: calc(100% - 20px);*/
    max-width: 100px;
}

table.responsive th,
table.list th,
.fieldLabel {
    padding: 0.75em;
    background-color: #eee;
    border: 1px solid #aaa;
    min-width: 62px;
    font-weight: bold;
}


table.list.fixedColumn th,
table.list.fixedColumn td {
    padding: 10px 10px;
}

table.list.fixedColumn td {
	background-color: #fff;
	height: 52px;
	overflow: hidden;
}

table.responsive td,
table.list td,
.fieldValue {
    border: 1px solid #aaa;
    vertical-align: middle;
    word-wrap: break-word;
    padding: 10px;
}

/* 編集可能テーブル用スタイル */
table.noBorder {
	border: 0;
}
table.noBorder td {
	border: 0;
}

.sideMenuItem a span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* 入力フィールドの設定 */
input[type='text'] {
    width: 100%;
    height: 37px;
    padding: 0.5em;
    box-sizing: border-box;
}

/* selectの基本設定 */
select {
    height: 35px;
    box-sizing: border-box;
    background-color: #F6FAF1;
    border: 1px solid #f19730;
    padding: 0.3em 0.75em;
/*    margin: 0 0.25em 0.5em 0.25em;*/
	font-size: 1.1em !important;
    line-height: 1.2em;
	width: calc(100% - 4px);
    color: #666;
    background-image: url(./image/ar-select.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 6px) center;
    -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
    appearance: none;	/* 標準のスタイルを無効にする */
}
option{
	font-size: 1.1em !important;
	padding: 0.5em;
}

/* IE11で▼を消す設定 */
select::-ms-expand {
    display: none;
}

/* Timestampのselectの設定 */
select.madolierTimestampField {
    width: 80px;
    background-image: none;
}

input[type=checkbox].custom,
input[type=radio].custom {
    display: none !important;
}

input[type=checkbox].custom + label,
input[type=checkbox].custom + span + label,
input[type=radio].custom + label {
    padding: 0 0 0 15px;
    position: relative;
    top: -20px;
    display: inline-block;
    margin-right: 12px;
    line-height: 30px;
    cursor: pointer;
}

input[type=checkbox].custom + label::before,
input[type=checkbox].custom + span + label::before {
    top: -6px;
    border: 2px solid #ccc;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}

input[type=checkbox].custom:checked + label::after,
input[type=checkbox].custom:checked + span + label::after {
    content: "";
    position: absolute;
    top: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #f19730;
    border-bottom: 3px solid #f19730;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}


input[type=radio].custom + label::before {
    top: -6px;
    border: 2px solid #ccc;
    border-radius: 30px;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}

input[type=radio].custom:checked + label::after {
    position: absolute;
    display: block;
	top: 15px;
	left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #f19730;
    border-radius: 8px;
	content: "";
}



.upload .box.file {
    box-sizing: border-box;
    background-color: #F6FAF1 !important;
    border: 1px solid #f19730;
    padding: 0.5em;
    font-size: 1.2em;
    color: #333;
    height: auto;
}

/* 状態表示用フォント */
.boldBlue {
	font-weight: bold;
	color: blue;
}
.boldRed {
	font-weight: bold;
	color: red;
}
.boldBlack {
	font-weight: bold;
	color: black;
}

p.ttl-upload {
	color: #555;
}

div.uploading {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.fieldLabel {
	width: 158px;
	margin: 1px;
	border: 0;
}

.fieldValue {
	margin: 1px;
	border: 0;
}

.fullWidth {
	width: 100%;
}

/* リフォームパーツ(場所・部位)編集 */
table.rehomepartsmeditableTable {
	table-layout: fixed;
}
table.rehomepartsmeditableTable .rightButtonSet {
	width: 220px;
}
table.rehomepartsmeditableTable select {
	width: 90px;
}
table.rehomepartsmeditableTable input[type=button] {
	width: 34px;
}

.buttonInTable {
    padding: 0.68em 0.5em;
    border: solid 1px #a6a6a2;
    background: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    cursor: pointer;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #555;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    white-space: nowrap;
}

/* 画像アップロード */
table#imageList,
table#imageList tr,
table#imageList tr td {
	border: 0;
}
div.upload hr.article {
	border: 0.5px solid #ddd;
}

/* ポータルジャンル設定 */
table.portalgenresettingmeditableTable {
	table-layout: fixed;
}
table.portalgenresettingmeditableTable thead th {
	width: 100%;
}
table.portalgenresettingmeditableTable tbody td {
	border-top: 0;
}
table.portalgenresettingmeditableTable tbody td:first-child {
	width: 50px;
}
table.portalgenresettingmeditableTable tbody td:nth-child(2) {
	width: 100%;
}
table.portalgenresettingmeditableTable tbody td:last-child {
	width: 240px;
}
table.portalgenresettingmeditableTable button {
	width: auto;
}
table.portalgenresettingmeditableTable tfoot td:first-child {
	text-align: right;
	vertical-align: middle;
}

/* meditableTable系 */
table.meditableTable {
    table-layout: fixed;
    width: 100%;
}
table.meditableTable th {
    padding: 0.5em 0 0.5em 0;
    background-color: #eee;
    border: 1px solid #aaa;
    font-weight: bold;
}
table.meditableTable td {
    word-wrap: break-word;
}
table.meditableTable select {
	margin-bottom: 0px;
	margin-left: 0px !important;
}

/* 記事詳細 */
#entryViewForm table {
	table-layout: fixed;
}
#entryViewForm table th {
	text-align: left;
	width: 20%;
}

/* コメント一覧編集 */
table.fixedLayout {
	table-layout: fixed;
}

/* 記事内容表示用iframe */
div.commentFrameWrapper {
	width: 100%;
	display: inline-block;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
iframe#commentFrame {
	min-width: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	height: 100%;
	display: block;
	border: 0;
	background-color: inherit;
	overflow: hidden;
}