@import "/_/salon/css/style_salon.css";

body{margin:0;}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
/* News
------------------------------------------------------------------------------*/
#News {
	width: 760px;
	margin-bottom:35px;
	position: relative;
}
.new-title {
	margin: 0px 0 20px 0;
	padding: 5px 0 5px 10px;
	border-bottom: 2px solid #2b2827;
	line-height: 1.6;
	text-align: left;
	font-size: 116%;
}
.news-frame {
	margin: 30px auto;
	padding: 10px 0;
	min-height: 132px;
	width: 700px;
}
.news-sec-dl {
	margin: 0 auto 20px;
	text-align: left;
	height: 100px;
	overflow-y:scroll;
}
.news-sec-dl dt {
	float: left;
	margin-bottom: 5px;
	width: 90px;
	line-height: 1.6;
	font-size: 93%;
	color: #2b2827;
}
.news-sec-dl dd  {
	margin-bottom: 5px;
	line-height: 1.6;
}
.news-sec-dl dd a {
	color: #2b2827;
}
.info-link {
	text-align: right;
}
.info-link a {
	color: #2b2827;
}


.news-sec-detail a, .news-detail dl dd a {
	color: #ec7680;
	font-weight: bold;
	/*padding-top: 15px;*/
}
.news-sec-detail {
	font-size: 100%;
	line-height: 1.6;
	margin-bottom: 8px;
	color: #5a5858;
}
span.red {
	color: #ec7680;
	font-weight: bold;
}
.news-sec-detail dl dt {
	font-size: 116%;
	font-weight: bold;
	color: #5a5858;
	line-height: 1.6;
	margin: 5px 0;

}
.news-point {
	font-size: 116%;
	font-weight: bold;
	color: #5a5858;
	line-height: 1.6;
	padding-top:5px;
}
.news-detail {
	padding: 0 25px 25px 25px;
	border: 8px solid #f7f4f2;
	color: #5a5858;

}
.news-detail dl.news-item {
	border-bottom: 1px solid #eceaea;
	padding: 45px 0 20px 0;
	line-height: 1.6;
}
.news-detail dl dt.news-item-headline {
	background: url(/images/common/triangle.png) no-repeat .1em .3em;
	font-size: 116%;
	font-weight: bold;
	color: #5a5858;
	padding-left:10px;
}
.news-detail dl dd.news-item-contents {
	padding: 10px 15px;
	margin-bottom: 10px;
}
.news-detail dl dd.news-item-contents p {
	padding-bottom: 10px;
}
.info-item {
	margin-bottom: 10px;
}
.info-item-contents {
	padding-left: 15px;
}
.info-item ol {
	padding-left: 40px;
	margin-bottom: 10px;
	list-style: decimal;
}
.info-item ul {
	padding-left: 10px;
	margin-bottom: 10px;
}
.info-item-theme {
	margin-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
	color: #5a5858;
}
.info-item-theme:before {
	content:'■';
}
.info-item-subtheme:before, .info-item-contents ul li:before {
	content:'・';
}
.info-item-contents ul li {
	text-indent: -12px;
}
.info-item-subtheme {
	padding-bottom:5px!important;
	font-weight: bold;
}
.info-item-annotation {
	margin: 0 0 25px 15px;
}
.info-item-other {
	padding-bottom: 5px!important;
	color: #a8a19f;
}
.info-item-form-name {
	background-color: #e2e0df;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.info-item-contents-annotation p:before, .info-item-contents-annotation2 p:before {
	content: '※';
}
.info-item-contents-annotation {
	padding-left: 23px;
}
.info-item-contents-annotation2 {
	padding-left: 13px;
}
.info-item-contents-annotation p, .info-item-contents-annotation2 p {
	text-indent: -13px
}
td.bg-red {
	background: #FEE5EA;
}
/* ---- 管理画面 20141217---- */
/* ---- 管理画面 20141217end---- */


