@charset "utf-8";

* {
	font-family: 'Noto Sans JP', sans-serif, 'Noto Serif JP', serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

body,th,td,p,div,input,textarea,form,li,dt,dd,input,label { font-size: 9pt; }

html,body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}

img {
	border: 0;
	vertical-align: bottom;
}

p,form,ul,li,dt,dd,div {
	padding: 0;
	margin: 0;
	box-sizing:border-box;
}

sup {
	font-size: 60%;
}

/* フォーム系 */
input[type="text"],input[type="email"],input[type="password"],select,textarea {
	border-radius:5px;
	padding:6px;
	border:1px solid #ddd;
	font-size: 120%;
}
input[type="submit"],input[type="button"],button {
	/* padding:7px 25px;
	font-size:120%;
	font-weight:bold; */
	border:1px solid #9FD7EE;
	border-radius:50px;
	cursor:pointer;
	font-family: 'Noto Sans JP', sans-serif, 'Open Sans', sans-serif, 'Noto Sans JP', sans-serif;
	transition:all 0.4s;
	/* background-color:#1C5D91;
	color:#fff; */
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background-color:#fcbb2f !important;
}

/*hr { border: 0; }*/

/* ページタイトルボックス */
div#titleBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: url(../img/common/title_bg.gif) left top repeat-x;
	margin: 0px 0px 15px;
	padding: 0px;
	z-index: 10;
}
#titleBox p.pageTitle {
	width: 300px;
	padding: 8px 0px 0px 30px;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #ffffff;
	background: url(../img/common/title_icon.gif) top left no-repeat;
}
#titleBox p.loginName {
	width: 300px;
	padding: 10px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	color: #ffffff;
}

.required {
	background-color: #ffcc99;
	color:#cc0000;
}

h3.loginName {
	width: 500px;
	margin-top: 40px;
}

a.linkBg:hover {
	background-color: #ccffff;
}

/* エリア・駅検索条件選択ボタン */
.switchArea {
	/* width: 49%; */
	width: 33%;
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #ddd;
	padding: 8px 5px;
	color:#fff;
	cursor:pointer;
	font-size:90%;
}
.swASon {
	background-color:#25764A;
}
.swASoff {
	background-color:#cccccc;
}
.switchArea:hover {
	background-color:#25764A !important;
}
#resetstations {
	background-color:#c00;
	color:#fff;
	padding: 8px;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	border-radius:8px;
	border:3px solid #fff;
}


/* ボックス系 */
.boxP100 { width: 100%; }

.box1000 { width: 1000px; }
.box950 { width: 950px; }
.box900 { width: 900px; }
.box850 { width: 850px; }
.box800 { width: 800px; }
.box750 { width: 750px; }
.box700 { width: 700px; }
.box650 { width: 650px; }
.box600 { width: 600px; }
.box550 { width: 550px; }
.box500 { width: 500px; }
.box450 { width: 450px; }
.box400 { width: 400px; }
.box350 { width: 350px; }
.box300 { width: 300px; }
.box250 { width: 250px; }
.box200 { width: 200px; }
.box190 { width: 190px; }
.box180 { width: 180px; }
.box170 { width: 170px; }
.box160 { width: 160px; }
.box150 { width: 150px; }
.box140 { width: 140px; }
.box130 { width: 130px; }
.box120 { width: 120px; }
.box110 { width: 110px; }
.box100 { width: 100px; }
.box90 { width: 90px; }
.box80 { width: 80px; }
.box70 { width: 70px; }
.box60 { width: 60px; }
.box55 { width: 55px; }
.box50 { width: 50px; }
.box40 { width: 40px; }
.box30 { width: 30px; }
.box20 { width: 20px; }
.box10 { width: 10px; }

.box340 { width: 340px; }
.box220 { width: 220px; }

/*///// display関連 /////*/
.dispBl { display: block; }
.dispIn { display: inline; }
.dispInBl { display: inline-block; }
.dispNone { display:none; }
.dispNoneImp { display:none !important; }
.dispFlex { display:flex; }

/*///// box-sizing /////*/
.bxsizBdr { box-sizing:border-box !important; }

/*///// オーバーフロー ///////*/
.ovHidden { overflow: hidden; }

/*///// フロート /////////////*/
.fLeft { float: left; }
.fRight { float: right; }

