@charset "UTF-8";

/**
 * 各デバイス共通のスタイルシートです。
 * Fontの指定や配色などを指定します。
 */
html,body {
	font-family: 'Oxygen',Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-weight: normal;
	width: 100%;
	height: 100%;
/*	min-width: 320px;*/
	margin: 4px;

	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;
	
	
	
	/*overscroll-behavior: none;*/
}

p,ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

table { font-weight:normal; border : 0px;}
table caption {
	font-weight: bold;
	text-align: left;
}
tr {
	height: 26px;
	line-height: 26px;
	border : 0px;
}

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


/* テーブル奇数行のスタイル */
.oddTr {
	background-color:rgb(255,255,255);
}

/* テーブルの偶数行のスタイル*/
.evenTr {
	background-color:rgb(255,255,255);
}

/* 必須入力フィールドのスタイル */
.requiredFieldLabel:after {
/*	content: " (*)";
	display: inline;
	color: red;*/
}

/*
 * ヘッダ領域(開始)
 */
#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;
}

/*
 * ボディ領域(開始)
 */
#mainDiv {
   background-color: #fff;
}

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

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



/*
 * フッター領域
 */
#footerDiv {
    text-align: center;
	clear: both;
	background-color: #a6a6a2;
	width: 100%;
    height: 46px;
    color: rgb(221, 221, 221);
}

#footerDiv > div {
    position: relative;
    top: 0px;
}

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

tr.warnTr td {background-color:khaki;}

tr.errorTr td {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,
.toggle {
	cursor: pointer;/*カーソルを通常の物に*/
}

/*
ul.accordion ul li{
	border-bottom: 1px dashed #fff;
}

ul.accordion ul li:last-child{
	border:none;
}*/

/*
 * アコーディオンメニュー用スタイル(終了).
 */

/* 編集可能テーブル用スタイル */
.editableTable {
	table-layout: fixed;
}


/* 各フォームのスタイル */
#mainDiv form {
/*	margin:5px;
	padding:10px;
	background: #fff;*/
}

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


/*
 * カラムソートヘッダ関連(開始)
 */
 /*
.sortableMark {
}

.sortableLabel {
}*/

/*
 * カラムソートヘッダ関連(終了)
 */

/* javascript無効エラーメッセージの位置指定 */
.noscriptDiv {
	position:fixed;
	top:0px;
	left:0px;
}

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

/* dataforms.jarのバージョン情報のスタイル */
#dataformsInfo {
	float: right;
	height: 100%;
	vertical-align: bottom;
	padding-top: 10px;
}

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

/* テキストボックスロック時のスタイル */
/*
.lockedTextbox {
}*/

/* ページロックDIVのスタイル */
#loader {
	display: block;
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 900000;
	overflow: hidden;
	background: #fff;
}

#loader div.box-center {
	display: block;
	position: fixed;
	left: calc(50% - 44px);
	top: calc(50% - 44px);
	width: 88px;
	height: 88px;
	background: url(./image/loading.gif) no-repeat;
	background-color: white;
	z-index: 10000;
}

/** これは使用しない */
#lockLayer {
	display:none;
	background: url(./image/loading.gif) center no-repeat;
	background-color: white;
	background-attachment: fixed;
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	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;
/*	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;*/
}

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

table.columnFixedTable th,
table.columnFixedTable td {
	display: inline-block;
	padding: 1px;
	font-size: 1.0rem;
	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 - 32px) !important;
}

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

 .rowno {
 	width: 48px;
 }

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


/* メニュー関連のスタイル */
#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;
}


.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: 10px;
    background-color: white;
    border-bottom: 1px solid #AAAAAA;
}

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


#sideMenuForm {
    width: 100%;
    background-color: #f4f4f4;
}

article {
    width: 92.5%;
    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;
}
@media screen and (min-width:769px) {
article {
	 width: 100%;
	 margin: 0 auto 2.5em;
}
}

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%;
}

.free p {
    max-width: 800px;
}

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;
    width: 85%;
    padding-left: 30px;
    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;
    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;
    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.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,
button.submit:hover, button.reset:hover, button.button:hover, button.button2:hover, button.login:hover {
    background: #a6a6a2;
    color: #fff;
}

/*
input.login, input.submit, input.reset, input.button, input.button2, a.reset {
}*/

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;
}

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.25em;
    text-align: center;
    font-weight: bold;
    margin: 0;
    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: 100%;
    margin: 0 auto 1em;
}

#queryResultForm div.cont {
	margin-bottom: 0px;
	border-bottom: none;
}

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

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

table.imagelist > tbody > tr {
	display: inline-block;
	width: 33.33333333333%;
	margin: 0px;
	height: 241px;
	min-height: 241px;
}

table.imagelist > tbody > tr.headerList {
	height: 293px;
	min-height: 293px;
}

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


table.imagelist > tbody > tr > td {
    border-left: none;
    border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.imagelist p.img {
    height: 100px;
    margin-bottom: 0.5em;
    line-height: 75px;
}

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


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

.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: #fff;
    /*border: 1px solid #f19730;*/
    padding: 0.5em 0.75em;
    /*font-size: 15px;*/
    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;	/* 標準のスタイルを無効にする */
}

/* 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;
    border: 1px solid #f19730;
    padding: 0.5em;
    font-size: 1.2em;
    color: #333;
    height: 46px;
}

/* 状態表示用フォント */
.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;
}

a.showroom {
    display: block;
    border: 3px solid #f19730;
    text-align: center;
    font-size: 1.1em;
    padding: 0.5em;
    font-weight: normal;
}
a.showroom:hover {
text-decoration: none;
background-color: #f8cb97;
}
a.showroom img {
	max-width: 100px;
  margin: 0 auto 0.25em;
  display: block;
}

