/**********
 style-reserve.css
**********/

/*==========================================
 ヘッダーのスタイル
===========================================*/
/**********
 header
**********/
#headTop #headContentsTop{
	width:100%;
	background:url(../reservation/img/headBg.jpg) no-repeat 50% 55%;
    background-size: cover;
	min-height:70px;
}


#topCom{
	padding-bottom:30px;
	text-align:left;
}

/**********
 mailFormWrap
***********/
#mailFormWrap{}


/**********
 thanks
**********/
#thanks{
	text-align:left;
}

#thanks h3{
	line-height:1.3;
	font-size:1.05em;
	font-weight:700;
	color:#000;
	margin-bottom:20px;
	text-align:left;
	position:relative;
	margin-left:18px;
}

#thanks h3:before{
	content: "\f046";
	font-family: FontAwesome;
	position: absolute;
	color:#790;
	padding-right:10px;
	left:-18px;
	top:1px;
	font-weight:normal;
}


/**********
 yoyaku_app
***********/
.yoyaku_app{
	text-align: left;
	padding-top: 30px;
	margin-top: 30px;
	border-top:1px solid #999;
	padding-bottom: 40px;
}

.yoyaku_app h3{
	font-size:1.5em;
	padding-bottom: 20px;
}

.yoyaku_app > div{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.yoyaku_app > div .yoyaku_qr {
  width: 260px;
}
.yoyaku_app > div .yoyaku_txt {
	flex: 1;
	padding-right: 50px;
	font-size: 1.1em;
	line-height: 1.6;
}

@media only screen and (max-width: 769px) {
	.yoyaku_app > div .yoyaku_qr {
		width: 100%;
		text-align: center;
		padding-top: 35px;
	}
	.yoyaku_app > div .yoyaku_txt {
		width: 100%;
		padding: 0;
	}
}




/*==========================================
 コンテンツエリアのスタイル
===========================================*/



/* PC・大型タブレット：769px～1200px */
@media only screen and (min-width: 769px) and (max-width: 1200px) {


/*==========================================
 コンテンツエリアのスタイル
===========================================*/


}



/* PC向け：1201px以上で固定 */
@media only screen and (min-width: 1201px) {


/*==========================================
 コンテンツエリアのスタイル
===========================================*/

}



@media print{


	
}
	
	