@charset "UTF-8";
/*
 * cmn_module.css
 *
 */
 #global_container {
    margin-bottom: 35px;
}


/*ph_navigation
---------------------------------------------------------- */
#ph_navigation_link {
	overflow: hidden;
	*zoom: 1;
	margin: 0 auto;
	width: 687px;
	font-size: 85.7%;
	text-align: center;
}
	#ph_navigation_link li {
		float: left;
		margin-top: 9px;
		margin-left: 9px;
		width: 165px;
		height: 30px;
	}
	#ph_navigation_link li:nth-child(-n+4) {
		margin-top: 0;
	}
	#ph_navigation_link li:nth-child(4n+1) {
		margin-left: 0;
	}
	#ph_navigation_link li a {
		display: block;
		padding: 4px 0;
		width: 165px;
		background: #1c2c3d url("/common/img/ico/ico_arb_6x4_01.png") no-repeat 150px center;
		font-weight: normal;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border-radius: 12px;
	}
	#ph_navigation_link li a:hover,
	#ph_navigation_link li a.active {
		background: #c69d5a url("/common/img/ico/ico_arb_6x4_02.png") no-repeat 150px center;
	}



#page_header #ph_title {
}

	#gc_main h3 {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 15px;
	}

	#gc_main .tit {
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
/* flow_select_block
---------------------------------------------------------- */
#flow_navigation_block{
	text-align: center;
	margin-bottom: 40px;
}
	#flow_navigation_block em{
		display: block;
		font-weight: bold;
		font-size: 20px;
		line-height: 130%;
		margin-bottom: 12px;
	}
	#flow_navigation_block #ph_navigation {
		width: 687px;
		padding: 30px 0 0;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#flow_navigation_block #ph_navigation li {
		width: 165px;
		margin-top: 9px;
	}
	#flow_navigation_block #ph_navigation li:nth-child(-n+4) {
		margin-top: 0;
	}
	#flow_navigation_block #ph_navigation li:nth-child(4n+1) {
		margin-left: 0;
	}
	#flow_navigation_block #ph_navigation li a {
		background-position: 150px center;
	}


#flow_select_block{
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
}
#flow_select_block em{
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
	#flow_select_block .selects{
		text-align: center;
		margin-top: 10px;
		font-weight: bold;
		color: #1c2c3a;
	}

		#flow_select_block .selects select{
			font-weight: bold;
			padding: 7px 30px;
			font-size: 16px;
			display: inline-block;
			margin: 0 5px;
			position: relative;
			border: 1px solid #1c2c3a;
			color: #1c2c3a;
		}
		#flow_select_block .selects select:first-child{
			margin-left: 0;
		}
			#flow_select_block .selects select.hagaki_type{
				padding: 7px 10px;
				border: 2px solid #1c2c3a;
				color: #1c2c3a;
			}

/* flow_block
---------------------------------------------------------- */
#flow_block{
	overflow: hidden;
	margin-top: 42px;
	margin-bottom: 70px;
}
	#flow_block .left_block{
		width: 190px;
		float: left;
		position: relative;
	}
		#flow_block .left_block .datetime{
			color: #fff;
			background: #1c2c3a;
			font-size: 12px;
			width: 170px;
			position: relative;
			line-height: 43px;
			height: 44px;
			text-align: center;
			letter-spacing: .05em;
			position: absolute;
			top: 0;
		}
		#flow_block .left_block .datetime:after{
			content: '';
			position: absolute;
			top: 0;
			right: -20px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 22.5px 0 22.5px 20px;
			border-color: transparent transparent transparent #1c2c3a;
		}
		#flow_block .left_block .datetime.n1{top: 0px;}
		#flow_block .left_block .datetime.n2{top: 100px;}
		#flow_block .left_block .datetime.n3{top: 303px;}
		#flow_block .left_block .datetime.n4{top: 403px;}
		#flow_block .left_block .datetime.n5{top: 453px;}
		#flow_block .left_block .datetime.n6{top: 553px;}
		#flow_block .left_block .datetime.n7{top: 659px;}

			#flow_block .left_block .datetime span{
				font-size: 16px;
				margin-left: 3px;
				display: inline-block;
			}
			#flow_block .left_block .datetime span:first-child{
				margin-left: 0px;
			}
	#flow_block .right_block{
		width: 768px;
		float: right;
	}