.top-attention {
	font-size: 93%;
	line-height: 1.6;
	margin-bottom: 25px;
}
.column-recruitment {
	margin-bottom: 60px;
	border:solid 1px #d8d5d4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: left;
}
.column-recruitment__theme {
	padding: 30px 20px;
	border-bottom:solid 1px #d8d5d4;
}
.column-recruitment__theme-inner {
	line-height: 1.6
}
.column-recruitment__theme-label {
	display: inline-block;
	margin-bottom: 5px;
	padding:4px 10px 3px 10px;
	background-color: #2b2827;
	vertical-align: middle;
	color: #ffffff;
}
.column-recruitment__theme-detail {
	display: inline-block;
	font-size: 150%;
	vertical-align: middle;
	font-weight: bold;
}
.column-recruitment__theme-limit:before {
	content: '期間：';
}
.column-recruitment__theme-limit {
	display: inline-block;
	padding :8px 40px;
	background-color: #f5f5f4;
	font-weight: bold;
}
.column-recruitment__detail {
	padding: 15px 20px ;
	line-height: 1.7;
}
.column-recruitment__detail a {
	color: #56504e;
}
.shops-column-link {
	color:#ec7680!important;
	font-weight: bold;
}
/* salonmypageIndex
------------------------------------------------------------------------------*/
/* parts ++++++++*/
.salonmypageIndex h3 {
	color:#1e1a1a;
	padding-bottom:2px;
	font-weight:bold;
	font-size:116%;
	text-align: center;
	margin-bottom:7px;
	border-bottom: 2px dotted #f6a3c3;
	height: 25px;
	line-height: 189%;
}

.salonmypageIndex .imgBlock {
	float:left;
	width:125px;
	height:125px;
	margin-right:11px;
}
.salonmypageIndex .txBlock {
	float:left;
	width:210px;
	font-size: 85%;
	line-height: 146.5%;
}
.salonmypageIndex .txBlock .btnArea {
	position: absolute;
	bottom: 25px;
	right: 20px;
}
.salonmypageIndex .txBlock dl dt:before {
	content: "・";
}
.salonmypageIndex .txBlock dl dd {
	font-size: 88%;
}
.salon-index-ul {
	margin-right: -20px;
}
.salon-index-li {
	float: left;
	padding: 12px;
	background: #fafafa;
/*	background: #f7f4f2;*/
	margin: 0 15px 20px 0;
	position: relative;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border:solid 1px #d1d1d1;
	border-bottom: solid 3px #d1d1d1;
	border-right: solid 3px #d1d1d1;
}


/* 20150114重複なのでcommon/modules.css に意向*/
/*


.tableBlock {
	margin-bottom:25px;
}
.tableBlock table.tableA {
	margin-bottom:12px;
}
table.tableA th,
table.tableA td {
	padding:6px 10px;
}
/* 20150114重複なのでcommon/modules.css に意向*/


.indispensable{
	color:#ec7680;
}
.character-count{
	color:#818181;
	font-size:93%;
}

td p.myCouponRegistered {
	margin-top:3px;
	font-size:90%;
}
td p.myCouponRegistered em {
	padding-left:10px;
	font-weight:bold;
}
td span.limitAuto em {
	padding-left:10px;
	font-weight:bold;
}
td span.limitAuto {
	font-size:90%;
}

.limitAutoEdit p.selectOnOff {
	margin-bottom:5px;
}
/*
.limitAutoEdit p.selectOnOff label {
	margin-left:20px;
	margin-right:0;
}
*/
.limitAutoEdit p.description {
	margin-bottom:5px;
	font-size:90%;
	line-height:1.3em;
}
.limitAutoEdit .limitBox {
}

table.tableA .moveBlock {
	position:relative;
	font-size:92%;
}
table.tableA .moveBlock p.delete {
	position:absolute;
	right:0;
	top:4px;
}
* html table.tableA .moveBlock p.delete {
	right:8px;
}

table.tableA .moveBlock .linkstyle_A,
table.tableA .moveBlock .linkstyle_B
 {
	padding-left:8px;
}


p.borderline {
	margin-bottom:20px;
	text-align:center;
	font-size:1px;
	line-height:1em;
	height:1px;
}

/* staffCatalog
------------------------------------------------------------------------------*/
tr.staffCatalog .column {
	width:75px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}
tr.staffCatalog .column p.photo {
	margin-bottom:5px;
}
tr.staffCatalog .column p.text {
	margin-bottom:5px;
}

/* staffCatalog
------------------------------------------------------------------------------*/
td.data span.off {
	color:#CCC;
}


