@charset "utf-8";

/* -------- snippet 要素に繰り返し設定する定義 ※CSS単独で存在しないものに限る ----------------

横幅100% { width: 100%; }
横幅5/6 { width: 83.33%; }
横幅2/3 { width: 66.66%; }
横幅50% { width: 50%; }
横幅1/3 { width: 33.33%; }
横幅1/6 { width: 16.66%; }

明朝体 { font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','Palatino Linotype','HG明朝B','ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif; }
欧文セリフ体 { font-family: Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif; }

ゴシック体 { font-family : "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro W4", "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif; }
太ゴシック体 { font-family: 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'Arial Black', 'ヒラギノ角ゴ Std', 'Hiragino Kaku Gothic Std', 'HGP創英角ｺﾞｼｯｸUB', メイリオ, Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif; font-weight: bold; }
欧文ゴシック体 { font-family: Helvetica, Verdana, Tahoma, sans-serif;}

UI用書体 { font-family : 'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R', "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro W4", "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif; }

文字間隔 標準 { letter-spacing: 0 !important; }
文字間隔 広い { letter-spacing: 0.125em !important; }
文字間隔 狭い { letter-spacing: -0.05em !important; }
文字間隔 狭い 等幅 { font-family: monospace; letter-spacing: -0.25em !important; }

行間 狭い { line-height: 1.2 !important; }
行間 狭め { line-height: 1.5 !important; }
行間 標準 { line-height: 1.75 !important; }
行間 広め { line-height: 2 !important; }
行間 広い { line-height: 2.5 !important; }
行間 2倍 { line-height: 3.5 !important; }

テキストの均等割（最後の行を除く） {
	text-align: justify;
	-moz-text-align: justify;
	text-align: justify;
	text-justify: distribute;
}

テキストの均等割（全ての行。1行のみの場合） {
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: distribute;
}

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


html { font-size: 62.5%; /* 10px */ }
/*-mb-*/html.mobile { font-size: 2.75vw; }

html * { font-size: inherit; }

img { -ms-interpolation-mode: bicubic; }

textarea { margin-bottom: 20px; }

.clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }

body {
	font-size: 14px; font-size: 1.4rem;
	color: #333333;
	font-family : "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro W4", "Hiragino Kaku Gothic Pro", Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
	/* for Chrome browser */ font-weight: 500; -webkit-text-size-adjust: none;
}

h1,h2,h3,h4,h5,h6 {}
caption,figcaption { line-height: 1.5; }
p,blockquote,ol,ul,dl,th,td { line-height: 1.75; }

a:link { color: #1b64b5; }
a:focus,
a:hover { color: #4385d1; }
a:active,
a:visited { color: #004a92; }

/*-------------------- helper classes デバイスに関わらず統一設定可能なスタイリングの呼び出し --------------------*/

.italic,
.oblique { font-style: oblique; }

.normal,
.font-normal { font-style: normal; }

.underline { text-decoration: underline !important; }
.overline { text-decoration: overline !important; }
.line-through { text-decoration: line-through !important; }
.text_deco_none { text-decoration: none !important; }

.nowrap { white-space: nowrap; }


/*-------------------- element sub classes --------------------*/
.recommend { font-style: normal; color: #ff6060; }
.arrival { font-style: normal; color: #ffb329; }
.available { font-style: normal; color: #50b329; }
.disabled { font-style: normal; color: #777777; }
.notice { font-style: normal; color: #ff6060; }
.safety { font-style: normal; color: #1ba01b; }
.required { font-style: normal; font-weight: normal; color: #ff6060; }

/* for Transmit mail */ .error em { color: #ff6060; }