/* flow�C��
---------------------------------------------------------- */

#flow_select_block .schedule_warning {
	font-size: 13px;
	text-align: center;
}

#flow_select_block .selects {
	margin-bottom: 30px;
	color: #1c2c3a;
}

#flow_select_block .selects select {
	margin-bottom: 8px;
}

#flow_select_block .selects span {
	font-size: 14px;
	color: #c69d5a;
	font-weight: bold;
}

#flow_select_block .selects #err-nouhinbi,
#flow_select_block .selects #err-kyoshikibi {
	padding-bottom: 10px;
}

#flow_select_block .selects span.error {
	color: #dc1c1c;
}

.message_box #message_title {
	font-size: 14px;
}

.message_box .first_message {
	padding-bottom: 15px;
	color: #c69d5a;
	line-height: 24px;
}

.message_box #idNenmatsuMsg {
	width: 408px;
	margin: 0 auto;
	text-align: left;
}

.message_box #idNenmatsuMsg .sB {
	color: #075293;
}

.message_box #idNenmatsuMsg .sR {
	color: #dc1c1c;
	text-align: left;
}

.message_box .error_mes {
	padding-bottom: 15px;
	color: #dc1c1c;
	font-weight: bold;
	line-height: 24px;
}

.message_box .aside {
	font-size: 16px;
}

.message_box .big {
	font-size: 20px;
}

.message_box .error_mes {
	display: none;
}

.message_box .error_mes .big {
	padding-bottom: 10px;
}

.message_box .text {
	color: #1c2c3a;
	font-size: 14px;
	line-height: 20px;
}

.saitan-nouhinbi-hagaki .warning.red{
	color: #dc1c1c;
}