/* MemberArea
------------------------------------------------------------------------------*/
/* ModelList
------------------------------------------------------------------------------*/
#ModelList {
	margin:10px 0;
}
#ModelList .columnWrap {
	margin-bottom:10px;
}
#ModelList .columnWrap .column {
	width:144px;
	float:left;
	margin-right:10px;
}
#ModelList .columnWrap .column.last {
	margin-right:0;
}
* html #ModelList .columnWrap .column.last {
	margin-right:-3px;
}
#ModelList .columnWrap .column .inner {
	border:1px solid #DDD;
	padding:5px;
}
#ModelList .columnWrap .column p.photo {
}
#ModelList .columnWrap .column p.detailBtn {
	margin-top:5px;
	text-align:right;
	line-height:1.6;
}
#ModelList .columnWrap .column p.modelName {
	margin-top:7px;
	margin-bottom:5px;
	line-height:1.6;
	color:#BA2421;
}
#ModelList .columnWrap .column p.modelName em {
	font-size:116%;
	padding-right:3px;
}
#ModelList .columnWrap .column p.hairStyle {
	line-height:1.6;
}
.mac #ModelList .columnWrap .column p.hairStyle {
	text-indent:-0.5em;
	line-height:1.6;
}
#ModelList .columnWrap .column p.hairStyle em {
	color:#555;
}
#ModelList .columnWrap .column .bottomBtn {
	margin-top:8px;
}
#ModelList .columnWrap .column .bottomBtn li {
	margin-bottom:4px;
	text-align:right;
	line-height:1em;
}
#ModelList .columnWrap .column .bottomBtn li a:hover img {
opacity:1;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
#ModelList .columnWrap .column .bottomBtn li.last {
	margin-bottom:0;
}


body.model .tabModel {
	margin-bottom:20px;
}
body.model .tabModel ul:after {  content: ".";    display: block;   clear: both;  height: 0;  visibility: hidden;}
body.model .tabModel ul {  min-height: 1px;}
* html body.model .tabModel ul {  height: 1px;  /*ﾂ･*//*/  height: auto;  overflow: hidden;  /**/}

body.model .tabModel li {
	float:left;
	margin-right:20px;
}
body.model .tabModel li.last {
	margin-right:0;
}
body.model .tabModel li a {
	display:block;
	width:240px;
	height:35px;
	text-indent:-9999em;
	background-repeat:no-repeat;
}
body.model .tabModel li.tab01 a {	background-image:url(/_/salonmypage/img/model_tab_01.gif);	}
body.model .tabModel li.tab02 a {	background-image:url(/_/salonmypage/img/model_tab_02.gif);	}
body.model .tabModel li.tab03 a {	background-image:url(/_/salonmypage/img/model_tab_03.gif);	}
body.model .tabModel li a:hover, body.model .tabModel li a:active {	background-position:-240px;	}
body.model .tabModel.search li.tab01 a,
body.model .tabModel.watch li.tab02 a,
body.model .tabModel.requested li.tab03 a
{	background-position:-480px;	}

body.model .refineSearch {
	margin-bottom:7px;
}
body.model .refineSearch p.tit {
	margin-left:3px;
	margin-bottom:6px;
}
body.model .refineSearch table.tableA {
	margin-bottom:5px;
}
body.model .refineSearch p.detailSearch {
	line-height:1.6;
	text-align:center;
	margin-bottom:5px;
}

body.model .refineSearch table.tableA th,
body.model .refineSearch table.tableA td
 {
	padding:5px 5px 3px;
}


/* elements
------------------------------------------------------------------------------*/
h3.sectionTitle {
	display: block;
	background: url(/images/common/headline.jpg) repeat-x bottom, url(/images/common/title_img.png) no-repeat 0em 0.35em;
	height: 28px;
	margin-bottom: 40px;
	padding: 3px 0 0 20px;
	color: #000;
	clear: both\9;
	font-size: 116%;
	font-weight: bold;
	text-align: left;
}
h4.head {
	margin-bottom:8px;
	padding-bottom:2px;
	font-weight:bold;
	font-size:110%;
	color:#A09490;
	border-bottom:2px #A09490 solid;
}

.categoryList {
}




/* ChangePass
------------------------------------------------------------------------------*/
div#Shopmypage.changepass {
	background-image:none;
}

#ChangePass {
	width:500px;
	margin:0 auto;
}
#ChangePass .inner {
	padding:20px 25px 20px 15px;
}


/* topics
------------------------------------------------------------------------------*/
table.tableA.topics tr.off th {
	background-color:#F2ECEA;
	color:#BBB;
}
table.tableA.topics tr.off td,
table.tableA.topics tr.off td textarea.uniform {
	background-color:#F9F6F4;
	color:#BBB;
}


/* other
------------------------------------------------------------------------------*/
p.notes {
	margin-top:5px;
}
.notes {
	color:#999;
	font-weight:normal;
}
.required {
	color:#D00;
}
.item p,
.item label
 {
	color:#777;
}


