@charset "utf-8";

/* ==================================================================
	reserve.css
	
=================================================================== */


/* ◇ 共通Class
-------------------------------- */
.contents .wallpaper{
	background-image: url("../../images/reserve/gazou.jpg");
}

/* buttonStyle
--------------------------------- */
.contents .buttonStyle{
	text-align: center;
}
.contents .buttonStyle a{
	padding: 14px 20px;
}

.contents .buttonStyle a.blank span{
	background: url("../../images/common/icon/blank.png") 100% 50% no-repeat;
	padding: 0 40px;
}

/*beige
--------------------------------- */
.contents .beige{
	background-color:#f2efe6;
    padding: 51px 40px;
}

/* numberList
--------------------------------- */
.contents .numberList li{
	font-size: 1.5rem;
	line-height:1.8;
	padding-left:2em;
	text-indent:-2em;
}
.contents .numberList li span{
	color:#cd4779;
}


/* --------------------------------
   □ #reservation
-------------------------------- */
#reservation  {
	padding: 0 120px;
}

#reservation h2.texttitle {
	background-image: url("../../images/common/title-line.png");
}


/* ◇ .intro
-------------------------------- */
#reservation p.intro {
	font-size: 1.6rem;
	text-align: center;
	line-height: 2;
	margin-bottom: 70px;
}


/* ◇ ul.caution
-------------------------------- */
#reservation ul.caution{
	font-size: 1.5rem;
	border: 1px solid #cd4779;
	padding: 38px 44px;
	margin-bottom: 47px;
}

#reservation .caution li{
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
	margin-bottom: 7px;
}


/* ◇ .reserve
-------------------------------- */
#reservation .reserve {
	margin-bottom: 125px;
}

#reservation .reserve p.text{
	font-size: 1.2rem; 
	text-align: center;
}



/* 携帯電話・スマートフォンご利用の方へ
--------------------------------- */
#reservation #mobile{
	margin-bottom: 130px;
}

#reservation #mobile h3{
	font-size: 2.4rem;
	text-align: center;
	color:#cd4779;
	border-bottom: 1px dotted #cd4779;
	margin-bottom: 25px;
	padding-bottom: 8px;
}
#reservation #mobile p{
	text-align: center;
}


#reservation #mobile p.destination{
	font-size:1.5rem;
	margin-bottom: 46px;
}

#reservation #mobile .mailto {
	margin-bottom: 73px;
}
#reservation #mobile .mailto p.buttonStyle{
	margin-bottom: 10px;
}
#reservation #mobile .mailto p.text{
	font-size: 1.2rem;
	margin-bottom:0;
}

#reservation #mobile dl.qr dt{
	font-size:1.3rem;
	margin-bottom: 11px;
	text-align: center;
}
#reservation #mobile dl.qr dd p{
	text-align: center;
}
#reservation #mobile dl.qr dd p.text{
	font-size: 1.2rem;
	margin-bottom:0;
}

/*初診・再診
--------------------------------- */
#reservation .visit {
	margin: 0 0 80px 0;
}

#reservation .visit h3{
	font-size: 2.4rem;
	text-align:Left;
	color:#cd4779;
	border-bottom: 1px dotted #cd4779;
	padding: 0 0 9px 0;
	margin: 0 0 21px 0;
}
#reservation .visit h3 small{
	font-size: 1.5rem;		
}
#reservation .visit p.temporary{
	font-size: 1.5rem;
	text-align:Left;
	color:#cd4779;
	margin-bottom: 6px;
}


/*アットリンク・診察予約
--------------------------------- */
#reservation #application h3{
	font-size: 2.0rem;
	color:#cd4779;
	border-bottom: 1px dotted #cd4779;
	padding-bottom: 8px;
	margin-bottom: 25px;
}
#reservation #application h3 small{
	font-size: 1.4rem;
}
#application p.notification{
	font-size: 1.3rem;
	margin-bottom: 89px;
	text-align: left;
}

#application p.application{
	text-align: center;
	margin-bottom: 59px;
}

#application dl.download{
	overflow: hidden;
	margin-bottom: 94px;
}
#application dl.download dt{
	font-size: 1.5rem;
	margin-bottom: 17px;
	text-align: center;
}
#application dl.download dd{
	float: left;
	width: 50%;
}
#application dl.download dd ul{
	display: table;
	width: 100%;
}