/*///// クリア //////////////*/
.clear { clear: both; }

/*///// クリアfix //////////////*/
.clearfix { zoom: 1; }
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/*///// マージン ////////////*/

/*トップ系 */
.mT0 { margin-top: 0px !important; }
.mT1 { margin-top: 1px !important; }
.mT2 { margin-top: 2px !important; }
.mT3 { margin-top: 3px !important; }
.mT4 { margin-top: 4px !important; }
.mT5 { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }
/*レフト系 */
.mL0 { margin-left: 0px !important; }
.mL1 { margin-left: 1px !important; }
.mL2 { margin-left: 2px !important; }
.mL3 { margin-left: 3px !important; }
.mL4 { margin-left: 4px !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }
/*ライト系 */
.mR0 { margin-right: 0px !important; }
.mR1 { margin-right: 1px !important; }
.mR2 { margin-right: 2px !important; }
.mR3 { margin-right: 3px !important; }
.mR4 { margin-right: 4px !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }
/* ボトム系 */
.mB0 { margin-bottom: 0px !important; }
.mB1 { margin-bottom: 1px !important; }
.mB2 { margin-bottom: 2px !important; }
.mB3 { margin-bottom: 3px !important; }
.mB4 { margin-bottom: 4px !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }
/* オール系 */
.mA0 { margin: 0px !important; }
.mA1 { margin: 1px !important; }
.mA2 { margin: 2px !important; }
.mA3 { margin: 3px !important; }
.mA4 { margin: 4px !important; }
.mA5 { margin: 5px !important; }
.mA10 { margin: 10px !important; }
.mA15 { margin: 15px !important; }
.mA20 { margin: 20px !important; }
.mA25 { margin: 25px !important; }
.mA30 { margin: 30px !important; }
.mA35 { margin: 35px !important; }
.mA40 { margin: 40px !important; }
.mA45 { margin: 45px !important; }
.mA50 { margin: 50px !important; }
/* マージン左右auto */
.mLRA {
	margin-left: auto;
	margin-right: auto;
}

/*///// パディング ////////////*/

/*トップ系 */
.pT0 { padding-top: 0px !important; }
.pT1 { padding-top: 1px !important; }
.pT2 { padding-top: 2px !important; }
.pT3 { padding-top: 3px !important; }
.pT4 { padding-top: 4px !important; }
.pT5 { padding-top: 5px !important; }
.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }
.pT35 { padding-top: 35px !important; }
.pT40 { padding-top: 40px !important; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }
/*レフト系 */
.pL0 { padding-left: 0px !important; }
.pL1 { padding-left: 1px !important; }
.pL2 { padding-left: 2px !important; }
.pL3 { padding-left: 3px !important; }
.pL4 { padding-left: 4px !important; }
.pL5 { padding-left: 5px !important; }
.pL10 { padding-left: 10px !important; }
.pL15 { padding-left: 15px !important; }
.pL20 { padding-left: 20px !important; }
.pL25 { padding-left: 25px !important; }
.pL30 { padding-left: 30px !important; }
.pL35 { padding-left: 35px !important; }
.pL40 { padding-left: 40px !important; }
.pL45 { padding-left: 45px !important; }
.pL50 { padding-left: 50px !important; }
/*ライト系 */
.pR0 { padding-right: 0px !important; }
.pR1 { padding-right: 1px !important; }
.pR2 { padding-right: 2px !important; }
.pR3 { padding-right: 3px !important; }
.pR4 { padding-right: 4px !important; }
.pR5 { padding-right: 5px !important; }
.pR10 { padding-right: 10px !important; }
.pR15 { padding-right: 15px !important; }
.pR20 { padding-right: 20px !important; }
.pR25 { padding-right: 25px !important; }
.pR30 { padding-right: 30px !important; }
.pR35 { padding-right: 35px !important; }
.pR40 { padding-right: 40px !important; }
/* ボトム系 */
.pB0 { padding-bottom: 0px !important; }
.pB1 { padding-bottom: 1px !important; }
.pB2 { padding-bottom: 2px !important; }
.pB3 { padding-bottom: 3px !important; }
.pB4 { padding-bottom: 4px !important; }
.pB5 { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }
.pB20 { padding-bottom: 20px !important; }
.pB25 { padding-bottom: 25px !important; }
.pB30 { padding-bottom: 30px !important; }
.pB35 { padding-bottom: 35px !important; }
.pB40 { padding-bottom: 40px !important; }
.pB45 { padding-bottom: 45px !important; }
.pB50 { padding-bottom: 50px !important; }
/* オール系 */
.pA0 { padding: 0px !important; }
.pA1 { padding: 1px !important; }
.pA2 { padding: 2px !important; }
.pA3 { padding: 3px !important; }
.pA4 { padding: 4px !important; }
.pA5 { padding: 5px !important; }
.pA10 { padding: 10px !important; }
.pA15 { padding: 15px !important; }
.pA20 { padding: 20px !important; }
.pA25 { padding: 25px !important; }
.pA30 { padding: 30px !important; }
.pA35 { padding: 35px !important; }
.pA40 { padding: 40px !important; }
.pA45 { padding: 45px !important; }
.pA50 { padding: 50px !important; }

