@charset "UTF-8";
/* cording support */
.clear { clear: both; }

.clearfix { min-height: 1px; }

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

sup { font-size: 10px; vertical-align: top; }

a { color: #43A3D6; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; }

a:hover { opacity: 0.7; }

a:visited { color: #3399bb; }

small { font-size: 80%; margin-left: 3px; }

img { width: 100%; height: auto; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

pre { font-size: 12px; line-height: 1.4; overflow-x: auto; margin-bottom: 30px; padding: 5px; color: #ffffff; background: #555555; }

xmp { margin: 0; padding: 0; }

/*------
  LAYOUT
  - description コンテンツの幅を定める。margin、position、floatなどの他の要素に影響を与える指定はしない。
  - rule 頭に .L- をつける。
------*/
.L-full { width: 100%; }

.L-harf { width: 50%; }

.L-one_third { width: 33.3%; }

.L-quarter { width: 25%; }

.L-col-1 { width: 8.3%; }

.L-col-2 { width: 16.6%; }

.L-col-3 { width: 24.9%; }

.L-col-4 { width: 33.2%; }

.L-col-5 { width: 41.5%; }

.L-col-6 { width: 49.8%; }

.L-col-7 { width: 58.1%; }

.L-col-8 { width: 66.4%; }

.L-col-9 { width: 74.7%; }

.L-col-10 { width: 83%; }

.L-col-11 { width: 91.3%; }

.L-col-12 { width: 100%; }

/*------
  BG
  - description 画像の比率を固定しつつトリミングする
  - rule 頭に .BG- をつける。
------*/
.BG-1-1 { width: 100%; padding-top: 100% !important; }

.BG-4-3 { width: 100%; padding-top: 75% !important; }

.BG-16-9 { width: 100%; padding-top: 56% !important; }

.BG-3-1 { width: 100%; padding-top: 33% !important; }

/*------
  ATOMS
  - description 最小のデザイン要素 / margin、position、floatなどの他の要素に影響を与える指定はしない。
  - rule 頭に ._ をつける。
------*/
/* btn */
a._btn { display: inline-block; text-decoration: none; color: #666666; }

._btn { font-size: 12px; padding: 9px 12px; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; text-align: center; vertical-align: middle; white-space: nowrap; color: #666666; border: 1px solid transparent; border-color: #e0e0e0; border-radius: 4px; background-color: #e0e0e0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); background-repeat: repeat-x; }

._btn:hover, ._btn:focus { background-color: #e0e0e0; background-position: 0 -15px; }

._btn:active, ._btn.active { background-color: #e0e0e0; background-position: 0 -15px; }

._btn:disabled, ._btn[disabled] { background-color: #e0e0e0; background-position: 0 -15px; }

._btn.-blue { color: #ffffff !important; border-color: #245580; background-color: #265a88; background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); background-repeat: repeat-x; }

._btn.-blue:hover, ._btn.-blue:focus { background-color: #265a88; background-position: 0 -15px; }

._btn.-blue:active, ._btn.-blue.active { border-color: #245580; background-color: #265a88; }

._btn.-blue:disabled, ._btn.-blue[disabled] { background-color: #265a88; background-image: none; }

._btn.-green { color: #ffffff !important; border-color: #3e8f3e; background-color: #419641; background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); background-repeat: repeat-x; }

._btn.-green:hover, ._btn.-green:focus { background-color: #419641; background-position: 0 -15px; }

._btn.-green:active, ._btn.-green.active { border-color: #3e8f3e; background-color: #419641; }

._btn.-green:disabled, ._btn.-green[disabled] { background-color: #419641; background-image: none; }

._btn.-blue2 { color: #ffffff !important; border-color: #28a4c9; background-color: #2aabd2; background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); background-repeat: repeat-x; }

._btn.-blue2:hover, ._btn.-blue2:focus { background-color: #2aabd2; background-position: 0 -15px; }

._btn.-blue2:active, ._btn.-blue2.active { border-color: #28a4c9; background-color: #2aabd2; }

._btn.-blue2:disabled, ._btn.-blue2[disabled] { background-color: #2aabd2; background-image: none; }

._btn.-yellow { color: #ffffff !important; border-color: #e38d13; background-color: #eb9316; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); background-repeat: repeat-x; }

._btn.-yellow:hover, ._btn.-yellow:focus { background-color: #eb9316; background-position: 0 -15px; }

._btn.-yellow:active, ._btn.-yellow.active { border-color: #e38d13; background-color: #eb9316; }

._btn.-yellow:disabled, ._btn.-yellow[disabled] { background-color: #eb9316; background-image: none; }

._btn.-red { color: #ffffff !important; border-color: #b92c28; background-color: #c12e2a; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); background-repeat: repeat-x; }

._btn.-red:hover, ._btn.-red:focus { background-color: #c12e2a; background-position: 0 -15px; }

._btn.-red:active, ._btn.-red.active { border-color: #b92c28; background-color: #c12e2a; }

._btn.-red:disabled, ._btn.-red[disabled] { background-color: #c12e2a; background-image: none; }

._btn.-dark { color: #ffffff !important; border-color: #1d2124; background-color: #23272b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #23272b), color-stop(0%, #1a1e22)); background-image: linear-gradient(to bottom, #23272b 100%, #1a1e22 0%); background-repeat: repeat-x; }

._btn.-dark:hover, ._btn.-dark:focus { background-color: #23272b; background-position: 0 -15px; }

._btn.-dark:active, ._btn.-dark.active { border-color: #1d2124; background-color: #1a1e22; }

._btn.-dark:disabled, ._btn.-dark[disabled] { background-color: #23272b; background-image: none; }

/*_tip*/
._tip { font-size: 12px; font-weight: bold; line-height: 1; display: inline; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline; white-space: nowrap; color: #ffffff; border-radius: 0.25em; background: #337ab7; }

._tip.-blue { background-color: #337ab7; }

._tip.-yellow { background-color: #e0a800; }

._tip.-orange { background-color: #f0ad4e; }

._tip.-red { background-color: #d9534f; }

._tip.-green { background-color: #5cb85c; }

._tip.-light { color: #666666; background: #eeeeee; }

._tip.-dark { color: #ffffff; background: #23272b; }

/*------
  MODULE
  - description 複数の要素を組み合わせたデザインモジュール。
  - rule 頭に .- をつける。
------*/
/*bg-screen*/
.-bg-screen { position: relative; }

.-bg-screen:after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.5); }

.-bg-screen.-bg-opacity-1:after { background: rgba(0, 0, 0, 0.1); }

.-bg-screen.-bg-opacity-2:after { background: rgba(0, 0, 0, 0.2); }

.-bg-screen.-bg-opacity-3:after { background: rgba(0, 0, 0, 0.3); }

.-bg-screen.-bg-opacity-4:after { background: rgba(0, 0, 0, 0.4); }

.-bg-screen.-bg-opacity-5:after { background: rgba(0, 0, 0, 0.5); }

.-bg-screen.-bg-opacity-6:after { background: rgba(0, 0, 0, 0.6); }

.-bg-screen.-bg-opacity-7:after { background: rgba(0, 0, 0, 0.7); }

.-bg-screen.-bg-opacity-8:after { background: rgba(0, 0, 0, 0.8); }

.-bg-screen.-bg-opacity-9:after { background: rgba(0, 0, 0, 0.9); }

/* notice */
.-notice { margin: 20px 0; padding: 15px; border-radius: 4px; }

.-notice ul { font-weight: bold; list-style: none; }

.-notice ul li { line-height: 1.4; margin: 0 0 10px 20px; list-style: disc; }

.-notice ul li:nth-last-child(1) { margin-bottom: 0; }

.-notice.error { border: 1px solid #dca7a7; border-color: #dca7a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }

.-notice.error ul { color: #a94442; }

.-notice.success { border: 1px solid #b2dba1; border-color: #b2dba1; background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }

.-notice.success ul { color: #3c763d; }

/*-table*/
.-table { font-size: 14px; width: 100%; }

.-table thead tr th { font-weight: bold; padding: 15px 5px; text-align: left; color: #ffffff; background: #343a40; }

.-table thead tr td { font-weight: bold; padding: 15px 5px; text-align: left; color: #ffffff; background: #343a40; }

.-table tbody tr th { font-weight: bold; padding: 15px 5px; text-align: left; color: #333333; border-top: #dee2e6 1px solid; background: #e9ecef; }

.-table tbody tr td { padding: 15px 5px; text-align: left; color: #333333; border-top: #dee2e6 1px solid; background: #ffffff; }

.-table tfoot tr th { font-weight: bold; padding: 15px 5px; text-align: left; color: #333333; border-top: #dee2e6 1px solid; border-bottom: #dee2e6 2px solid; background: #f8f9fa; }

.-table tfoot tr td { padding: 10px 5px; text-align: left; color: #333333; border-top: #dee2e6 1px solid; border-bottom: #dee2e6 2px solid; background: #f8f9fa; }

@-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.-loading { display: inline-block; width: 2rem; height: 2rem; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; }

.-loading.-blue { color: #265a88; }

.-loading.-yellow { color: #eb9316; }

.-loading.-red { color: #c12e2a; }

.-loading.-green { color: #419641; }

.font-en { font-family: 'Oswald', 'Noto Sans JP'; }