/* ボイラープレート */
* {box-sizing: border-box;margin: 0;padding: 0;}
html, body {
	min-height: 100%;
	background: #fff;
	color: #000;
	/*font-family: 'Noto Sans JP', "Meiryo", sans-serif;*/
	/*font-weight: 500;*/
}
article, aside, audio,footer, header, nav, section, video {display: block; }
p { 
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
} 
textarea { 
	resize: vertical;
}
table { border-collapse: collapse; }
td {padding: .5rem;}
img { 
	border: none;
	max-width: 100%;
	display: block;
}
input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{border : 0px;}
input[type="submit"] {-webkit-appearance:none;}
input[type="submit"],input[type="button"],button {
	border: none;
	cursor: pointer;
	outline: none;
	/*padding: 0;*/
	appearance: none;
	/*font-family: 'Noto Sans JP', "Meiryo", sans-serif;*/
	font-weight: 500;
	/*font-size: 19px;*/
}

input[type="text"]::placeholder,textarea::placeholder {
/*font-family: 'Noto Sans JP', "Meiryo", sans-serif;*/
font-weight: 400;
}

select.mainSearch {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../img/common/sort-down.svg);
  background-repeat: no-repeat;
	outline: none;
	border: none;
	font-family: inherit;
}
select.mainSearch::-ms-expand {display: none;}

.relative{position: relative;}
.riyoukigen {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 186px;
}
#side-overlay,#regi-overlay,.overlay {
	position: fixed;
	z-index:100;
	opacity: .6;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

/* テキストアライン */
.textCenter {text-align: center;}
.textRight {text-align: right;}

/* カーソル */
.pointer {cursor: pointer;}

/* サイズ */
.w-100 {width: 100%;}
.w-100-10 {width: calc(100% - 10px);}
.w-70px {width: 70px;}
.w-100px {width: 100px;}
.w-150px {width: 150px;}
.w-200px {width: 200px;}

.h-10{height: 10em;}

.iconsize {width: 21px;}
.iconmin {width: 16px;}

/* マージン */
.mx-10px { margin: 0 10px;}
.mr-10px {margin-right: 10px;}
.mr-15px {margin-right: 15px;}
.mr-30px {margin-right: 30px;}
.mr-40px {margin-right: 40px;}
.mb-6px {margin-bottom: 6px;}
.mb-10px {margin-bottom: 10px;}
.mb-15px {margin-bottom: 15px;}
.mb-20px {margin-bottom: 20px;}
.mb-27px {margin-bottom: 27px;}
.mb-30px {margin-bottom: 30px;}
.mb-40px {margin-bottom: 40px;}
.mb-50px {margin-bottom: 50px;}
.mb-60px {margin-bottom: 60px;}
.mb-70px {margin-bottom: 70px;}
.mt-5px  {margin-top: 5px;}
.mt-10px {margin-top: 10px;}
.mt-20px {margin-top: 20px;}
.mt-30px {margin-top: 30px;}
.mt-50px {margin-top: 50px;}
.ml-0 {margin-left: 0!important;}
.ml-5px  {margin-left: 5px;}
.ml-10px {margin-left: 10px;}

/* パディング */
.pb-15px {padding-bottom: 15px;}
.px-10px {padding: 0 10px;}
.pt-0 {padding-top: 0px!important;}
.p-round30 { padding: 30px; }