/*///// 行間 ////////////*/
.lh10 { line-height: 1em !important; }
.lh11 { line-height: 1.1em !important; }
.lh12 { line-height: 1.2em !important; }
.lh13 { line-height: 1.3em !important; }
.lh14 { line-height: 1.4em !important; }
.lh15 { line-height: 1.5em !important; }
.lh16 { line-height: 1.6em !important; }
.lh17 { line-height: 1.7em !important; }
.lh18 { line-height: 1.8em !important; }
.lh19 { line-height: 1.9em !important; }
.lh20 { line-height: 2em !important; }

/*///// 文字間 //////////*/
.ls01 { letter-spacing: 0.1em !important; }
.ls02 { letter-spacing: 0.2em !important; }
.ls03 { letter-spacing: 0.3em !important; }
.ls04 { letter-spacing: 0.4em !important; }
.ls05 { letter-spacing: 0.5em !important; }
.ls06 { letter-spacing: 0.6em !important; }
.ls07 { letter-spacing: 0.7em !important; }
.ls08 { letter-spacing: 0.8em !important; }
.ls09 { letter-spacing: 0.9em !important; }
.ls10 { letter-spacing: 1em !important; }

/*///// 横位置 //////////*/
.taLeft { text-align: left; }
.taCenter { text-align: center; }
.taRight { text-align: right; }

/*///// 縦位置 //////////*/
.vaTop { vertical-align: top; }
.vaMiddle { vertical-align: middle; }
.vaBottom { vertical-align: bottom; }

/*///// フォント ////////*/

/* フォントサイズ */
/* ポイント */
.fontPt8 { font-size: 8pt; }
.fontPt10 { font-size: 10pt; }
.fontPt11 { font-size: 11pt; }
.fontPt12 { font-size: 12pt; }
.fontPt14 { font-size: 14pt; }
/* ピクセル */
.fontPx10 { font-size: 10px; }
.fontPx11 { font-size: 11px; }
.fontPx12 { font-size: 12px; }
.fontPx14 { font-size: 14px; }
.fontPx18 { font-size: 18px; }
.fontPx24 { font-size: 24px; }
/* パーセント */
.fontPr05 { font-size: 50% !important; }
.fontPr06 { font-size: 60% !important; }
.fontPr07 { font-size: 70% !important; }
.fontPr08 { font-size: 80% !important; }
.fontPr09 { font-size: 90% !important; }
.fontPr10 { font-size: 100% !important; }
.fontPr11 { font-size: 110% !important; }
.fontPr12 { font-size: 120% !important; }
.fontPr13 { font-size: 130% !important; }
.fontPr14 { font-size: 140% !important; }
.fontPr15 { font-size: 150% !important; }
.fontPr16 { font-size: 160% !important; }
.fontPr17 { font-size: 170% !important; }
.fontPr18 { font-size: 180% !important; }
.fontPr19 { font-size: 190% !important; }
.fontPr20 { font-size: 200% !important; }

