@charset "euc-jp";
body 
{
	-webkit-text-size-adjust: 100%;
	background-color:#FFFFFF;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	margin: 4px;
}

/*フォント指定がないと、iPadで記号が異常に小さくなる*/
td,th,tr,table
{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	padding-bottom: 5px;
}



a
{
	display:inline-block;
	font-size: 100%;
	font-weight: bold;
	background-color: #0099CC;
	color:#FFFFFF;
	padding: 7px 12px 7px 12px;
	margin:5px;
	min-width:115px;
	text-decoration: none;
	text-align:center;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}

td a
{
	background-color:transparent;
	color:blue;
	font-size:100%;
	border: 0px;

	padding: 0px 0px 0px 0px;
	margin:0px;
	min-width:0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.zama a 
{
	display:inline-block;
	font-size: 100%;
	font-weight: bold;
	background-color:#78573d;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin:5px;
	min-width:230px;
	text-decoration: none;
	text-align:center;
	left:50px;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}

.sagami a 
{
	display:inline-block;
	font-size: 100%;
	font-weight: bold;
	background-color: #0099CC;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin:5px;
	min-width:230px;
	text-decoration: none;
	text-align:center;
	left:50px;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}

.linkbtn a
{
 	background-color:transparent;
	color:#E2214E;
	font-size:80%;
	border: 0px;
	text-decoration: underline;

	padding: 0px 0px 0px 0px;
	margin:0px;
	min-width:0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.syosinTEL a
{
 	background-color:transparent;
	color:#000000;
	font-size:110%;
	border: 0px;
	text-decoration: underline;

	padding: 0px 0px 0px 0px;
	margin:0px;
	min-width:0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.htmlall
{
	width:100%;
	text-align:center;
	margin: 0 auto;
}

.htmlprivacy
{
	max-width:600px;
	text-align:left;
	margin: 0 auto;
	position: relative;
	
}

.htmlchoose
{
	max-width:600px;
	text-align:center;
	margin: 0 auto;
	position: relative;
	
}
.htmlheader
{
	max-width: 500px;
	min-width: 260px;
	padding: 0px 0px 10px 0px;
	text-align:center;
	color:#224488;
	/*background-color:#0099cc;*/
	margin: 0 auto;
	border-bottom:3px solid #224488;
	background-image:url("logo.png");
	background-position: top;
	background-repeat: no-repeat;
	background-size: 52px;
}

/*管理者用のヘッダ*/
.htmlheaderStaff
{
	max-width: 500px;
	min-width: 260px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	background-color:#5555FF;
	color:#FFFFFF;
	margin: 0 auto;

	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.htmlfooter
{
	width:100%;
	padding: 10px 0px 10px 0px;
	font-size:small;
	text-align:center;
	margin: 0 auto;
}


/*ヘッダ・タイトル*/
.headerTitle
{
	font-size: 150%;
	padding-top:55px;
	padding-bottom:10px;
	background-repeat: no-repeat;
	background-position: center top;
}

/*管理者用のヘッダ・タイトル*/
.headerTitleStaff
{
	font-size: 200%;
	padding-top:10px;
	padding-bottom:10px;
}


/*ページタイトル*/
.pageTitle
{

	font-weight:bold;
	margin-left:15px;
}

/*コンテンツ枠*/
.content
{
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
	text-align:center;
	padding-top:10px;
}

input
{
	vertical-align:top;
}


/*入力枠(テキスト)*/
input[type="text"]
{
	font-size: 130%;
}

/*入力枠(メール)*/
input[type="email"]
{
	font-size: 130%;
}

/*入力枠(数値)*/
input[type="number"]
{
	font-size: 130%;
}

/*入力枠(パスワード)*/
input[type="password"]
{
	font-size: 130%;
}

/*入力枠(TEL)*/
input[type="tel"]
{
	font-size: 130%;
}


/*選択肢*/
.selecter
{
	height:50px;
	color:#FFFFFF;
	text-align:center;	
	margin: 0 auto;
	white-space: nowrap;
}

.selecter b
 {
    display: none;
}

.mainMenu .selecter a
{
	width:130px;
	padding: 7px 12px 7px 12px;
}

/* HR区切り */
hr
{
	width:80%;
	margin: 0 auto;
}

/* 各メッセージ枠 */
.message
{
	text-align:center;
	padding-top:10px;
}

.message p
{
	display: inline-block;
	text-align:left;
}

/*確定ボタン*/
.submit
{
	font-size: 110%;
	font-weight: bold;
	background-color: #0099CC;
	border: 1px solid #000000;
	color:#FFFFFF;
	padding: 3px 12px 3px 12px;
    white-space: pre;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}
.submit:hover 
{
	background-color: #FF0000;
}

.submit:disabled 
{
	background-color: #a1b7b5;
	color:#ecf8f7;
	border: 1px solid  #a1b7b5;
	
	box-shadow: 2px 2px 3px 1px #a1b7b5;;
	-moz-box-shadow: 2px 2px 3px 1px #a1b7b5;;
	-webkit-box-shadow: 2px 2px 3px 1px #a1b7b5;;
}

/*現在日時*/
.nowTime
{
	font-weight:bold;
}

/*Page10　ログインCD*/
.loginCd
{
	padding-bottom:10px;
}

/*Page10　ログインPass*/
.loginPass
{
	padding-bottom:10px;
}

/*Page20　メインメニュー枠*/
.mainMenu
{
width: 180px;
margin: 0 auto;
	padding-top:15px;
}

/*Page40　ペット選択枠*/
.petSelect
{
width: 300px;
margin: 0 auto;
}

/*Page60　来院理由選択枠*/
.rnSelect
{
width: 300px;
margin: 0 auto;
}

/*Page70　登録確認枠*/
.addCheck
{
max-width: 305px;
min-width: 300px;
margin: 0 auto;
}

/*Page70　予約内容項目名*/
.acceptKomokuTitle
{
	color:black;
}

/*Page70　予約内容値*/
.acceptKomokuValue
{
	color:black;
	font-weight:bold;
}

/*Page80　登録完了枠*/
.addEnd
{
max-width: 450px;
min-width: 300px;
	padding-top:15px;
margin: 0 auto;
text-align:left;
}

/*Page110　予約リスト枠*/
.reserveList
{
	max-width: 500px;
	min-width: 260px;
	margin: 0 auto;
	text-align:left;
	padding:20px;
	line-height:1.5em;
	border:1px dotted black;
	margin-bottom:10px;
	background-color:#FFFFFF;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/*Page110　予約リスト・ペット名タイトル*/
.reserveListPtNameTitle
{
font-weight:bold;
}

/*Page110　予約リスト・ペット名*/
.reserveListPtName
{

}
/*Page110　予約リスト・予約項目*/
.reserveListKMTitle
{
font-weight:bold;
}
/*Page110　予約リスト・予約日時タイトル*/
.reserveListAcceptDateTitle
{
margin-top:10px;
font-weight:bold;
}

/*Page110　予約リスト・予約日時*/
.reserveListAcceptDate
{
margin-top:10px;
}

/*Page110　予約リスト・来院理由タイトル*/
.reserveListRnNameTitle
{
font-weight:bold;
}

/*Page110　予約リスト・来院理由*/
.reserveListRnName
{
}

/*Page110　予約リスト・担当医タイトル*/
.reserveListDoctNameTitle
{
font-weight:bold;
}

/*Page110　予約リスト・担当医*/
.reserveListDoctName
{
}


/*予約項目選択枠*/
.selacpt
{
width: 300px;
padding: 10px 0px 10px 0px;
margin: 0 auto;
}


/*予約項目選択ドロップダウン*/
.selacpt select
{
	width: 200px;
	font-size: 150%;
}

/*予約項目選択済み表示*/
.selacptSelected
{
	width: 190px;
	font-size: 150%;
	text-align:left;
	padding-left:17px;
}

/*担当医選択枠*/
.seldoct
{
	width: 300px;
	padding: 0px 0px 10px 0px;
	margin: 0 auto;
	margin-top:10px;
	background-color: #3ab2eb;
	
}

/*担当医選択ドロップダウン*/
.seldoct select
{
	width: 200px;
	font-size: 150%;
}

/*予約詳細枠*/
.yoyakuSyosai
{
	text-align:left;
	padding: 10px 10px 10px 10px;
	background-color:#DEF5FD;
}

/*戻るリンク枠*/
.retLink
{
	max-width: 450px;
	min-width: 300px;
	padding: 10px 0px 0px 15px;
	text-align:center;
	margin: 0 auto;

}
.retLinksyosin
{
	max-width: 450px;
	min-width: 300px;
	padding: 10px 0px 0px 0px;
	text-align:center;
	margin: 0 auto;

}

/*戻るリンク*/
.retLink a
{
	display:inline-block;
	font-size: 100%;
	font-weight: bold;
	background-color:#E2214E;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin:5px;
	min-width:50px;
	text-decoration: none;
	text-align:center;
	left:50px;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	
}

/*トップページのリロードボタン*/
.retLink a[href="index.cgi?RR=1"]
{
	display:inline-block;
	font-size: 100%;
	font-weight: bold;
	/*background-color:#E2214E;
	color:#FFFFFF;*/
	background-color: transparent;
	color: blue;
	padding: 5px 5px 5px 5px;
	margin:5px;
	min-width:50px;
	text-decoration: none;
	text-align:center;
	left:50px;
	/*
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	*/
	box-shadow: none;
}
/*戻るリンク*/
.retLinksyosin a
{
	display:inline-block;
	font-size: 100%;
	font-weight: bold;
	background-color:#E2214E;
	color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin:5px;
	min-width:50px;
	text-decoration: none;
	text-align:center;
	left:50px;
	
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}

/*メニューに戻るリンク*/
a.retMenuLink
{
	left:-25px;
 	position:relative;

}

.rr a
{
	background-color:#FFFFFF;
	color:black;
	font-size:100%;
	border: 0px;

	padding: 0px 0px 0px 0px;
	margin:0px;
	min-width:0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.retLink a:nth-child(2)
{
    display:none;
}


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	カレンダー関連                                 */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*タイトル*/
.yoyakutitle
{
	min-width: 300px;
	max-width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

/*次週・前週セレクター枠*/
.calSelecter
{
max-width: 450px;
min-width: 300px;
padding: 0px 0px 10px 10px;
margin: 0 auto;
}
/*前週セレクター*/
.calSelecterL
{
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}
/*次週セレクター*/
.calSelecterR
{
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
}

/*次週・前週セレクター枠リンク*/
.calSelecterL a, .calSelecterR a
{
	min-width:0px;
}

/*カレンダー全体*/
.calTable 
{
clear:both;
max-width: 500px;
min-width: 300px;
border: double 5px #4f4f4f;
padding: 5px 5px 5px 5px;
margin: 0 auto;
background-color:#FFFFFF;
}

/*日付ヘッダセル(平日)*/
.calHeadTd 
{
border: solid 1px #4f4f4f;
padding: 0px 0px 0px 0px;
text-align: center;
font-size:13px;
}

/*日付ヘッダセル(日曜)*/
.calHeadTd0
{
background-color: #ff2149;
color:white;
}

/*日付ヘッダセル(土曜)*/
.calHeadTd6
{
background-color: #0c74ff;
color:white;
}


/*時間ヘッダセル*/
.calTdTop
{
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	/*background-image: url("a.jpg");*/
	background-color: #4f4f4f;
	background-repeat: no-repeat;
	background-position: -5px 5px;
	color: white;
	font-size:14px;
}

/*日付・時間枠セル*/
.calTd 
{
	padding: 9px 4px 9px 4px;
	border: 1px solid #000000;
	text-align: center;
	font-size:13px;
	font-weight:bold;

	background-color: #0099cc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*日付・時間枠セルはcalTd1〜好きな数まで作られている*/

/*日付・時間枠セル(1行目)*/
.calTd1
{
/*	background-color: #E0FFFF;*/
}

/*日付・時間枠セル(3行目)*/
.calTd3
{
/*background-color: #E0FFFF;*/
}

/*日付・時間枠セル(5行目)*/
.calTd5
{
/*background-color: #E0FFFF;*/
}

/*日付・時間枠セル(7行目)*/
.calTd7
{
/*background-color: #E0FFFF;*/
}

/*受付時間外セル*/
.calNo1Td 
{
	border: 0px;
	background-color: #CCCCCC;
}

/*満員セル*/
.calNo2Td 
{
	border: 0px;
	background-color: #CCCCCC;
	color: #666666;
	font-weight: bold;
}


/*カレンダー全体 Aタグ*/
.calTable A
{
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#FFFFFF;
}

.calComment
{
	clear:both;
	max-width: 450px;
	min-width: 320px;
	padding: 10px 0px 0px 0px;
	text-align:center;
	font-size: 13px;
	margin: 0 auto;
}
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	カレンダー関連ここまで                         */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/


/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	獣医師向けここから                             */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.reserveListTitle
{
	clear:both;
	max-width: 400px;
	min-width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
font-weight: bold;
}

.dropDateNormal
{
}

.dropDateSat
{
	background-color:#DDFFFF;
}

.dropDateSun
{
	background-color:#FFEEEE;
}

/*一覧枠*/
.list 
{
	clear:both;
	max-width: 400px;
	min-width: 300px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

/*一覧行*/
dl{
	border-top:1px teal  solid;
	background-color : #CCFFEE;
	clear : both;/* フロートの解除 */
	margin:0px;
}

/*偶数行*/
dl:nth-child(even) {  
	background-color:#FFFFFF;

}

/*一覧の枠(dt)*/
dt{  
	padding-top : 5px;
	padding-bottom : 5px;
	width : 50px;
	float : left;/* 左に寄せる */
	clear : both;/* フロートの解除 */
}

/*一覧の枠(時間)*/
.dttime
{
	color:white;
	background-color:#2200FF;
}

/*一覧の枠(dd)*/
dd{  
margin-left:0px;
  padding-left : 5px;
  padding-top : 5px;
  padding-bottom : 5px;
  float : left;/* 左に寄せる */
}

/*一覧の枠(顧客・ペット名)*/
.ddname
{
	text-align:left;
  min-width: 120px;
  max-width:30%;
}

/*一覧の枠(担当医)*/
.dddoct
{
	text-align:left;
	float : right;/* 左に寄せる */
}


/*連絡事項・本日予定行*/
.dlComment
{
	border-top:1px gray dashed;
}

/*連絡事項・本日予定タイトル*/
.dtComment
{
	background-color:white;
	width:100px;
	font-weight:bold;
}

/*連絡事項・本日予定内容*/
.ddComment
{
	text-align:left;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	獣医師向けここまで                             */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	新規顧客登録ここから                           */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.addNewClimTb
{
margin: 0 auto;
}

.addNewClimTbL
{
	text-align:left;
	display: flex;


}

.addNewClimTbR
{
	text-align:left;
	display: flex;


}

.addNewClimError
{
	border:3px double red;
	padding:5px;
	background-color:#FFFFFF;
	text-align:center;

}

.addNewClimErrorTile
{
	font-weight:bold;
	color:red;
}

.addNewClimErrorValue
{
	font-weight:bold;
}



/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
/*	新規顧客登録ここまで                           */
/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

/************************************
** 比較表
************************************/
/* 比較表全体 */
.compare-box {
  display:-webkit-box;/* 配置 */
  display:-ms-flexbox;/* 配置 */
  display:flex;/* 配置 */
  max-width:450px;/* 横幅 */
  margin: 0 auto 2rem;/* 余白 */
  border-radius:4px;/* 角丸 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
  background: #fef9ed; /* 背景色 */
}
/* 左のボックス、右のボックス */
.compare-box .compare-left-wrap, .compare-box .compare-right-wrap{
  width:50%;/* 横幅半分ずつ */
  overflow:hidden;/* はみ出さないように*/
}
/* 左のタイトル、右のタイトル */
.compare-box .compare-left-head, .compare-box .compare-right-head{
  background: #fdc44f; /* 背景色 */
  text-align: center;/* 中央寄せ */
  color: #FFF; /* 文字色 */
  font-weight: bold;/* 文字太さ */
  padding:0em 1em;/* 余白 */
  font-size:15px;/* 文字大きさ */
  line-height:1.5;/* 行間 */
  height:65px;/* 縦幅 */
  display:table-cell;/* 形式 */
  vertical-align:middle;/* 高さ中央寄せ */
  width:700px;/* 横幅 */
}
/* 左のタイトル */
.compare-box .compare-left-head{
  border-radius:4px 0 0 0;/* 角丸 */
}
/* 右のタイトル */
.compare-box .compare-right-head{
  border-radius:0 4px 0 0;/* 角丸 */
}
/* 左のコンテンツ、右のコンテンツ */
.compare-box .compare-left, .compare-box .compare-right{
  padding:1.5em;/* 余白 */
  font-size:15px;/* 文字大きさ */
  line-height:2;/* 行間 */
  text-align: justify;/* 段落両端 */
  text-justify: inter-ideograph;/* 段落両端 */
}
/* 文章 */
.compare-box p {
  padding: 0;/* 余白 */
  margin: 0 0 20px 0;/* 余白 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
  /* 左のタイトル、右のタイトル */
  .compare-box .compare-left-head, .compare-box .compare-right-head{
    font-size:12px;/* 文字大きさ */
    height:50px;/* 高さ */
  }
  /* 左のコンテンツ、右のコンテンツ */
  .compare-box .compare-left, .compare-box .compare-right {
 	 	padding: 1.2em;/* 余白 */
 	 	font-size: 12px;/* 文字大きさ */
 	}
}
/************************************
** 比較表 箇条書き(記号)
************************************/
/* 箇条書き(記号) */
.compare-box .list{
   list-style: none !important;/* 行頭記号リセット */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き 行 */
.compare-box .list li { 
   border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px;/* 横幅 */
   padding: 0 0 0.7em 1.4em !important;/* 余白 */
   line-height:1.8;/* 行間 */
}
/* 箇条書き 行最後 */
.compare-box .list li:last-child{ 
   border:none;
}
/* 箇条書き 行頭記号 */
.compare-box .list li:before {
   background-color:  #ffa952; /* 色 */
   position: absolute;/* 配置 */
   content: '';/* 空文字 */
   top: 10px;/* 上からの距離 */
   left: 7px;/* 下からの距離 */
   width: 7px;/* 横幅 */
   height: 7px;/* 縦幅 */
   border-radius: 4px;/* 角丸 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
  /* 箇条書き 行頭記号 */
  .compare-box .list li:before {
    top: 9px;/* 上からの距離 */
    left: 3px;/* 下からの距離 */
    width:5px;/* 横幅 */
    height:5px;/* 縦幅 */
  }
}
/************************************
** 比較表　箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.compare-box .list-number{
   counter-reset:number; /* 番号リセット */
   list-style: none !important;/* 行頭番号削除) */
   padding:0 !important;/* 余白リセット */
   margin:0 !important;/* 余白リセット */
   border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.compare-box .list-number li {
   position: relative;/* 配置 */
   margin:0.5em 0 !important;/* 余白 */
   max-width:500px; /* 横幅 */
   padding: 0 0 0.5em 1.8em !important;/* 余白 */
   line-height:1.8;/* 行間 */
  border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
}
/* 箇条書き 行最後 */
.compare-box .list-number li:last-child{ 
   border:none;
}
/* 箇条書き(番号) 行頭番号 */
.compare-box .list-number li:before {
   counter-increment: number;/* 番号 */
   content: counter(number);/* 番号 */
   background-color: #fdc44f; /* 背景色 */
   color: #fff; /* 番号色 */
   position: absolute;/* 配置 */
   font-weight:bold;/* 文字太さ */
   font-size: 12px;/* 文字大きさ */
   border-radius: 50%;/* 角丸 */
   left: 0;/* 左からの距離 */
   top:5px;/* 上からの距離 */
   width: 18px;/* 横幅 */
   height: 18px;/* 縦幅 */
   line-height: 18px;/* 行間 */
   text-align:center;/* 中央寄せ */
}
/* 箇条書き 行頭記号リセット */
.compare-box .list-number li:after{
  content:'';
}
/*スマホで見た時*/
@media screen and (max-width: 480px){
  /* 箇条書き(番号) 行 */
  .compare-box .list-number li{
     padding: 0 0 0.5em 1.8em !important;/* 余白 */
  }
  /* 箇条書き(番号) 行頭番号 */
  .compare-box .list-number li:before {
    font-size:10px;/* 文字大きさ */
    width: 16px;/* 横幅 */
    height: 16px;/* 縦幅 */
    line-height: 16px;/* 行間 */
    top:2px;/* 上からの距離 */
  }
}

/************************************
** 比較表ブルー
************************************/
/* 全体 */
.compare-box-blue{
background:#f2fbff !important;
}
/* タイトル */
.compare-box-blue .compare-left-head,.compare-box-blue .compare-right-head{
background:#00bfff !important;
}
/* 箇条書き(記号) 行頭番号 */
.compare-box-blue .list li:before {
background:#00bfff !important;
}
/* 箇条書き(番号) 行頭番号 */
.compare-box-blue .list-number li:before {
background:#00bfff !important;
}