.mbnr2 {
	text-align: center;
	margin-bottom:2.5em;
}

img#recruitmentBanner,
img#landingBanner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}

img.commonBanner {
/*
    height: 180px;
    width: auto;
*/
    height: auto;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#welcomeMsgForm,
#exampleTableForm,
#newBlogTableForm,
#recommendedLinkForm {
	margin-bottom: 100px;
}

/* アクセスマップ */
.printmapArea425 {
	width:425px;
    margin: 8px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border-bottom: #DA6900 solid 2px;
}
.printmapArea425 h2 {
	font-size:20px;
	font-weight:bold;
	padding:4px 0px 0px 4px;
	border: 0;
	text-align: left;
}
.printmapArea425-map {
	width:425px;
    margin: 8px 0px 0px 8px;
	padding:0px 0px 0px 0px;
}
.printmapArea425-addr {
	width:425px;
    margin: 8px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	line-height:1.1;
	border-bottom: #DA6900 solid 2px;
}
.printmapArea425-addr h4 {
	font-size:0.8em;
	font-weight:bold;
	align:left;
    padding: 0px 0px 4px 4px;
}
.printmapArea425-footer {
	width:375px;
	height: 80px;
    margin: 8px 0px 0px 60px;
}
.printmapArea425-footer .footer {
    clear: both;
    font-size: 11px;
    color: #e70;
    margin: 0 5px;
    padding: 0 0 15px;
    float: right;
}
.printmapArea425-footer img{
        float: right;
        margin-bottom: 10px;
        margin-right: 5px;
}

/* 加盟店 一覧リンク */
a.go2list {
  display: block;
  color: #fff;
  background-color: #de6500;
  width: 150px;
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
  clear:both;
  float:right;
  margin: 0 0.5em 1em;
}
@media screen and (min-width:769px) {
	a.go2list {
		margin: 0 1em 1em;
	}
}
@media screen and (min-width:769px) {
	aside a.go2list {
	  width: 70px;
	}
}
a.go2list:hover {
    text-decoration: none;
}

/* ブログカレンダー */
.free .month {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
.free .month a {
	color:#f19730;
	padding:0 0.5em;
	font-weight: bold;
}
.free .month a:hover {
	text-decoration: none;
}
.free .month .prev {
	float: left;
}
.free .month .next {
	float: right;
}
.calendar {
    width: 100%;
}
.calendar td {
	text-align: center;
}
.calendar td.today {
	background-color: #f4f4f4;
}
.calendar td a {
	color:#f19730;
	font-weight: bold;
}

.inquiry {
	margin: 1em auto 2em;
	width: 92.5%;
}

.inq p.kome {
	width: 92.5%;
	margin: 0 auto 1em;
	font-size: 0.9em;
}
.comment.inq input,
.comment.inq textarea {
	font-family: inherit;
}

.comment.inq dl,
.comment.inq div {
	width: 92.5%;
	margin: 0 auto 0.5em;
}

.inquiry .note{
	font-size: 0.9em;
}

.inquiry table{
	width: 135;
	padding: 2;
	margin: 0;
	border: 0;
}

.inquiry table a {
	color: #000000;
	text-decoration: none;
	font: bold 12px 'ＭＳ ゴシック' sans-serif;
	letter-spacing: .5px;
	text-align: center;
	margin: 0px;
	padding: 0px;"
}

.comment {
    margin: 0 auto 1em;
    background-color: #f4f4f4;
    overflow: hidden;
    width: 92.5%;
}

.comment h2 {
    padding: 0.5em 0.25em;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    margin: 0 auto 1em!important;
    background-color: #a6a6a2;
    color: #fff;
}

/*-- form setting --*/
/*
.form {
	width:92.5%;
	margin: 0 auto 0.5em;
}
*/
.form dt {
	padding: 0;
	margin-bottom: 0.25em;
}

.form dd {
	padding: 0;
	margin-bottom: 1.5em;
}

.inq .form dt, .inq .form dd {
	display: block!important;
	width: 100%!important;
	line-height: 1.7;
	padding: 0;
	margin-bottom: 0.5em;
}

.inq .form dt {
  text-align: left;
  padding-right: 0;
}

.inq .form dd {
  margin-bottom: 1.5em;
  margin-left: 0;
}

.form input, textarea.textbox {
    font-size: 1.2em;
    color: #333;
}

.form input.box {
	width: 100%;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: white !important;
	height: unset;
}

.textbox {
	width: 100%;
	padding: 0.5em;
	min-height: 200px;
	box-sizing: border-box;
}

input, textarea {
	margin: 0;
	padding: 0;
}

dl:not(.prof-area) dt{
	margin:15px 0px 0 0;
}

.formbtn {
    text-align: center;
    margin-bottom: 2em!important;
    padding-top: 1em;
}

.thanks {
	width: 95%;
	margin:2em auto;
	text-align: center;
}

.thanks p.thanksBox {
	position: relative;
	margin-top: 1em;
}

.thanks a.thx {
	position: relative;
	display: block;
	border: solid 2px #f19730;
	padding: 0.5em 0 ;
	text-align: center;
	color: #333;
	font-weight: normal;
	max-width: 200px;
	margin: 0 auto 1em;
}

@media screen and (min-width:769px) {
	.thanks a.thx {
		color: #555;
	}
}

.thanks a.thx:hover {
	text-decoration: none;
	background-color: #f8cb97;
}

.thanks a.thx:after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: solid 2px #f19730;
	border-right: solid 2px #f19730;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* 記事内容表示用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;
}

.object-fit-img {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}