.flow_schedule_list {
	padding-top: 40px;
	border-top: 1px solid #babfc4;
}
.flow_schedule_list .catch p{
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 60px;
}
.flow_schedule_list .catch a{
	color: #d3a864;
	text-decoration: underline;
	padding-right: 14px;
	background: url(https://dev-happyleaf.dmz.co.jp/assets/common/img/ico_angle-right_on.svg) no-repeat right center;
}
.flow_schedule_list .catch a:hover{
	color: #000000;
	text-decoration: none;
	padding-right: 14px;
	background: url(https://dev-happyleaf.dmz.co.jp/assets/common/img/ico_angle-right.svg) no-repeat right center;
}

.flow_schedule_list.hagaki {
	background: none;
}

.flow_schedule_list .attention,
.flow_schedule_list li {
	position: relative;
	padding-left: 251px;
}

.flow_schedule_list li .date {
	position: absolute;
	display: table;
	left: 0;
	top: 0;
	width: 203px;
	height: 63px;
	background: url(../img/bg_schedule01.png) no-repeat top left;
	text-align: center;
}

.flow_schedule_list li .arrow_icon {
	position: absolute;
	display: table;
	left: 0;
	top: 25px;
	width: 203px;
	height: 63px;
	text-align: center;
	padding-right: 16px;
}

.flow_schedule_list li.leaf .date {
	background: url(../img/bg_schedule02.png) no-repeat top left;
}

.flow_schedule_list li.hagaki .date {
	background: url(../img/bg_schedule03.png) no-repeat top left;
}

.flow_schedule_list li .date span {
	display: table-cell;
	position: relative;
	top: 0.14em;
	vertical-align: middle;
	color: #1c2c3a;
	font-size: 14px;
	line-height: 1.3;
	padding-right: 16px;
}

.flow_schedule_list li.leaf .date span,
.flow_schedule_list li.hagaki .date span {
	color: #fff;
}

.flow_schedule_list li .shimekiribi span {
	color: #dc1c1c;
}

.flow_schedule_list li .date span em {
	font-size: 18px;
	font-weight: bold;
}

.flow_schedule_list li .step {
	margin-bottom: 40px;
}
.flow_schedule_list li .step .flow-image {
	border: 1px solid #050505;
	border-top: none;
}
.flow_schedule_list li .step .flow-image .txt {
	padding: 0 20px 20px;
	text-indent: 0em;
}

.flow_schedule_list li .step .title {
	box-sizing: border-box;
	height: 63px;
	border: 1px solid #050505;
	coloe: #1c2c3a;
	font-size: 21px;
	line-height: 63px;
}


.flow_schedule_list li.leaf .title {
	padding-left: 30px;
	background: #1c2c3a;
	color: #fff;
}

.flow_schedule_list li .step .title img {
	margin-right: 32px;
	vertical-align: top;
}

.flow_schedule_list li .step .txt {
	padding-top: 10px;
	color: #1c2c3a;
	font-size: 14px;
	margin-top: 10px;
	padding-left: 4.75em;
	text-indent: -4.75em;
}
.flow_schedule_list li .step .txt .point {
	padding: 7px 10px;
	background: #1c2c3a;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin-right: 8px;
}
.flow_schedule_list li .step .txt .note {
	font-size: 85%;
}

.flow_schedule_list li .step .txt a {
	padding: 7px 10px;
	background: #1c2c3a;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}


.flow_schedule_list li .step .txt a:hover {
	background: #c69d5a;
	text-decoration: none;
}

.flow_schedule_list li .step .txt a.layout-link {
	background: none;
	color: #c69d5a;
}

.flow_schedule_list li .step .txt a.layout-link:hover {
	background: none;
	text-decoration: underline;
}

.flow_schedule_list .attention {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #dc1c1c;
  color: #dc1c1c;
  font-size: 18px;
  margin-left: 251px;
  padding: 12px 0;
  text-align: center;
}

.message_box .hidden_mes,
.flow_schedule_list .hidden_date {
	display: none;
}


/* flow �ϑ��X�P�W���[���p �Ȏ�
---------------------------------------------------------- */
#Hensoku_msg_1_S {
  padding-bottom: 30px;
}
#Hensoku_msg_2_S {
  padding-left: 123px;
}
#Hensoku_msg_3_S {
  clear: both;
  padding-bottom: 30px;
  padding-top: 30px;
}

.Hensoku_YMD_S {
  float: left;
  padding: 0 20px;
}


.Hensoku_YMD_title_S {
  color: #1c2c3a;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
}
#Hensoku_msg_3_S > a {
  text-decoration: underline;
}
#Hensoku_msg_3_S > a:hover {
    text-decoration: none;
}

/* flow �ϑ��X�P�W���[���p ���ҏ�
---------------------------------------------------------- */

#Hensoku_msg_1_I {
  padding-bottom: 30px;
  padding-top: 20px;
}
#Hensoku_msg_3_I {
  clear: both;
  padding-bottom: 30px;
  padding-top: 10px;
}
.Hensoku_YMD_I {
  padding-bottom: 18px;
}

/*
.Hensoku_YMD_title_I {
  color: #c69d5a;
  font-size: 18px;
  font-weight: bold;
}
*/
#Hensoku_msg_3_I > a {
  text-decoration: underline;
}
#Hensoku_msg_3_I > a:hover {
    text-decoration: none;
}


/* �|�b�v�A�b�v�p ���ҏ�
---------------------------------------------------------- */

.modal-content.invitation {
  text-align: center;
  width: 640px;
}

