@charset "utf-8";

body,tr,td,th,input,textarea,select,option{  -webkit-text-size-adjust: 100%; 
	font-size:13px; line-height:1.4;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
.titlefram{font-size:14px;font-weight:bold;background-color:#6586ce;color:#ffffff;padding:5px;text-align:center;line-height:120%;}
.comp{width:150px;background-color:#6586ce;color:#ffffff;padding:2px;text-align:right;vertical-align:bottom;font-size:11px;}
.F5 { font-size: 16px; line-height: 120%}
/* カテ名 */
.catetit0, .catetit{color:#008000;margin:2px 0 3px; font-size:115%;}

.pan{font-size:14px;font-weight: bold;}

big { font-size: 15px; font-weight:bold;}
small { font-size: 12px;line-height:1.5;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #f7657b; }
a:hover { color: #f7657b }
input{margin:1px 0 1px;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.top{vertical-align:top;}
.b{font-weight:bold;}
.nobr{ white-space:nowrap; }
.red{color:#ff0000;}

.dotline{
margin-bottom:11px;
background-image: url("https://www.azr.ne.jp/aozoracgi/img/dot.gif");
background-repeat: repeat-x;
padding:1px;margin:8px 0 8px;
}

/*Data*/
.data_table{width:100%;padding:0;border-spacing:0;}
.data_td1{width:1%;vertical-align:top;padding:1px 1px 3px;}
.data_td2{width:99%;vertical-align:top;padding:1px 1px 3px;font-weight:bold;}
.data_td2 a{color:#333333;}

/* お試し・価格表説明 */
#pointmark01{width:50%;text-align:center;font-size:14px;padding:3px 0 3px; float:left;}
#pointmark02{width:50%;text-align:center;font-size:14px;padding:3px 0 3px; float:right;}

.colorset4{text-align:center;padding-left:10px;vertical-align:top;}
/* 予約フォーム */
.sftable{width:90%;margin:0 auto; } /* 閉じるtable */
/* フォームエリア */
.inform_area{ width:640px; text-align:left; margin:0 auto 15px;padding:0;}/* 外枠 */
.yform{clear:both;width:95%;}
/* 項目名
.tname{ width:120px; display:table-cell; padding:7px;vertical-align:top; font-weight:bold; }
 */

.tname{ 
width:120px; display:table-cell; padding:7px;vertical-align:top; font-weight:bold; 
background-color:#f7f9fb; 
border-radius: 5px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}

.bdr1{ border-top:1px solid #d7e4f2; border-left:1px solid #d7e4f2; border-right:1px solid #d7e4f2;}
.bdr11{ border:1px solid #d7e4f2;}

/* 入力部 */
.tform{ width:450px;display:table-cell;padding:7px 0 7px 10px;}
/*
.bdr2{ border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; }
.bdr22{ border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; }
*/
/* 入力フォームサイズ */
.form1{width:270px;}
.form2{width:115px;} /*姓名*/
.form3{width:100px;} /*〒*/
.form4{width:330px;} /*住所*/
.form5{width:440px;} /*内容*/
#adress1{vertical-align:top;margin-bottom:2px;}

/*ボタン*/
.btn1{font-size:12px;} /*〒*/
.btn2{margin-top:10px;padding:3px 50px 3px;} /*submit*/
.btn3{margin-top:10px;padding:3px 20px 3px;} /*reset*/
/* エラーメッセージ */
.ermsg{
	width:400px; margin:0 auto 10px; text-align:left; padding:7px;
	border:1px solid #ff0000; color:#ff0000;
}

/* 〒→住所 選択窓 */
.seltable{
background-color: #eeeeee; float:left;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;text-align:left;
}

/*確認table*/
.chk_table{ border-top:2px solid #58a7c6; border-left:2px solid #58a7c6;border-right:2px solid #58a7c6;border-bottom:1px solid #58a7c6;}
.chk_table td{vertical-align:top;}
.bg1{background-color: #ffffff;}
.bg2{background-color: #f0f0ee;}
.ud1{border-bottom:1px solid #58a7c6;border-right:1px solid #58a7c6;width:10%;}
.ud2{border-bottom:1px solid #58a7c6;}

input#query{
	width:170px;padding:1px 3px 1px;box-sizing:border-box; 
	font-size: 9pt;
	background-color:#f8fbfd;
	display: block;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
.querysub{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size:12px; padding:1px 10px 1px;
}
#SearchForm input[type=submit]{height:23px;}

.pits1{ float:left;width:200px;} /*Title画*/
.pits2{ float:left;width:175px;} /*検索Form*/
.pits3{ float:left;width:100px;} /*検索BTN*/
.pits_r{ float:right;}

.content{
	margin:0 auto;
}
.band table{
	margin:0 auto;
	text-align:left;
}
.content table,div{
	margin:0 auto;
	text-align:left;
}


.band{width:880px;margin:0 auto;}
.content{width:100%;}
.top01{width:100%;}
.top02{width:650px;margin:10px auto;}
.top03{width:650px;margin:0 auto;}

.table01{width:250px;float:left;}
.table02{width:345px;float:left;}
.table03{float:left;}
.table04{float:right; vertical-align:bottom;}
.table04 td{ height:65px; vertical-align:bottom;}

.saikin{border:1px solid #6586ce;margin:0 0 15px;width:100%;}

#viewer_area{border:1px solid #ff0000;}

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; }
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

input[type=submit]{ background-color: #e9e9ed; color:#000000; }
input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }



/* レイアウト */
.C_area{ margin:0 0 15px;}
.td_L{width:50%;vertical-align:top; display:table-cell;}
.td_R{width:50%;vertical-align:top; display:table-cell;}

/*******  880未満 ******/
@media screen and (max-width:900px){   
.band{width:98%;}
.top02{width:98%;}
}
/*******  800未満 ******/
@media screen and (max-width:820px){   
.table04{width:100%;text-align:left;}
.table04 td{text-align:left;height:auto;}
.td_L{padding-right:10px;}
}


/* 650未満 */
@media screen and (max-width:650px){ 
input,textarea,select,option{font-size:120%;}
input#query{width:140px;}
#pointmark01{width:100%;}
#pointmark02{width:100%;}
.pits1{width:170px;}
.pits2{width:145px;}
.pits3{width:100px;}
.title{font-size:100%;}
.sftable{width:100%;}
.top03{width:98%;}
.colorset4{padding-left:4px;}
.inform_area{ width:100%; }
.tname{ 
width:98%; display:block;margin-left:-5px;
border-radius: 5px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}
.tform{ width:100%; display:block; padding:10px 2px 10px 2px; margin-bottom:7px;}

input[type=checkbox] {/* 選択チェックボックス */
    width: 20px;
    height: 20px;
    vertical-align: middle; 
transform-origin: right middle;
transform: scale( 1.1 , 1.1 );
}
.data_td1{ padding-right:5px; }
/*
.bdr1{border:0;}
.bdr11{border:0;}
*/
.bdr1{ border:1px solid #b4cde9;}
.bdr2{border:0;}
.bdr22{border:0;}
.ermsg{width:90%;}
.td_L, .td_R{width:97%;display:block;padding:0;}
}




/*******  600未満 ******/
@media screen and (max-width:660px){   
.table01{width:100%;}
.table02{width:100%;}
.table03{width:100%;}

}

/* 500未満 */
@media screen and (max-width:520px){ 
.form5{width:100%;} /*内容*/
}
/* 400未満 */
@media screen and (max-width:400px){ 
.form4{width:100%;}
.F5 { font-size:14px; }
}
/* 350未満 */
@media screen and (max-width:350px){ 
.form1{width:100%;}

}