/* フォントの太さ */
.fontBw { font-weight: bold; }
.fontNw { font-weight: normal; }
/* フォントカラー */
.fontRc { color: #ff0000 !important; } /* 赤 */
.fontGc { color: #00ff00 !important; } /* 緑 */
.fontBc { color: #0000ff !important; } /* 青 */
.fontCc { color: #00ccff !important; } /* 水色（シアン） */
.fontKc { color: #000000 !important; } /* 黒 */
.fontWc { color: #ffffff !important; } /* 白 */
.fontHc { color: #999999 !important; } /* グレー */
.fontPc { color: #FF66FF !important; } /* ピンク */
.fontOc { color: #FF6600 !important; } /* オレンジ */
.fontYc { color: #ffff00 !important; } /* 黄 */
/* よく使用するものたちの定義 */
/* 8ptフォント関連 */
.fontBw8 {
	font-size: 8pt;
	font-weight: bold;
}
.fontRc8 {
	font-size: 8pt;
	color: #ff0000;
}
.fontBwRc8 {
	font-size: 8pt;
	font-weight: bold;
	color: #ff0000;
}
/* 10ptフォント関連 */
.fontBw10 {
	font-size: 10pt;
	font-weight: bold;
}
.fontRc10 {
	font-size: 10pt;
	color: #ff0000;
}
.fontBwRc10 {
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000
}
/* 11ptフォント関連 */

.fontBw11 {
	font-size: 11pt;
	font-weight: bold;
}
.fontRc11 {
	font-size: 11pt;
	color: #ff0000;
}
.fontBwRc11 {
	font-size: 11pt;
	font-weight: bold;
	color: #ff0000;
}
/* 12ptフォント関連 */

.fontBw12 {
	font-size: 12pt;
	font-weight: bold;
}
.fontRc12 {
	font-size: 12pt;
	color: #ff0000;
}
.fontBwRc12 {
	font-size: 12pt;
	font-weight: bold;
	color: #ff0000;
}
/* グレーフォント関連 */
.fontHc3 { color: #333333; }
.fontHc6 { color: #666666; }
.fontHc9 { color: #999999; }
.fontHcC { color: #cccccc; }
.fontHcFE { color: #fefefe; }
.fontHcF5 { color: #f5f5f5; }
.fontHcE5 { color: #e5e5e5; }

/* フォント */
.font-notosansjp { font-family: 'Noto Sans JP', sans-serif; }
.font-notoserifjp { font-family: 'Noto Serif JP', serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-alkalami { font-family: 'Alkalami', serif; }
.font-alumni { font-family: 'Alumni Sans Inline One', cursive; }
.font-bungee { font-family: 'Bungee Shade', cursive; }
.font-fredericka { font-family: 'Fredericka the Great', cursive; }
.font-faster { font-family: 'Faster One', cursive; }
.font-league { font-family: 'League Gothic', sans-serif; }
.font-monofett { font-family: 'Monofett', cursive; }
.font-nabla { font-family: 'Nabla', cursive; }
.font-racing { font-family: 'Racing Sans One', cursive; }
.font-reem { font-family: 'Reem Kufi', sans-serif; }

.font400 { font-weight:400; }
.font500 { font-weight:500; }
.font600 { font-weight:600; }
.font700 { font-weight:700; }

/* hrの為に */
hr.lineHc {
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 0px 0px 0px;
}

.mcPointer { cursor: pointer; }

.bdrCc { border: 1px solid #cccccc; }

.editicon {
	color:#66ff00;
}

.loglink {
	display:block;
	text-align:center;
	width:100%;
	max-width:120px;
	padding:8px 10px 6px;
	background: -moz-linear-gradient(top, #FFEED7, #FFD9A3);
	background: -webkit-linear-gradient(top, #FFEED7, #FFD9A3);
	background: linear-gradient(to bottom, #FFEED7, #FFD9A3);
	padding: 5px 20px 3px;
	border: 1px solid #ddd;
	border-radius: 30px;
	box-sizing:border-box;
}

.rephotos {
	padding:7px;
}
.repon {
	background-color:#ff3333 !important;
	color:#fff !important;
}

#nowloading {
	background:rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	left:0;
	/* display:flex; */
	justify-content:center;
	align-items:center;
	color:#fff;
	width:100%;
	height:100%;
	z-index:9;
}

/* only */
.only-pc { display:block; }
.only-pc-il { display:inline; }
.only-pc-ib { display:inline-block; }
.only-sp { display:none; }
.only-sp-il { display:none; }
.only-sp-ib { display:none; }
@media (max-width: 768px){
	.only-sp { display:block; }
	.only-sp-il { display:inline; }
	.only-sp-ib { display:inline-block; }
	.only-pc { display:none; }
	.only-pc-il { display:none; }
	.only-pc-ib { display:none; }
}