@charset "utf-8";
/*----------------------------------------------------
 responsive CSS - 1500px
----------------------------------------------------*/
@media screen and (max-width: 1500px) {
#contents section .scrollTable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
#contents section .scrollTable th {
    white-space: nowrap;
}
}

/*----------------------------------------------------
 responsive CSS - 1280px
----------------------------------------------------*/
@media screen and (max-width : 1280px) {
#contents section h2 .rightBtnArea.mdBlock {
	position: relative;
	bottom: 0;
	padding-top: 5px;
	text-align: right;
}

#contents section h2 .rightBtnArea.mdBlock a {
	margin-top: 10px;
}
}

/*----------------------------------------------------
 responsive CSS - 1180px
----------------------------------------------------*/
@media screen and (max-width : 1180px) {
#contents section h2 .rightBtnArea.withSmall {
	position: relative;
	bottom: 0;
	padding-top: 5px;
	text-align: right;
}
}
/*----------------------------------------------------
 responsive CSS - 768px
----------------------------------------------------*/
@media screen and (max-width : 769px) {

body{ overflow-x: hidden;}

/* --- contents --- */
#contents{
	padding: 80px 16px 32px 16px;
}

/* --- footer --- */
footer{
	position: relative;
}
}
/* END */

/*----------------------------------------------------
 responsive CSS - 600px
----------------------------------------------------*/
@media screen and (max-width : 599px) {
/* --- header --- */
header{
	height: 39px;
}
header #spMenu {
	top: 3px;
}
header .logo{
	text-align: center;
	margin: 5px 0 0;
}
header .logo img{
	width: 85px;
}

.calclateWrap {
	top: 10px;
}

/* --- contents --- */
#contents{
	padding: 64px 8px 32px 8px;
}

/* --- memberInfo --- */
section.memberInfo .wrap .facility,
section.memberInfo .wrap .medicalOffice{
	width: 100%;
}

/* --- notice --- */
section.notice .wrap .box{
	width: 100%;
}

/* --- societyInfo --- */
section.societyInfo .societyList li{
	padding: 10px 8px 9px;
}
section.societyInfo .societyList li.title{
	padding: 6px 8px 5px;
}
section.societyInfo .societyList li.title .secondary{
	display: none;
}
section.societyInfo .societyList li .primary{
	width: 100%;
}
section.societyInfo .societyList li .secondary{
	width: 100%;
	margin-top: 8px;
}

#headerBtn {
    top: 4px !important;
    right: 3px !important;
}

#headerBtn .currentCondition {
    font-size: 12px !important;
}

.detailSaveButtons a {
    margin: 3px !important; 
}

.currentCondition {
	padding:0 5px !important; 
}

}/* END */


/*----------------------------------------------------
 responsive CSS - 600px
----------------------------------------------------*/
@media screen and (max-width : 599px) {
/* --- section view --- */
section.view .wrap .half{
	width: 100%;
}
section.view .wrap .half.empty{
	display: none;
}
.complete p.box {
	width: 85%;
}

table thead th.spNone,
table tbody td.spNone{
	display: none;
}

section.view .wrap .btnArea.indicator {
	float: right;
	padding: 0;
}
}
/*----------------------------------------------------
 responsive CSS - 480px
----------------------------------------------------*/
@media screen and (max-width : 769px) {
#contents section h2 .rightBtnArea.spBlock {
	position: relative;
	bottom: 0;
	padding-top: 5px;
	text-align: right;
}

#contents section h2 .rightBtnArea.spBlock a {
	margin-top: 10px;
}
}
/*----------------------------------------------------
 calclateWrap
----------------------------------------------------*/
@media screen and (min-width : 600px) {
.calclateWrap {
	top: 25px;
}
}


/*----------------------------------------------------
 tableScroll
----------------------------------------------------*/
.tableScroll{
	overflow-x: auto;
}
.tableScroll table th { padding: 6px 5px 5px;}
.tableScroll table tbody td { padding: 10px 5px 9px;}
.tableScroll table thead th{ min-width: 68px}
.tableScroll table thead th.no{ min-width: 20px}

.toEstimate {
	position: fixed;
    bottom: 35px;
    right: 10px;
    display: inline-block;
    background: #000;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 3px;
}