/* 行数制限 */
.line-2 {
	height: 2.9em;
	overflow-y: hidden;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* flexオプション */
.flex {display: -webkit-flex;display: flex;}
.flex-col {flex-direction: column;}
.wrap {flex-wrap: wrap;}
.flex-1 {flex: 1;}
.flex-center {-webkit-justify-content: center;justify-content: center;}
.flex-end {justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex-around {-webkit-justify-content: space-around;justify-content: space-around;}
.flex-between {-webkit-justify-content: space-between;justify-content: space-between;}
.items-center {-webkit-align-items: center;align-items: center;}
.items-bottom {-webkit-align-items: flex-end;align-items: flex-end;}

@media screen and (max-width: 750px) {.tableFlex {flex-direction: column;}}
@media screen and (max-width: 520px) {
	.sp-fs {align-items: flex-start;}
	.sp-col {flex-direction: column; align-items: start;}
	.tableFlex .plansTable .flex {flex-direction: column;}
}

/* align */
.text-center {text-align: center;}

/* ボーダー */
.border-m-none {border-top: none!important;}

/* 隠す */
.hide {display: none;}

.pc-hide { display: none; }

/* 非活性 */
.inactive {
	pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/* フォント */
.Caveat {font-family: 'Caveat', cursive;}
.Jaldi {font-family: 'Jaldi', sans-serif;}

/* フォント幅 */
.normal {font-weight: 400;}
.bold {font-weight: 700;}

/* フォントサイズ */
.text10 {font-size: 10px;}
.text12 {font-size: 12px;}
.text13 {font-size: 13px;}
.text14 {font-size: 14px;}
.text15 {font-size: 15px;}
.text16 {font-size: 16px;}
.text18 {font-size: 18px;}
.text19 {font-size: 19px;}
.text20 {font-size: 20px;}
.text22 {font-size: 22px;}
.text25 {font-size: 25px;}
.text32 {font-size: 32px;}
.text50 {font-size: 50px;}

/* 文字カラー */
.white {color: #FFFFFF;}
.subColor {color: #A3A3A3;}
.commentColor {color: #888888;}
.hyperlink {color: #54ADCD;}
.red {color: #E50914;}
.lightGray { color: #aaa; }
.lightGreen { color: #74F2CE; }
.green1 { color: #00cc33 }

/* 背景色 */
.main-black {background-color: #1F1F1F;}
.base-black {background-color: #2F2F2F;}
.pure-white {background-color: #FFFFFF;}
.base-white {background-color: #FAFAFA;}
.bg-white {background-color: #FCFCFC; padding: 1px;}
.bg-hightlight { background-color: #ffc; }
.bg-hightlight1 { background-color: #cff; }
.base-gray {background-color: #F0F0F0;}
.message-gray {background-color: #F7F7F7;}
.area-orange {background-color: #F49C37;}
.btn-blue {background-color: #54ADCD;}
.btn-delete {background-color: #777777;}
.btn-gray {background-color: #ADADAD;}
.btn-issued {background-color: #6C6C6C;}
.btn-orange {background-color: #F4AD27;}
.btn-active {background-color: #3b2017;}
.btn-not-veri {background-color: #FF7878;}
.btn-green {background-color: #74F2CE;}
.btn-green1 {background-color: #00cc33;}

/* ボタン */
.btn-edit,.btn-tag,.btn-list,.btn-md,.btn-lg,.btns,.btn-small,.btn-more {color: #fff;}
.btn-tag,.btn-list{font-weight: 400;}
.btn-edit {
	border-radius: 5px;
	display: -webkit-flex;display: flex;
	-webkit-align-items: center;align-items: center;
	padding: 5px 12px;
	font-size: 14px;
}
.btn-edit img{margin-right: 7.5px;}
.btn-tag{
	border-radius: 12px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	display: inline-block;
	margin-left: 22px;
	font-size: 14px;
}
.btn-list{
	padding: 4px 14px 5px;
	border-radius: 4px;
	white-space: nowrap;
}
.btn-list > img {margin-right: 5px;}
.btn-md{
	width: 300px;
	margin: 0 auto;
	height: 58px;
	line-height: 58px;
	display: block;
}
.btn-lg{
	width: 100%;
	height: 53px;
	line-height: 53px;
	border-radius: 7px;
	display: block;
}
a.btn-lg {
	text-decoration: none;
	text-align: center;
	/*font-family: 'Noto Sans JP', "Meiryo", sans-serif;*/
	font-weight: 500;
}
.btn-group {
	display: -webkit-flex;display: flex;
	-webkit-justify-content: center;justify-content: center;
	margin: 37px auto 0 auto;
}
.btn-group > a {margin-right: 22px;}
.btn-group > a:last-child {margin: 0;}
/* fudamoto write */
.btnGroup0 {
	display: -webkit-flex;display: flex;
	-webkit-justify-content: center;justify-content: center;
	margin: 0 auto;
}
.btnGroup0 > input[type="button"],
.btnGroup0 > input[type="submit"],
.btn-group > input[type="button"],
.btn-group > input[type="submit"]{margin-right:22px;padding:0px 40px;}

.text-deco-none {text-decoration: none;}

/* fudamoto write end */
.btns {
	padding: 0 40px;
	height: 53px;
	line-height: 53px;
	font-size: 19px;
	display: block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	max-width:100%;
	box-sizing: border-box;
}
.btns2 {
	color: #fff;
	padding: 6 30px;
	font-size: 18px;
	cursor: pointer;
	max-width:100%;
	box-sizing: border-box;
}
.btn-small{
	padding: 4 12px !important;
	line-height: 20px;
	font-size: 16px !important;
}
.btn-more {
	margin: 0 auto 80px;
	height: 56px;
	line-height: 56px;
	width: 75%;
	display: block;
	text-align: center;
	text-decoration: none;
}

.sns-x img {
	width: 30px;
	margin-right: 15px;
}
.sns-x {
	padding: 10px 20px;
}

/* ロゴ */
.logo {
	height: 100%;
	width: 237px;min-width: 220px;max-width: 237px;
	padding: 0 20px 0 40px;
	font-size: 34px;
}
.logo p {flex:1;}
.logo img {margin-right: 5px; width: 45px;}

/* ローダー */
#loader {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #54ADCD;
	width: 60px;
	height: 60px;
	animation: spin 1.5s linear infinite;
  display: none;
	z-index: 14001;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#loader_overlay {
	position: fixed;
	z-index:14000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	opacity: 0.3;
	display: none;
}

/* アイコン */
.starIcons {
	width: 44px;
	min-width: 44px;
	height: 44px;
	min-height: 44px;
	border-radius: 50%;
	background-color: #EDEDED;
}
.starIcons > img {width: 21px;height: 21px;}

/* ページネーション */
.pageNation .prevButton {
	background: url(../img/common/chevron-left.svg) no-repeat center center;
	margin-left: 5px;
}
.pageNation .nextButton {
	background: url(../img/common/chevron-right.svg) no-repeat center center;
	margin-left: 5px;
}
.pageNation span {
	width: 32px;
	height: 32px;
	color: #707070;
	border: 1px solid #707070;
	border-radius: 5px;
	display: flex;
	-webkit-justify-content: center;justify-content: center;
	-webkit-align-items: center;align-items: center;
	margin-left: 5px;
}

.pageNation a > span{
	margin-left: 0px !important;
}
.pageNation a {
	width: 32px;
	height: 32px;
	display:block;
	text-decoration:none;
	margin-left: 5px;
}
/*.pageNation span img {width: 6px;}*/

/*.pageNation span + span {margin-left: 5px;}*/

.pageNation span.now {
	border: none;
	background-color: #54ADCD;
	color: #fff;
	margin-left: 5px;
}

/* モーダル */
.onlineModal {
  z-index: 101;
  position: fixed;
  top: 100px;
  left: 20px;
  right: 20px;
  padding: 64px 70px 70px;
  max-width: 900px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  margin: 0 auto;
}

#regi:checked + .subscRegi,#regi:checked + .subscRegi + #regi-overlay {display: block;}
.subscRegi {
  z-index: 101;
  position: fixed;
  top: 300px;
  left: 20px;
  right: 20px;
  padding: 62px 58px 70px;
  max-width: 600px;
  margin: 0 auto;
  max-height: calc(100vh - 150px);
  box-sizing: border-box;
  overflow-y: auto;
}
.subscRegi hr {border: none; border-top: 1px solid #D3D3D3;}
.subscRegi div.flex {
  border-bottom: 1px solid #D3D3D3;
  min-height: 57px;
  padding: 0 30px;
}
.subscRegi div.flex p:first-of-type {width: 150px;}
@media screen and (max-width: 540px) {
  .subscRegi { padding: 40px 10px 50px; width: 99%;}
  .subscRegi div.flex {
    flex-direction: column;
    padding: 10px 0 20px;
  }
  .subscRegi div.items-center {
    align-items: start;
  }
  .subscRegi div.flex p:first-of-type {padding-bottom: 10px;}
}
#cancelSubsc{
	padding: 30px;
	width: calc(100% - 20px);
	max-width: 600px;
}


/* ヘッダ部分 */
header {height: 57px;}
header > div:last-child {padding: 0 26px;}

.topSearch {
	width: 100%;
	height: 39px;
	border: 1px solid #4D4D4D;
	margin-left:35px;
	max-width: 1132px;
}
.topSearch > select.mainSearch {
  background-size: 6px 6px;
  background-position: right 10px top 16px;
	padding: 10px;
	width: 95px;min-width: 95px;max-width: 95px;
	height: 100%;
	background-color: #EBEBEB;
	color: #000;
}

.topSearch input[type="text"] {
	border: none;
	outline: none;
	height: 100%;
	padding: 0 10px;
	min-width: 50px;
	max-width: 1000px;
	width:100%;
}
.topSearch button {
	background-color: #54ADCD;
	width: 37px;
	padding: 4px;
}
.topSearch button img {width: 29px;margin: 0 auto;}

.country {
	background-size: 9px 9px;
  background-position: right 10px top 16px;
	padding: 0 25px 0 10px;
	height: 37px;
	overflow: hidden;
}
.entrance {
	width: 4em;
	color: #1F1F1F;
	text-decoration: none;
}
.entranceLogin {
	/*height: 37px;*/
	line-height: 37px;
	white-space: nowrap;
	/*overflow: hidden;*/
}
.country {width: 65px;min-width: 65px;max-width: 65px;}
.entranceLogin {width: auto;min-width: 50px;max-width: 20em;}
.mail {width: 37px;min-width: 37px;max-width: 37px;position: relative;}

/* メインナビゲーション部分 */
#main-nav {height: 49px;}
#main-nav > ul {list-style: none;padding: 0 18px;}
#main-nav > ul a,#main-nav > ul label {
	display: flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
	padding: 0 12px;
	margin: 0 8px;
	height: 100%;
}
#main-nav > ul label img {width: 22px; margin-right: 10px;}

#main-nav > div {width: 261px;}
#main-nav > div > img {width: 16px; margin-right: 16px;}

/* ハンバーガー部分 */
.hamburgerDisplay {display : none;}
.hamburger {height: 100%;}
.hamburger > li{list-style: none;}

/* サイドメニュー */
#side-menu:checked + aside,#side-menu:checked + aside + #side-overlay {display: block;}
aside{
	position: fixed;
	z-index:101;
	top: 0px;
	left: 0px;
	height:100%;
	width:380px;
	background: #fff;
}
aside > div,.category-menu > div {
	padding: 24px 25px;
	height: calc(100vh - 70px);
}
aside > div {
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
aside > div::-webkit-scrollbar {display:none;}
aside > div > div {padding: 32px 14px 28px;}
aside > div > div:first-child {padding-top: 0;}
aside h2 {height: 70px;line-height: 70px;font-size: 24px;padding-left: 40px;}
aside h3 {margin-bottom: 12px;}
aside hr { border: none; border-top: 1px solid #D9D9D9;}
aside ul {list-style: none;}
aside li a{display: inline-block;}
aside li a,aside li p{
	margin: 8px 0;
	text-decoration: none;
	color: inherit;
}
aside li p > img {width: 18px; margin-right: 11px;}
aside > div > div:nth-of-type(2) .category-list {
	background-image: url(./../img/common/chevron-right.svg);
  background-repeat: no-repeat;
	background-size: 6px 10px;
  background-position: right 0 top 7px;
	cursor: pointer;
}

.category-menu{
	position: fixed;
	z-index:101;
	top: 0px;
	left: 380px;
	height:100%;
	width:380px;
	background: #fff;
	display: none;
	animation-name: fade-in;
  animation-duration: 0.6s;
}
.category-fade-out{animation-name: fade-out;}
@keyframes fade-in {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fade-out {
	from {opacity: 1;}
  to {opacity: 0;}
}
.category-list-close {cursor: pointer;}

/* コンテンツ部分 */
#main {
	width: 1080px;
	max-width: calc(100% - 38px);
	margin: 36px auto 99px auto;
	min-height: calc(100vh - 486px);
	overflow-x:hidden;
}
#main input[type="password"],#main input[type="text"],#main input[type="number"],#main input[type="date"],#main textarea,#main select.mainSearch,#main select,.prefInput,.cityInput {
	padding: 12px 21px 14px 21px;
	border: 1px solid #4D4D4D;
	border-radius: 4px;
	font-size: 16px;
	min-width: 0;
	/* background-color: #fff; */
}
#main select {
	padding: 0 21px;
	border-radius: 4px;
	font-size: 16px;
}
.prefInput,.cityInput {padding: 0 21px;}
#main select.mainSearch {
	background-image: url(./../img/common/select.svg);
  background-repeat: no-repeat;
	background-size: 21px 14px;
  background-position: right 16px top 17px;
	padding: 0 21px;
}
#main input[type="password"]::placeholder,#main input[type="text"]::placeholder,#main input[type="date"]::placeholder,#main input[type="time"]::placeholder,#main textarea::placeholder{color: #666666;}
#main input[type="password"],#main input[type="date"],#main input[type="number"],#main select,#main input[type="time"],#main input[type="text"],#main select.mainSearch,.prefInput,.cityInput{height: 47px;}
#main h2 {
	font-size: 28px;
	/*font-size: 30px;*/
	margin-bottom: 38px;
	font-weight: 400;
}
#main h2 > span {font-size: 20px;}
#main h3 {
	font-size: 20px;
	margin-top: 47px;
	font-weight: 400;
}
#main h2.list {
	font-size: 28px;
	margin-bottom: 38px;
	font-weight: 400;
}
#main h2.list a { text-decoration: none; color: #333;}

/* プラン作成フォーム */
.plan-edit > div {
  border-bottom: 1px solid #BABABA;
  padding: 17px 0 21px 0;
}
.plan-edit > div > p {width: 228px; min-width: calc(11em + 15px);padding-top: 6px;}
.plan-edit textarea {height: 123px;}
.plan-edit hr {border: none; border-top: 1px solid #BABABA;}
#main input[type="time"] {
  padding: 0 12px;
	border: 1px solid #4D4D4D;
	border-radius: 4px;
	font-size: 16px;
  min-width: 0;
	background-color: #fff;
}
/* プランリスト */
.plansHead > div:first-of-type {height: 32px;}
.plansHead {padding-bottom: 19px;}
.plansHead > .items-center > p {margin-right: 16px;}
#shop .plansHead select{
  height: 34px;
  padding: 0 20px 0 15px;
  background-size: 18px 10px;
  background-position: right 7px top 13px;
}

.borderTops {border-top: 1px solid #707070;}
.planslist {padding: 20px 0 33px 0;}
.planslist > div > img{
  width: 211px;min-width: 211px;
  height: 211px;
  border: 1px solid #707070;
  margin-right: 27px;
}
.plansTable hr {border: none;border-top: 1px solid #BEBEBE;}
.plansTable > div {
  border-bottom: 1px solid #BEBEBE;
  min-height: 42px;
  background-color: #F5F5F5;
}
.plansTable > div > p {
  height: 100%;
  width: 165px;
  min-width: 165px;
  padding: 8px 11px;
}
.plansTable > div > div {
  padding: 8px 0 9px 25px;
  background-color: #fff;
}
.plansTable > div > div input[type="checkbox"] {margin-right: 9px;}
.plansTable > div > div label {margin-right: 15px;}
.plansTable > div > div label:last-of-type {margin-right: 0;}

.planKaiyaku {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* フッター */
#toTop{
	background-color: #4A4A4A;
	height: 52px;
}
#toTop img {width: 12px; margin-left: 26px;}

#sitemap{
	list-style: none;
	height: 106px;
}
#sitemap a {
	color: inherit;
	text-decoration: none;
	display: inline-block;
	margin: 1vw;
}

#copyright {
	height: 85px;
	background-color: #141414;
}

.backMessage {display: none;}

/* 利用エリア */
.selectAreaBox {
	display: -webkit-flex;display: flex;
	border: 1px solid #000;
  min-height: 45px;
  padding: 0;
	width: 260px;
}
.areaUse {
	font-size: 20px;
	border: none;
	outline: none;
	flex: 1;
	padding: 0 20px;
}
#selectArea {
	width: 10em;
	display: block;
}

.cityBox > .cityItem:first-of-type {margin-top: 20px;}
.cityItem {
	padding: 10px;
	border-bottom: 1px solid #E8E8E8;
}

@media screen and (max-width: 768px) {
	#main h2.list {
		font-size: 1.2em;
		text-align:left !important;
	}
	#modalUseArea {padding: 40px 20px 60px;}
	.btns {
		width: 100%;
		padding: 0 10px;
		font-size: 1.2em;
	}
	.planKaiyaku {
		flex-direction: column;
		justify-content: start;
		align-items: start;
	}
	.pc-hide {
		display: block;
	}
}

@media screen and (max-width: 1200px) {
	.entranceLogin {max-width: 15em;}
}
@media screen and (max-width: 1010px) {
	/* メインナビゲーション部分 */
	#main-nav > ul {list-style: none;padding: 0 14px;}
	#main-nav > ul a,#main-nav > ul label {
		padding: 0 8px;
		margin: 0 2px;
	}
	#main-nav > ul label img {margin-right: 6px;}
	#main-nav > div {width: 220px;}
	#main-nav > div > img {width: 16px; margin-right: 12px;}
	.entranceLogin {max-width: 12em;}
}

@media screen and (max-width: 910px) {
	/* ヘッダ部分 */
	header > div:last-child {padding: 0 10px;}
	.topSearch {margin-left: 18px;}
	.country {width: 50px;min-width: 50px;max-width: 50px;}
	.entranceLogin.mx-10px{margin: 0 5px;}
	.entranceLogin {max-width: 7em;}

	/* フッター */
	#sitemap a {font-size: 14px;}
}

@media screen and (max-width: 857px) {
	/* メインナビゲーション部分 */
	#main-nav > ul {list-style: none;padding: 0 10px;}
	#main-nav > ul a,#main-nav > ul label {
		padding: 0 6px;
		margin: 0;
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	
}

/* modal window */
.modalWidth600 {
	width: 600px;
}
.modalWindowDialog {
	background-color: #fff;
	z-index: 9999999999;
}
.modalWindowDialog .dialogHead {
	background-color: #333;
	color: #fff;
	padding: 10px;
	clear: both;
}
.modalWindowDialog .dialogHead span.modal_close {
	float: right;
}
.modalWindowDialog .dialogClose {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.modalWindowDialog  .dialogBody {
	padding :10px;
}
@media screen and (max-width: 800px) {
	.modalWidth600 {
		width: 98%;
	}
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.valignMiddle {
	vertical-align: middle;
}
.valignBottom {
	vertical-align: bottom;
}
.bgMaru {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-color: #999;
	text-align: center;
	border-radius: 20px;
}
.message-box {
	border: 1px solid #E3E3E3;
	padding: 10px;
	border-radius: 5px;
}
.displayInline {
	display: inline-block;
}