/* login
------------------------------------------------------------------------------*/
.login #LoginBox {
	width:500px;
	height:400px;
	background:url(/_/salonmypage/img/bg_login.png) no-repeat #f7f4f2;
	margin:30px auto 10px;
	color:#5a4b40;
}
.login #LoginBox .inner {
	text-align: center;
}
.login #LoginBox p.title {
	text-align:center;
	font-weight: bold;
	font-size: 153.9%;
	line-height: 1.6;
	height: 58px;
	padding-top: 10px;
	position: relative;
	top: 15px;
	font-family: 'Meiryo UI';
	letter-spacing: 0.5px;
}
.login #LoginBox .innerBox {
	padding:10px 0 18px 0;
	text-align:center;
	position: relative;
}
.login #LoginBox .innerBox p.head {
	font-weight:bold;
	text-align:center;
	margin-bottom:7px;
}
.login #LoginBox .innerBox .formArea {
}
.login #LoginBox .innerBox input.width300 {
	width:286px;
	margin-bottom:7px;
	border:1px solid #dddddd;
	height: 14px;
	outline: 0 none;
	padding: 7px;
	font-family: "メイリオ", "Meiryo";
	font-size: 93%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.login #LoginBox .innerBox .input-line .leftBlock {
	width:110px;
	height: 30px;
	float:left;
	text-align:right;
	margin-right:6px;
	padding-top:3px;
	color: #5a5858;
	font-weight: bold;
	font-size: 116%;
	line-height: 1.6;
	clear: both;
}
.login #LoginBox .innerBox .input-line .rightBlock {
	width:300px;
	float:left;
}
.login #LoginBox p.newmember {
	text-align:center;
	margin-top:10px;
}
.input-line {
	position: relative;
	left: 28px;
}
.login-check {
	height: 16px;
	clear: both;
}
input#AccountRememberMe {
	height: 16px;

}
.input-border {
	width: 72%;
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	margin: 0 auto;
}

.login #LoginBox .innerBox .message {
	position: absolute;
	top: -18px;
	left: 0;
	width: 100%;
	text-align: center;
}


/* catalogTypeTab
------------------------------------------------------------------------------*/
.catalogTypeTab {
	margin-bottom:20px;
}
* html .catalogTypeTab {
	margin-bottom:30px;
}
.catalogTypeTab ul {
	margin-top: 30px;
  text-align: center;
}
.catalogTypeTab ul li {
	display: inline-block;
	font-size: 118%;
	text-align: center;
	/*min-width: 184px;*/
}
.catalogTypeTab ul li a {
	display: block;
	padding: 12px;
	background-color: #E6E5E2;
	color: #1e1a1a;
}
.catalogTypeTab ul li a:hover {
	opacity: 1;
	text-decoration: none;
}
.catalogTypeTab.type01 ul li.catalogType01 a,
.catalogTypeTab.type02 ul li.catalogType02 a,
.catalogTypeTab.type03 ul li.catalogType03 a,
.catalogTypeTab.type04 ul li.catalogType04 a,
.catalogTypeTab.type05 ul li.catalogType05 a {
	background-color: #D4E7D9;
	color:#47955C;
}

.tableBlock table ul.catalog-images {
    display: flex;
    justify-content: center;
}
.tableBlock table ul.catalog-images li {
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
}
.tableBlock table ul.catalog-images li img {
    width: 100%;
    height: auto;
}

.tableBlock table .instagram {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.tableBlock table .instagram iframe {
  min-width: auto !important;
  border: none !important;
  margin-top: -54px !important;
  margin-bottom: -153px !important
}
.tableBlock table .preview-image {
    width: 200px;
    height: 200px;
    float: right;
    margin-bottom: 10px;
}
.tableBlock table .preview-image img {
    width: 100%;
    height: 100%;
    object-fit : contain;
}


/* 新規登録
------------------------------------------------------------------------------*/
#RegistBox {
	width:760px;
	margin:0 auto;
}


/* クーポンページ
------------------------------------------------------------------------------*/
.pricedisplay .format {
	border-bottom:1px solid #CCC;
	padding-bottom:8px;
	margin-bottom:8px;
}
.pricedisplay .dispRate {
	display:none;
}
.pricedisplay .dispPrice p {
	margin-bottom:10px;
	font-size:91%;
}
.pricedisplay .dispPrice p em {
	font-weight:bold;
	padding-right:5px;
}
.pricedisplay .dispRate p {
	font-size:91%;
}
.pricedisplay .dispRate p em {
	font-weight:bold;
	padding-right:5px;
}
.pricedisplay p.attention {
	font-size:91%;
	color:red;
	margin-top:10px;
}


