@charset "UTF-8";
/*
* frame.css
*
*/
/* ------------------------
	Base
------------------------ */
/*
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
*/
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;

	text-rendering: auto;

	font-family: "Open Sans", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-size: 1.4em;*/
	font-size: 13px;

	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;

	color: #313233;
	position: relative;
	max-width: 100%;
	/*overflow: hidden;*/
	opacity: 1;
}
/* ------------------------
	背景色調整用class
------------------------ */
/* .bg-color01 .contents-body,
.bg-color01 .pagetop-wrap {
	background-color: #f6f4eb;
} */
.bg-color01 .contents-body {
	background-color: #f6f4eb;
}
/* ------------------------
	余白 調整用class
------------------------ */
.m0 {margin: 0!important;}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.ml0{margin-left:0!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}
.ml50{margin-left:50px!important}
.mr0{margin-right:0!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.mr50{margin-right:50px!important}
.mlr-auto{margin-right:auto!important;margin-left:auto!important;}
.pt0{padding-top:0!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pb0{padding-bottom:0!important}
.pb10{padding-bottom:10px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pl0{padding-left:0!important}
.pr0{padding-right:0!important}
.ta-r{text-align:right}
.ta-c{text-align:center}
.ta-l{text-align:left}
.fs12{font-size:12px}
.font-b{font-weight:700}
.font-n{font-weight:400}
.border-b-none{border-bottom:none!important}
.border-b{border-bottom:1px solid #ccc!important}
.box-shadow-none{box-shadow:none!important}
.font-red{color:#e60039}
.font-attention{color:red}
.fs0 {font-size: 0;}
.fs8 {font-size: 8px;}
.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fs21 {font-size: 21px;}
.fs22 {font-size: 22px;}
.fs23 {font-size: 23px;}
.fs24 {font-size: 24px;}
.border1{border:1px solid #ccc}
.v-top{vertical-align:top!important}
.v-middle{vertical-align:middle!important}
.v-bottom{vertical-align:bottom!important}
.text-aln-r{text-align:right}
.text-aln-c{text-align:center}
.no-margin{margin:0!important}
.no-padding{padding:0!important}
.no-padding-top{padding-top:0!important}
.no-border{border:none!important;box-shadow:none!important}
.fb{font-weight:700!important}
.mr1em{margin-right:1em!important}
.gray-text{color:#777}
.disp-b{display:block!important;}
.disp-ib{display:inline-block!important;}
.w10{width:10%!important}
.w20{width:20%!important}
.w30{width:30%!important}
.w40{width:40%!important}
.w50{width:50%!important}
.w60{width:60%!important}
.w70{width:70%!important}
.w80{width:80%!important}
.w90{width:90%!important}
.w100{width:100%!important}

/* 電話リンク無効 */
.disable-auto-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
/* アテンションフォントカラー */
.attention {
	color: #e83a22;
}
/* サイト全体focus設定 */
:focus {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}
/* フォーム要素focus設定 */
input:focus,
button:focus,
select:focus,
.btn-type:focus,
.select-btn-list li a:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
/* 履歴モーダル */
.modal-history {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	/* border: 1px solid #ccc; */
	border-radius: 4px;
	max-width: 300px;
	/* padding: 4px; */
	z-index: 1;
}
.modal-header-wrap {
	background: #f0f0f0;
	border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
}
.station-list-title {
	position: relative;
	padding: 6px 30px 6px 10px;
	font-size: 14px;
}
.station-list-title .history-edit {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -11px;
	font-size: 13px;
}
.station-list {
	max-height: 320px;
	overflow-y: auto;
	/*margin-top: 35px;*/
	padding-left: 0;
	margin-bottom: 0;
	/* padding-bottom: 30px; */
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 3px 3px;
}
.station-list li {
	position: relative;
	list-style: none;
}
.station-list li a {
	display: block;
	color: #333;
	padding: 10px;
}
.station-list li a:first-child {
	padding-right: 35px;
}
.station-list li:hover,
.station-list li.active {
 	background: #d2f0ff;
	color: #333;
}
.station-list li a:hover {
	background: #d2f0ff;
	color: #333;
	text-decoration: none;
}
.station-list li.active a {
	background: #2073db;
	color: #fff;
	text-decoration: none;
}
.station-list.history {
	/* padding-bottom: 30px; */
	margin-bottom: 30px;
}
.station-list.history li:last-child {
	/* margin-bottom: 30px; */
}
/* データなしコメント */
.caution-nodata {
	padding: 10px 30px 10px 10px;
	display: block;
	border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 3px 3px;
}
/* 削除ボタン */
.btn-dele {
	color: #999;
	width: 20px;
	height: 20px;
	display: block;
	padding: 0;
	border-bottom: none;
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -10px;
	border-radius: 15px;
	text-align: center;
	background: #fff;
}
.btn-dele:before {
	content: "\EA13";
	font-family: "myfont";
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	color: #fff;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 15px;
	line-height: 20px;
	position: absolute;
	top: 0;
	right: 0px;
}
/* hover時挙動 */
a:hover + .btn-dele:before {
	color: #999;
	background: #d2f0ff;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 15px;
	line-height: 20px;
}
a:hover + .btn-dele:hover:before {
	color: #fff;
	content: "\EA0F";
}
.btn-dele:hover:before {
	color: #d2f0ff;
	background: #888;
}
li.active .btn-dele:hover:before {
	color: #2073db;
	background: #fff;
}
li.active a:hover + .btn-dele:before {
	color: #fff;
	background: #2073db;
}
/* すべて削除 */
.dele-all {
    text-align: right;
    font-size: 13px!important;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #fff;
    /* width: 323px; */
    width: 300px;
	border: 1px solid #ccc;
	border-top: 1px solid #efefef;
    padding-top: 5px;
    z-index: 0;
    padding-right: 10px;
    padding-bottom: 6px;
    border-radius: 0 0 3px 3px;
    margin: 0;
}
/* サイドカラム */
.side-column-width {
	width: 340px;
}