@charset "UTF-8";

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Noto Sans CJK JP Thin"),
      local("Noto Sans JP Thin"),
  url(../fonts/NotoSansJP-Thin.woff) format('woff'),
  url(../fonts/NotoSansJP-Thin.otf) format('opentype'),
  url(../fonts/NotoSansJP-Thin.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans CJK JP Light"),
      local("Noto Sans JP Light"),
  url(../fonts/NotoSansJP-Light.woff) format('woff'),
  url(../fonts/NotoSansJP-Light.otf) format('opentype'),
  url(../fonts/NotoSansJP-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"),
      local("Noto Sans JP Regular"),
  url(../fonts/NotoSansJP-Regular.woff) format('woff'),
  url(../fonts/NotoSansJP-Regular.otf) format('opentype'),
  url(../fonts/NotoSansJP-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"),
      local("Noto Sans JP Bold"),
  url(../fonts/NotoSansJP-Bold.woff) format('woff'),
  url(../fonts/NotoSansJP-Bold.otf) format('opentype'),
  url(../fonts/NotoSansJP-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"),
  url(../fonts/OpenSans-Light.woff2) format('woff2'),
  url(../fonts/OpenSans-Light.woff) format('woff'),
  url(../fonts/OpenSans-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"),
  url(../fonts/OpenSans-Regular.woff2) format('woff2'),
  url(../fonts/OpenSans-Regular.woff) format('woff'),
  url(../fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"),
  url(../fonts/OpenSans-SemiBold.woff2) format('woff2'),
  url(../fonts/OpenSans-SemiBold.woff) format('woff'),
  url(../fonts/OpenSans-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"),
  url(../fonts/OpenSans-Bold.woff2) format('woff2'),
  url(../fonts/OpenSans-Bold.woff) format('woff'),
  url(../fonts/OpenSans-Bold.ttf) format('truetype');
}

/* common style
------------------------------------------------------------*/
body {
  font-family: "Open Sans", "游ゴシック", "Yu Gothic", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 160%;
}

/* ヘッダーとサイド、ダッシュボードのみNotoに */
header, .content_side, #dashboard *:not(.fa) {
  font-family: 'Noto Sans JP', "Open Sans", "游ゴシック", "Yu Gothic", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}

a {
  color: #018fc0;
  text-decoration: underline;
}
a:hover {
  color: #0da8db;
  text-decoration: underline;
}
a:active,
a:focus {
  color: #0da8db;
}

a.link_under_line {
    text-decoration: underline;
}

a.btn,
a:link.btn {
  text-decoration: none;
}

a:link.conf_user_btn {
  text-decoration: none;
}

a:link.page-top {
  text-decoration: none;
}

/* アイコン付きリンク */
*[class^="link-"] {
  position: relative;
}
*[class^="link-"]::before {
  margin: 0 4px 0 0;
  display: inline-block;
  vertical-align: middle;
}
/* ダウンロードアイコン */
.link-download::before {
  content: "\e025";
  font-family: 'Glyphicons Halflings';
}
/* モーダルアイコン */
.link-modal::before {
  content: "\e908";
  font-family: 'iconset';
}

.reg-nav li a {
  text-decoration: none;
}

.inner ul li a:before {
  text-decoration: none;
}

.conf_mail a {
  text-decoration: none;
}
/* PC表示 */
.pc { display: inline !important; }
.sp { display: none !important; }
/* 表示 */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: inline !important; }
}


/* box-sizing */
#wrapper *, #wrapper *:before, #wrapper *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/* イメージ */
#wrapper img { width: 100%; }



/* フォントカラー */
.fc-black{ color:#000000 !important; }
.fc-green{ color:#00A988 !important; }
.fc-orange{ color:#E9872E !important; }
.fc-red{ color:#EB7992 !important; }
.fc-blue{ color:#0078C6 !important; }
.fs-bold{ font-weight:bold !important;}
.underline{ text-decoration:underline; }



/* テキスト並び */
.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }

@media only screen and (max-width: 768px) {
.sp-ta-left {text-align: left; }
.sp-ta-center {text-align: center; }
.sp-ta-right {text-align: right; }
}


/* margin */
.mb-zero { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }

.mt5 { margin-top: 5px; }
.mt05 { margin-top: 05px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }

.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

/* padding */
.p05 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }

.pb-zero { padding-bottom: 0 !important; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }

.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }

.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }

/* テキスト行替え */
.txt-break { display:block; }



/* clearfix hack */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height:0;
  visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*.clearfix {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	min-height: 1%;
}*/

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* text-into required */
.form-group label{
    margin-top: 6px;
}
/* End text-into required */

/* PC only style
------------------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 5000px){

/* 余白（左右） */
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }

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

/* sp版のみ表示を非表示 */
.sp-only { display: none !important; }


}

/* カラム（グリッドシステム） */
.row, .article{ width:100%; box-sizing:border-box; }
.row:after, .article:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.col-md-1 { width: 8.333%; }
.col-md-2 { width: 16.663%; }
.col-md-3 { width: 24.99%; }
.col-md-4 { width: 33.332%; }
.col-md-5 { width: 41.665%; }
.col-md-6 { width: 49.998%; }
.col-md-7 { width: 58.331%; }
.col-md-8 { width: 66.664%; }
.col-md-9 { width: 74.997%; }
.col-md-10 { width: 83.33%; }
.col-md-11 { width: 91.663%; }
.col-md-12 { width: 99.996%; }

/*[class*="col-md-"] img {
    width: 100%;
}*/




/* SP only style
------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 768px){

/* カラム（グリッドシステム） */
.row, .article{ width:100%; box-sizing:border-box; }
.row:after, .article:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden; }

.col-md-3 { width: 49.998%; }
.col-md-4 { width: 99.996%; }
.col-md-5 { width: 99.996%; }
.col-md-6 { width: 99.996%; }
.col-md-7 { width: 99.996%; }
.col-md-8 { width: 99.996%; }
.col-md-9 { width: 99.996%; }
.col-md-10 { width: 99.996%; }
.col-md-11 { width: 99.996%; }
.col-md-12 { width: 99.996%; }

[class*="col-md-"].left { float: left; }


/* PC版のみ表示を非表示 */
.pc-only { display: none !important; }

}

.disp-none { display: none !important; }
.disp-none-soft { display: none; }
.disp-block { display: block !important; }
.disp-block-soft { display: block; }

.link-disabled {
  pointer-events:none;
}

.panel-search .panel-heading span {
  text-decoration: underline;
}

.panel-search .panel-heading span:hover {
  cursor: pointer;
}

.subkan_entry_display_hidden {
  display: none !important;
}

.subpass_display_hidden {
  display: none !important;
}