/* =======================================
KiyakuArea
======================================= */
#KiyakuArea {
	margin-top:20px;
	font-size:90%;
	line-height:1.6;
}
#KiyakuArea p.title {
	color:#C19181;
	font-size:110%;
	line-height:1.2em;
	margin-top:7px;
	font-weight:bold;
}
#KiyakuArea .kiyakuBox {
	margin-top:5px;
	margin-bottom:10px;
	line-height:1.6;
	border:1px solid #EDD0C7;
	height:150px;
	width:720px;
}
#KiyakuArea .kiyakuBox .inner {
padding:5px;
}
* html #KiyakuArea .kiyakuBox .inner {
	padding:5px 5px 5px 15px;
}
#KiyakuArea .kiyakuBox p.head {
	font-weight:bold;
	border-bottom:1px dotted #DDD;
	padding-bottom:2px;
	margin-bottom:5px;
}
#KiyakuArea .kiyakuBox .kiyakuItem {
	margin-bottom:10px;
}
#KiyakuArea .kiyakuBox .kiyakuItem .inner {
	margin-left:10px;
	padding:0;
}
#KiyakuArea .kiyakuBox p.kiyakuTitle {
	font-weight:bold;
	border-bottom:1px solid #bbb;
	margin-bottom:5px;
}
.KiyakuArea_red {
	color:#C97474;
}
.KiyakuArea_gray {
	color:#999;
}
.kiyaku_title{
	color:#C19181;
	font-size:110%;
	line-height:1.6;
	margin-top:7px;
	font-weight:bold;
	clear:both;
}
#KiyakuArea .kiyakuBox2 {
	margin-top:5px;
	margin-bottom:10px;
	line-height:1.6;
	border:1px solid #EDD0C7;
	padding:10px 22px;
}
#KiyakuArea .kiyakuBox2 ul li{
	line-height:1.6;
}
.agreement1{
	margin:20px 0 0 0;
}
*:first-child+html .agreement1{
	margin:20px 0 0 -30px;
}
.agreement2{
	margin:10px 0 0 0;
}
*:first-child+html .agreement2{
	margin:10px 0 0 -5px;
	padding:0 0 20px 0;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width: 10px;
background-color: #F4D7D7;
}
.vscrollerbar {
width: 10px;
background-color: #D6AB9C;
}


/* agreement
------------------------------------------------------------------------------*/

ul.agreement1 {
	position: relative;
	left: 50%;
	float: left;
	margin-bottom:20px;
}
* html ul.agreement1 {
	left: 48%;
}
ul.agreement1 li {
	position: relative;
	left: -50%;
	float: left;
	margin-right:25px;
}
ul.agreement1 li.last {
	margin-right:0;
}
ul.agreement2 {
	position: relative;
	left: 50%;
	float: left;
	margin-bottom:20px;
	clear:both;
}
* html ul.agreement2 {
	left: 48%;
}
ul.agreement2 li {
	position: relative;
	left: -50%;
	float: left;
	margin-right:25px;
}
ul.agreement2 li.last {
	margin-right:0;
}
/* =======================================
complete
======================================= */
.thanksArea {
	width:500px;
	margin:0 auto;
}
.thanksArea .inner {
	padding:10px;
	border:4px solid #DDD;
}
.thanksArea p {
	text-align:center;
}

.thanksArea p.userName {
	font-weight:bold;
	font-size:120%;
	margin-bottom:6px;
	color:#846262;
}
.thanksArea p.userName em {
	font-size:80%;
	padding-left:15px;
}
.thanksArea p.mail em {
	color:#AAA;
}











/* メニュー無効
------------------------------------------------------------------------------*/
.guide { border: 1px solid #CCC;
  padding:9px 9px 5px;
  margin:0 70px 15px;
}
.guide a:hover img {
opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}



#ContentsWrapper #MainContents #ad{
	margin:0 20px;
	background:none !important;}



.banner{
	display:inlineblock;
	padding:0 0 0 10px;
}
.gray{
	color:#8e8e8e;
}