#MainTitle > p {
  font-size: 26px;
  font-weight: bold;
}
#MainTitle {
  border-bottom: thin solid;
  margin: 0 80px 30px;
  padding: 10px 0;
}
#info-graf {
  padding: 30px 0 20px;
}
.mouseover-fader:hover {
  opacity: 0.7;
}
#CloseBTN {
  position: relative;
  right: -236px;
  top: -48px;
}

.Hensoku_YMD_title_I {
  color: #1c2c3a;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}
#MainCont #InfoMain {
  padding-bottom: 10px;
}
#Pop-Under-sub {
  color: grey;
  font-size: 11px;
}
#Hensoku_msg_3_I {
  color: grey;
  font-size: 11px;
  padding-top: 15px;
}


/* �|�b�v�A�b�v�p �Ȏ��\
---------------------------------------------------------- */

.modal-content.reception {
  height: 650px;
  text-align: center;
  width: 1020px;
}
.modal-content.welcomeboard {
  height: 590px;
  text-align: center;
  width: 1020px;
}
#MainTitle > p {
  font-size: 26px;
  font-weight: bold;
}
#MainTitle {
  border-bottom: thin solid;
  margin: 0 0 30px;
  padding: 10px 0;
}
#info-graf {
  padding: 30px 0 20px;
}
.mouseover-fader {
  transition: all 0.2s ease 0s;
  opacity: 1;
}
.mouseover-fader:hover {
  opacity: 0.7;
}
#CloseBTN {
  position: relative;
  right: -925px;
  top: 20px;
  width: 50px;
}



/* �e�[�u��
---------------------------------------------------------- */

#InfoMain #table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

#InfoMain table #Ta-title td, #InfoMain table #Ta-Yajirushi td {
  border-bottom: medium none;
  border-left: medium none;
  border-top: medium none;
  font-size: 11px;
  text-align: right;
}
table th, table td {
  text-align: center;
}
#InfoMain table th {
  border-color: #dddddd;
  border-style: dashed solid;
  border-width: 1px 2px;
}
#InfoMain table tr.Ta-data.secnd th {
  border-style: solid solid dashed;
  border-width: 2px 2px 1px;
}
#InfoMain table tr.Ta-data.last th, #InfoMain table tr.Ta-data.last td {
  border-style: dashed solid solid;
  border-width: 1px 2px 2px;
}
#InfoMain table td {
  border-color: #dddddd;
  border-style: dashed solid;
  border-width: 1px 2px;
}
#InfoMain table tr.last td {
  border-style: dashed solid solid;
}
.Ta-data > th {
  height: 55px;
  width: 170px;
}
table th {
  width: 115px;
}
.Ta-data > td {
  font-size: 12px;
}
#Ta-title > th {
  height: 34px;
}
span.Ta-title-sub {
  font-size: 10px;
  font-weight: normal;
  padding-left: 2px;
}
.Ta-data > th {
  color: #c69d5a;
  font-weight: bold;
  height: 55px;
  width: 170px;
}
#InfoMain #Ta-title > th {
  background-color: #c69d5a;
  background-image: url("/assets/info-schedule-s/img/yajirushi_shita.png");
  background-position: 50px 29px;
  background-repeat: no-repeat;
  background-size: 12% auto;
  border-bottom: 1px dashed;
  border-style: solid solid dashed;
  border-width: 2px 2px 1px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  height: 45px;
  padding-top: 5px;
  vertical-align: top;
}

#InfoMain #Ta-Yajirushi > th {
  background-color: #c69d5a;
  border-top: medium none;
}
.Ta-data > td:nth-child(2n) {
  background-color: #f6efe4;
}



/*
---------------------------------------------------------- */

.photo {
	display: none;
}

#colorbox,
#cboxWrapper {
	overflow: visible !important;
}

#cboxClose {
	outline: none;
	position: absolute;
	right: -32px;
	top: -31px;
	width: 19px !important;
	height: 19px !important;
	background: url("/common/img/btn/btn_close01.png") no-repeat left top !important;
	text-indent: -9999px;
}