#application dl.download dd ul > li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 1.3rem;
}
#application dl.download dd ul > li a{
	color: #333;
	text-decoration: none;
}
#application dl.download dd ul > li.qr{
	width: 110px;
}
#application dl.download dd ul > li.qr span{
	display: table;
	padding: 10px;
	background: #fff;
	text-align: center;
}
#application dl.download dd ul > li.qr span img{
	display: block;
	max-width: 100%;
}


#application dl.notes {
	padding-bottom: 30px;
	border-bottom: 1px dotted #000000;
}
 #application dl.notes dt{
	font-size: 1.5rem;
	font-weight: 700;
}
#application dl.notes ul li{
	font-size: 1.3rem;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
	margin-bottom: 2px;
} 

#application p.trademark{
	font-size: 1.3rem;
	text-align: left;
	margin-top: 38px;
}
#application p.trademark img{
	vertical-align: baseline;
}


/* スマートフォン
------------------------------------------------ */

@media only screen and
(max-width : 767px) {
	
/* buttonStyle
--------------------------------- */
.contents .buttonStyle{
	text-align: center;
}
.contents .buttonStyle a{
	display: block;
	padding: 14px 0px;
}

.contents .buttonStyle a.blank span{
	background: url("../../images/common/icon/blank.png") 100% 50% no-repeat;
	padding: 0 20px;
}

/*beige
--------------------------------- */
.contents .beige{
	background-color:#f2efe6;
    padding: 5% 4%;
}

/* numberList
--------------------------------- */
.contents .numberList li{
	font-size: 1.5rem;
}


/* --------------------------------
   □ #reservation
-------------------------------- */
#reservation  {
	padding: 0;
}


/* ◇ .intro
-------------------------------- */
#reservation p.intro {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 7%;
}


/* ◇ ul.caution
-------------------------------- */
#reservation ul.caution{
	font-size: 1.4rem;
	padding: 4%;
	margin-bottom: 10%;
}

#reservation .caution li{
	margin-bottom: 7px;
}


/* ◇ .reserve
-------------------------------- */
#reservation .reserve {
	margin-bottom: 14%;
}

#reservation .reserve p.text{
	font-size: 1.2rem; 
}

/* 携帯電話・スマートフォンご利用の方へ
--------------------------------- */
#reservation #mobile{
	margin-bottom: 13%;
}

#reservation #mobile h3{
	font-size: 1.8rem;
	margin-bottom: 4%;
	padding-bottom: 8px;
}
#reservation #mobile p{
	text-align: center;
}


#reservation #mobile p.destination{
	margin-bottom: 6%;
}

#reservation #mobile .mailto {
	margin-bottom: 7%;
}
#reservation #mobile .mailto p.buttonStyle{
	margin-bottom: 10px;
}
#reservation #mobile .mailto p.text{
}

#reservation #mobile dl.qr dt{
	margin-bottom: 11px;
	text-align: center;
}
#reservation #mobile dl.qr dd p{
	text-align: center;
}
#reservation #mobile dl.qr dd p.text{
	font-size: 1.2rem;
	margin-bottom:0;
}

/*初診・再診
--------------------------------- */
#reservation .visit {
	margin: 0 0 8% 0;
}

#reservation .visit h3{
	font-size: 1.8rem;
	margin: 0 0 3% 0;
}
#reservation .visit h3 small{
	font-size: 1.4rem;		
}
#reservation .visit p.temporary{
	margin-bottom: 6px;
}


/*アットリンク・診察予約
--------------------------------- */
#reservation #application h3{
	font-size: 1.8rem;
	margin-bottom: 4%;
}
#reservation #application h3 small{
	font-size: 1.4rem;
}
#application p.notification{
	margin-bottom: 8%;
}

#application p.application{
	margin-bottom: 6%;
}

#application dl.download{
	margin-bottom: 10%;
}
#application dl.download dt{
	margin-bottom: 3%;
}
#application dl.download dd{
	float: none;
	width: auto;
}
#application dl.download dd ul{
	display: block;
	width: auto;
}

#application dl.download dd ul > li{
	display: block;
	margin-bottom: 8px;
}
#application dl.download dd ul > li a{
	color: #333;
	text-decoration: none;
}
#application dl.download dd ul > li.qr{
	display: none;
}


#application dl.notes {
	padding-bottom: 4%;
	border-bottom: 1px dotted #000000;
}
 #application dl.notes dt{
	font-size: 1.5rem;
	font-weight: 700;
}
#application dl.notes ul li{
	font-size: 1.3rem;
} 

#application p.trademark{
	margin-top: 4%;
}

}