@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;
	min-width: 1120px;
}
/* ------------------------
	背景色調整用class
------------------------ */
/* .bg-color01 .contents-body,
.bg-color01 .pagetop-wrap {
	background-color: #f6f4eb;
} */
.bg-color01 .contents-body {
	background-color: #f6f4eb;
}
/* ------------------------
	余白 調整用class
------------------------ */
.m0 {margin: 0!important;}
.mt-1{margin-top:-1px!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}
.ml15{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;}
.ml-auto{margin-left: auto!important;}
.mr-auto{margin-right: 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}


.p0-10{padding: 0 10px !important}
.p0-15{padding: 0 15px !important}
.p10-15{padding: 10px 15px !important}
.p20-40{padding: 20px 40px !important}
.p30-50{padding: 30px 50px !important}

.ta-r{text-align:right!important;}
.ta-c{text-align:center!important;}
.ta-l{text-align:left!important;}
.font-b{font-weight:700!important;}
.font-n{font-weight:400!important;}
.border-t {border-top: solid #ccc!important;}
.border-b-none{border-bottom:none!important}
.border-b{border-bottom:1px solid #ccc!important}
.box-shadow-none{box-shadow:none!important}
.font-bass{color: #333!important;}
.font-black{color:#000!important;}
.font-red{color:#e60039}
.font-strong{color:#E93E26!important;}
.font-attention{color:red!important;}
.font-gray{color: #555555;}
.fs0 {font-size: 0!important;}
.fs8 {font-size: 8px!important;}
.fs9 {font-size: 9px!important;}
.fs10 {font-size: 10px!important;}
.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px!important;}
.fs13 {font-size: 13px!important;}
.fs14 {font-size: 14px!important;}
.fs15 {font-size: 15px!important;}
.fs16 {font-size: 16px!important;}
.fs17 {font-size: 17px!important;}
.fs18 {font-size: 18px!important;}
.fs19 {font-size: 19px!important;}
.fs20 {font-size: 20px!important;}
.fs21 {font-size: 21px!important;}
.fs22 {font-size: 22px!important;}
.fs23 {font-size: 23px!important;}
.fs24 {font-size: 24px!important;}
.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!important;}
.text-aln-c{text-align:center!important;}
.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}
.ml1em{margin-left:1em!important}
.ml1_2em{margin-left:1.2em!important}
.ml2em{margin-left:2em!important}
.ml2_5em{margin-left:2.5em!important}
.ml3em{margin-left:3em!important}
.ml4em{margin-left:4em!important}
.gray-text{color:#777}
.disp-b{display:block!important;}
.disp-ib{display:inline-block!important;}
.disp-i{display:inline!important;}
.w10{width:10%!important}
.w20{width:20%!important}
.w25s{width:25%!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}
.h_auto{height: auto!important;}
.lh13{line-height: 1.3!important;}
.lh14{line-height: 1.4!important;}
.lh15{line-height: 1.5!important;}
.lh16{line-height: 1.6!important;}
.lh17{line-height: 1.7!important;}
.lh18{line-height: 1.8!important;}
.vertical-top    {vertical-align: top!important;}
.vertical-middle {vertical-align: middle!important;}
.vertical-bottom {vertical-align: bottom!important;}

.list-mb0  > li {margin-bottom: 0;}
.list-mb5 > li {margin-bottom: 5px!important;}
.list-mb10 > li {margin-bottom: 10px!important;}
.list-mb0  > li > * ,
.list-mb5  > li > * ,
.list-mb10  > li > * {margin: 0;}

.flex-baseline {align-items: baseline!important}

/*------------------------------------*
	border
*------------------------------------*/
.border1{border:1px solid #ccc}

.border-c_b-2{border: solid 2px #0066CC}

.border-r-3{border-radius:5px}
.border-r-5{border-radius:5px}
.border-r-8{border-radius:8px}
.border-r-10{border-radius:10px}

/*------------------------------------*


/* 電話リンク無効 */
.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; */
	max-width: 282px;
	/* padding: 4px; */
	z-index: 1;
	text-align: left;
	font-size: 14px;
}
.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; */
	padding: 5px 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; */
}
/* データなしコメント */
.station-list li.no-hover:hover {
	background: transparent;
}
.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; */
	width: 100%;
	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;
}
/* リスト内見出し */
.station-list li span {

}
.station-list .station-list-h {
	display: block;
	color: #333;
	padding: 5px 10px;
	font-weight: bold;
    background: #E5E5E5;
}

/* インクリメンタルサーチ -タブ */
.increment-tab {
    display: block;
    position: absolute;
    top: 30px;
    left: 45px;
    background: #fff;
    border-radius: 4px;
    max-width: 282px;
    z-index: 1;
    width: 100%;
}
.increment-tab-header-wrap {
	background: #f0f0f0;
	border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
}
.increment-tab .tab-modal>li:first-child {
	border-left: 1px solid #ccc;
}
.increment-tab .tab-modal>li:last-child {
	border-right: 1px solid #ccc;
}
.increment-tab .tab-modal>*>a {
    border-bottom: none;
}
.increment-tab>.uk-active>a {
    border-bottom: 4px solid #88b1e5;
    color: #333;
}
.increment-tab .station-list {
	max-height: 232px;
}
.increment-tab .station-list li {
	display: block;
    /* font-size: 15px; */
    font-size: 14px;
}
.increment-tab .station-list li a {
	display: block;
    /* padding: 6px 10px; */
    padding: 5px 10px;
    color: #333;
    text-align: left;
}
.station-list li a:first-child {
	padding-right: 35px;
}
.station-list li:hover,
.station-list li.active {
 	background: #d2f0ff;
	color: #333;
}
.increment-tab .station-list li a:hover {
	background: #d2f0ff;
	color: #333;
	text-decoration: none;

	background: #d2f0ff;
    /* color: #fff; */
    text-decoration: none;
}
.increment-tab .station-list li.active a {
	background: #2073db;
	color: #fff;
	text-decoration: none;

	background: #1b6bcf;
    color: #fff;
    text-decoration: none;
}
/* データなしコメント */
.increment-tab .caution-nodata {
	border: none;
}
/* サイドカラム */
.side-column-width {
	width: 330px;
}
.with-bg .side-column-width .contents-wrap {
    padding: 15px 15px;
}
/*------------------------------------------------*/
.flex-box {
	-js-display: flex;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
.flex-box.flex-box__center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex-none {flex: none;}
.flex-1 {flex: 1;}

/*------------------------------------------------*/

.float-r {float: right;}
.float-l {float: left;}
.clearfix::after  {
	clear: both;
	display: block;
	content: "";
	height: 0;
	width: 0;
}

/*------------------------------------------------*/

.list-mb0,.list-mb10 {margin: 0 0 20px;}
.list-mb0  > li {margin-bottom: 0;}
.list-mb10 > li {margin-bottom: 10px!important;}
.list-mb0  > li > * ,
.list-mb10  > li > * {margin: 0;}

.list-style-none {
	list-style-type: none;
	margin: 0;
    padding: 0;
}
.list-disc {
	list-style-type: disc;
}
.list-katakana {
	list-style-type: katakana;
}
.list-cnt > li {
	list-style-type: none;
	counter-increment: num;
	position: relative;
}
.list-cnt > li:before {
	content: "(" counter(num) ")";
	display: inline-block;
	margin-left: -3.5em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}
.list-katakana-brackets li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}
.list-katakana-brackets li:before {
	content: "(ア)";
	letter-spacing: 0.1em;
	display: inline-block;	
	margin-left: -3.2em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}
.list-katakana-brackets li:nth-child(2):before { content: "(イ)";}
.list-katakana-brackets li:nth-child(3):before { content: "(ウ)";}
.list-katakana-brackets li:nth-child(4):before { content: "(エ)";}
.list-katakana-brackets li:nth-child(5):before { content: "(オ)";}
.list-katakana-brackets li:nth-child(6):before { content: "(カ)";}
.list-katakana-brackets li:nth-child(7):before { content: "(キ)";}
.list-katakana-brackets li:nth-child(8):before { content: "(ク)";}
.list-katakana-brackets li:nth-child(9):before { content: "(ケ)";}
.list-katakana-brackets li:nth-child(10):before { content: "(コ)";}

/* リスト （・） */
/* .list-circle {
	padding-left:0;
}
.list-circle > li {
	padding-left:1.1em;
	position:relative;
	list-style: none;
}
.list-circle > li:before {
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
} */

/*------------------------------------------------*/
.uk-table.table-01 {
	margin: 0 0 20px;
}
.uk-table.table-01 th,
.uk-table.table-01 td {
	vertical-align: middle;
	border: 1px solid #ccc;
}

.uk-table.table-01 th {
	background:#F4F4F4;
	font-weight: bold;
	color: #333;
	vertical-align: top;
}

.uk-table.table-01.th15 th {width: 15%;}
.uk-table.table-01.th20 th {width: 20%;}
.uk-table.table-01.th30 th {width: 30%;}


.uk-table.table-02 {
	margin: 0 0 20px;
}
.uk-table.table-02 + .kome {
	margin-top: -10px;
}
.uk-table.table-02 + .ta-r {
	margin-top: -10px;
}
.uk-table.table-02 + .ta-r.mt10 {
	margin-top: -10px !important;
}

.uk-table.table-02 th,
.uk-table.table-02 td {
	padding: 10px 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-size: 14px;
}
.uk-table.table-02 th {
    background-color: #EEF0EC;
    font-weight: bold;
    color: #333;
	/* max-width: 25%;
	white-space: nowrap; */
	width: 26%;
}
.uk-table.table-02.th15 th {width: 15%;}
.uk-table.table-02.th20 th {width: 20%;}
.uk-table.table-02.th25 th {width: 25%;}
.uk-table.table-02.th30 th {width: 30%;}

.uk-table.table-02 td > div > a {
	text-decoration: underline;
}
.uk-table.table-02 td > div > a:hover {
	text-decoration: none;
}
.uk-table.table-02 td > div + a {
	display: inline-block;
	margin-top: 4px;
}
.uk-table.table-02 tr:nth-child(even) td {
    background-color: #F7F7F7;
}
.uk-table.table-01 td.td-border-b > *,
.uk-table.table-02 td.td-border-b > * {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.uk-table.table-01 td.td-border-b > *:last-child,
.uk-table.table-02 td.td-border-b > *:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.uk-accordion.list-faq {
	margin: 5px 0 0;
}

.uk-accordion.list-faq > li {
	/* border-bottom: 1px solid #E5E5E5; */
}

.uk-accordion.list-faq  > :nth-child(n+2) {
	margin-top: 0;
}

.uk-accordion-title.faq-q {
	width: 100%;
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #E5E5E5;
}

.uk-accordion-title.faq-q img ,
.uk-accordion-content.faq-a img {
	vertical-align: top;
}
.uk-accordion-title.faq-q p {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	width: 100%;
	padding-right: 10px;
}
.uk-accordion-title.faq-q::before {
	position: absolute;
	float: none;
	right: 0;
}

.uk-accordion-content.faq-a {
	background: #F4F4F4;
	color: #000;
	padding: 20px 10px;
	margin: 0 0 10px
}

.uk-accordion-title.faq-q::before{
	background: url(/img/common/icon-accordion-plus.svg) no-repeat;
	top: 50%;
	margin-top: -8px;
}
.uk-open .uk-accordion-title.faq-q::before{
	background: url(/img/common/icon-accordion-minus.svg) no-repeat;
	margin-top: -3px;
}

/* 枠線 */
.text-box-border01 {
	border: 1px solid #E5E5E5;
	padding: 15px 20px;
	margin: 0 0 10px;
}
.text-box-border01-s {
	border: 1px solid #E5E5E5;
	padding: 10px;
	margin: 0 0 10px;
}
/* 枠線-bottom */
.box-border-bottom {
	border-bottom: 1px solid #E5E5E5;
}