.reissue_text01{
	padding: 16px 0 0 120px;
	color: #8C313A;
	line-height:1.6;
}
.reissue_text02{
	padding: 8px 0 0 120px;
	color: #8C313A;
	line-height:1.6;
}
.reissue_text_shop01{
	padding: 10px 0 0 0;
	margin: 0 auto;
	color: #000;
	line-height:1.6;
	width: 400px;
}
.reissue_text_shop01 a {
	color: #85ad90;
}
.title-input {
	color: #f870a4;
	font-weight: bold;
	font-size: 116%;
}
.regist-img {
}

/* ---- TOPへ戻る ----*/
.info-fixed {
	position: fixed;
	bottom: 0px;
	right: 124px;
	width: 275px;
}
.info-bk {
	background:#fff;
	border: solid 1px #1e1a1a;
	height:100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
}
.info {
	font-size: 93%;
	line-height: 1.6;
	max-width: 275px;
}
.info-click {
	position: relative;
	border-bottom:solid 3px #1e1a1a;
}
#jQueryPush {
	padding: 15px 15px 11px 15px;
}
#jQueryPush .close {
	background:url(/images/cp_shops/icon-check.png) no-repeat;
	position: absolute;
	width: 74px;
	height: 64px;
	left: 222px;
	bottom: 15px;
}
.info-fixed {
	cursor: pointer;
}
#jQueryBox {
	padding: 0 15px 15px 15px;
	margin-top: 10px;
	cursor: auto;
}
#jQueryBox span {
	font-size: 77%;
}
.info #jQueryPush:hover > p, #jQueryPush.close:hover {
	background:url(/images/cp_shops/icon-check-hover.png) no-repeat;
}
/* ---- TOPへ戻る end----*/


.guide-max-width-100per {
	max-width: 100%;
}



.block-gird {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -7.5px;
}

.block-gird--vcenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-gird__item {
  padding: 0 7.5px;
}

.block-vcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
}










.admin-modal-simple__modal{
    display: none;
}
.admin-modal-simple__close {
  text-align: center;
  margin-top: 15px;
}
.admin-modal-simple__open-link {
  text-decoration: underline;
}
/*.admin-modal-simple__btn {
  margin-top: 10px;
  margin-bottom: 10px;
}*/
.admin-modal-simple__btn-link {
  font-size: 11px;
  text-decoration: underline !important;
}
.admin-modal-simple__close-link {
    text-decoration: underline;
}




.progress {
  margin: 30px 0;
}
.progress .hint {
  margin: 30px 0;
}
.progress .date {
  font-size: 90%;
  text-align: right;
  margin: 30px 0;
}
.progress ul {
  list-style: none;
  margin: 20px 20px 20px 20px
}
.progress ul li i {
  margin-right: 10px;
}
.progress .pie {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 200px;
	font-size: 26px;
	font-weight: 700;
	border-radius: 50%;
}

.reserve-now {
}
.reserve-now .info {
}
.reserve-now .info p {
  margin: 10px 0;
}
.reserve-now .info p.message {
  color:red;
  text-align: center;
  margin: 20px 0;
  padding: 10px;
  border: solid 1px red;
}
.reserve-now .form {
  margin: 20px 0;
}
.reserve-now .form input,
.reserve-now .form select {
  vertical-align: middle;
  margin: 5px 0;
}
.reserve-now .send {
  text-align: right;
}
.reserve-now .finish {
  text-align: right;
}


.top-message {
}
.top-message .lead {
  text-align: center;
  font-size: 90%;
}
.top-message p {
}
.top-message .block-text {
  margin: 15px;
  padding: 10px;
  background: #f9d3e1;
}
.top-message .block-text .heading {
  text-align: center;
  font-weight: bold;
  font-size: 116%;
  margin-bottom: 5px;
}
.top-message .block-text .desc {
  padding-left: 1em;
  text-indent: -1em;
  margin: 5px 0;
}
.top-message .block-text .bank-info {
  background: #F9F9F9;
  padding: 20px;
  border: 2px solid #F00;
  font-size: 120%;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 20px;
}

.top-message .block-button {
  margin: 15px;
}
.top-message .block-button a {
  display: block;
  padding: 10px;
  background: #fe4d49;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  margin: 5px 0;
}
.top-message .block-button a .note {
  display: block;
  font-size: 90%;
  margin-bottom: 5px;
}
.top-message .block-button a .note i {
  margin-right: 5px;
}
.top-message .block-button a .caption {
  display: block;
  font-weight: bold;
  font-size: 120%;
}


.planup-message {
  color:red;
  text-align: center;
  margin: 50px 15px;
  padding: 10px;
  border: solid 1px red;
}