@charset "utf-8";

/* 共通コンテンツ
(01)base   ベース
(02)header   ヘッダー
(03)footer  フッター
(04)main   メインコンテンツ
(00)etc　その他
 */

/*------------------------------------------------------------------------------------------------------------------------*/
/* デスクトップレイアウト : 701 px ～ 最大　                                                                              */
@media only screen and (max-width: 700px) {
}
/*------------------------------------------------------------------------------------------------------------------------*/

/* (01)base
--------------------------------------*/
img, object, embed, video {
	max-width: 100%;
}
a{ color: var(--portal-link-color-1); text-decoration:underline;}
a:link{ color: var(--portal-link-color-1); text-decoration:underline;}
a:hover{ color: var(--portal-link-color-1); text-decoration: none;}

a img:hover{opacity: 0.8;}

a:focus, *:focus { outline:none; }

@media only screen and (max-width: 700px) {
	.tal_sp{ text-align:left;}
}
.br_sp  { display:none}
.br_pc  { display:inherit;}
@media only screen and (max-width: 700px) {
	.br_sp  { display:inherit}
	.br_pc  { display:none;}
}

.wrapper{
	width: calc(100% - 40px);
	max-width:980px;
	margin: 0 auto;
}
@media only screen and (max-width: 700px) {
	.wrapper{
		width: calc(100% - 20px);
	}
}

p{
	font-size:14px;
}

span.hissu,
span.nini{
	font-size:12px;
	font-weight:bold;
	border-radius:5px;
	padding:3px 8px 3px;
	margin:0 0 0 10px;
	display: inline-block;
}
span.hissu{
	color:#FFFFFF;
	background:#FF4D4D;
}
span.nini{
	color:#FFFFFF;
	background:#AAAAAA;
}

p.error{
	font-size:13px!important;
	color:#F33!important;
	margin:5px 0 0 0;
	display:block!important;
}
p.error:empty{
	display:none!important;
}


/* (02)header
--------------------------------------*/
header{
	background:#FFFFFF;
	border-bottom:solid 2px var(--portal-menu-text-bg-color);
	height:50px;
	position:fixed;
	width:100%;
	min-width:980px;
	top:0;
	z-index:99;
	color:#FFFFFF;
	text-align:left;
	font-size:0;
}
header h1{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin: 0;
	padding: 0 20px;
}
header h1 img{
	margin:12px 0 0 0;
	_width:99px;
	height: 30px;
}



/* (03)footer
--------------------------------------*/
footer{
	background:#AAAAAA;
	color:#FFFFFF;
	clear:both;
	overflow:hidden;
	padding:10px 30px;
	text-align: center;
}
footer a:link   { color:#FFFFFF; text-decoration:none;}
footer a:visited{ color:#FFFFFF; text-decoration:none;}
footer a:hover  { color:#FFFFFF; text-decoration:underline;}
footer ul{
	display:inline-block;
	font-size:12px;
}


/* (04)main
--------------------------------------*/
#main{
	margin: 0;
	padding: 50px 0 0 0;
}




/* (00)etc　その他
--------------------------------------*/
.w1p{ width:1%!important;}
.w2p{ width:2%!important;}
.w3p{ width:3%!important;}
.w4p{ width:4%!important;}
.w5p{ width:5%!important;}
.w6p{ width:6%!important;}
.w7p{ width:7%!important;}
.w8p{ width:8%!important;}
.w9p{ width:9%!important;}
.w10p{ width:10%!important;}
.w11p{ width:11%!important;}
.w12p{ width:12%!important;}
.w13p{ width:13%!important;}
.w14p{ width:14%!important;}
.w15p{ width:15%!important;}
.w16p{ width:16%!important;}
.w17p{ width:17%!important;}
.w18p{ width:18%!important;}
.w19p{ width:19%!important;}
.w20p{ width:20%!important;}
.w21p{ width:21%!important;}
.w22p{ width:22%!important;}
.w23p{ width:23%!important;}
.w24p{ width:24%!important;}
.w25p{ width:25%!important;}
.w26p{ width:26%!important;}
.w27p{ width:27%!important;}
.w28p{ width:28%!important;}
.w29p{ width:29%!important;}
.w30p{ width:30%!important;}
.w31p{ width:31%!important;}
.w32p{ width:32%!important;}
.w33p{ width:33%!important;}
.w34p{ width:34%!important;}
.w35p{ width:35%!important;}
.w36p{ width:36%!important;}
.w37p{ width:37%!important;}
.w38p{ width:38%!important;}
.w39p{ width:39%!important;}
.w40p{ width:40%!important;}
.w41p{ width:41%!important;}
.w42p{ width:42%!important;}
.w43p{ width:43%!important;}
.w44p{ width:44%!important;}
.w45p{ width:45%!important;}
.w46p{ width:46%!important;}
.w47p{ width:47%!important;}
.w48p{ width:48%!important;}
.w49p{ width:49%!important;}
.w50p{ width:50%!important;}
.w51p{ width:51%!important;}
.w52p{ width:52%!important;}
.w53p{ width:53%!important;}
.w54p{ width:54%!important;}
.w55p{ width:55%!important;}
.w56p{ width:56%!important;}
.w57p{ width:57%!important;}
.w58p{ width:58%!important;}
.w59p{ width:59%!important;}
.w60p{ width:60%!important;}
.w61p{ width:61%!important;}
.w62p{ width:62%!important;}
.w63p{ width:63%!important;}
.w64p{ width:64%!important;}
.w65p{ width:65%!important;}
.w66p{ width:66%!important;}
.w67p{ width:67%!important;}
.w68p{ width:68%!important;}
.w69p{ width:69%!important;}
.w70p{ width:70%!important;}
.w71p{ width:71%!important;}
.w72p{ width:72%!important;}
.w73p{ width:73%!important;}
.w74p{ width:74%!important;}
.w75p{ width:75%!important;}
.w76p{ width:76%!important;}
.w77p{ width:77%!important;}
.w78p{ width:78%!important;}
.w79p{ width:79%!important;}
.w80p{ width:80%!important;}
.w81p{ width:81%!important;}
.w82p{ width:82%!important;}
.w83p{ width:83%!important;}
.w84p{ width:84%!important;}
.w85p{ width:85%!important;}
.w86p{ width:86%!important;}
.w87p{ width:87%!important;}
.w88p{ width:88%!important;}
.w89p{ width:89%!important;}
.w90p{ width:90%!important;}
.w91p{ width:91%!important;}
.w92p{ width:92%!important;}
.w93p{ width:93%!important;}
.w94p{ width:94%!important;}
.w95p{ width:95%!important;}
.w96p{ width:96%!important;}
.w97p{ width:97%!important;}
.w98p{ width:98%!important;}
.w99p{ width:99%!important;}
.w100p{ width:100%!important;}

.w10{ width:10px!important;}
.w20{ width:20px!important;}
.w30{ width:30px!important;}
.w40{ width:40px!important;}
.w50{ width:50px!important;}
.w60{ width:60px!important;}
.w70{ width:70px!important;}
.w80{ width:80px!important;}
.w90{ width:90px!important;}
.w100{ width:100px!important;}
.w110{ width:110px!important;}
.w120{ width:120px!important;}
.w130{ width:130px!important;}
.w140{ width:140px!important;}
.w150{ width:150px!important;}
.w160{ width:160px!important;}
.w170{ width:170px!important;}
.w180{ width:180px!important;}
.w190{ width:190px!important;}
.w200{ width:200px!important;}
.w250{ width:250px!important;}
.w300{ width:300px!important;}
.w350{ width:350px!important;}
.w400{ width:400px!important;}
.w450{ width:450px!important;}
.w500{ width:500px!important;}
.w550{ width:550px!important;}
.w600{ width:600px!important;}
.w650{ width:650px!important;}
.w700{ width:700px!important;}
.w750{ width:750px!important;}
.w800{ width:800px!important;}
.w850{ width:850px!important;}
.w900{ width:900px!important;}

.h10{ height:10px!important;}
.h50{ height:0px!important;}
.h100{ height:100px!important;}
.h150{ height:150px!important;}
.h200{ height:200px!important;}

@media only screen and (max-width: 700px) {
	.w1p_sp{ width:1%!important;}
	.w2p_sp{ width:2%!important;}
	.w3p_sp{ width:3%!important;}
	.w4p_sp{ width:4%!important;}
	.w5p_sp{ width:5%!important;}
	.w6p_sp{ width:6%!important;}
	.w7p_sp{ width:7%!important;}
	.w8p_sp{ width:8%!important;}
	.w9p_sp{ width:9%!important;}
	.w10p_sp{ width:10%!important;}
	.w11p_sp{ width:11%!important;}
	.w12p_sp{ width:12%!important;}
	.w13p_sp{ width:13%!important;}
	.w14p_sp{ width:14%!important;}
	.w15p_sp{ width:15%!important;}
	.w16p_sp{ width:16%!important;}
	.w17p_sp{ width:17%!important;}
	.w18p_sp{ width:18%!important;}
	.w19p_sp{ width:19%!important;}
	.w20p_sp{ width:20%!important;}
	.w21p_sp{ width:21%!important;}
	.w22p_sp{ width:22%!important;}
	.w23p_sp{ width:23%!important;}
	.w24p_sp{ width:24%!important;}
	.w25p_sp{ width:25%!important;}
	.w26p_sp{ width:26%!important;}
	.w27p_sp{ width:27%!important;}
	.w28p_sp{ width:28%!important;}
	.w29p_sp{ width:29%!important;}
	.w30p_sp{ width:30%!important;}
	.w31p_sp{ width:31%!important;}
	.w32p_sp{ width:32%!important;}
	.w33p_sp{ width:33%!important;}
	.w34p_sp{ width:34%!important;}
	.w35p_sp{ width:35%!important;}
	.w36p_sp{ width:36%!important;}
	.w37p_sp{ width:37%!important;}
	.w38p_sp{ width:38%!important;}
	.w39p_sp{ width:39%!important;}
	.w40p_sp{ width:40%!important;}
	.w41p_sp{ width:41%!important;}
	.w42p_sp{ width:42%!important;}
	.w43p_sp{ width:43%!important;}
	.w44p_sp{ width:44%!important;}
	.w45p_sp{ width:45%!important;}
	.w46p_sp{ width:46%!important;}
	.w47p_sp{ width:47%!important;}
	.w48p_sp{ width:48%!important;}
	.w49p_sp{ width:49%!important;}
	.w50p_sp{ width:50%!important;}
	.w51p_sp{ width:51%!important;}
	.w52p_sp{ width:52%!important;}
	.w53p_sp{ width:53%!important;}
	.w54p_sp{ width:54%!important;}
	.w55p_sp{ width:55%!important;}
	.w56p_sp{ width:56%!important;}
	.w57p_sp{ width:57%!important;}
	.w58p_sp{ width:58%!important;}
	.w59p_sp{ width:59%!important;}
	.w60p_sp{ width:60%!important;}
	.w61p_sp{ width:61%!important;}
	.w62p_sp{ width:62%!important;}
	.w63p_sp{ width:63%!important;}
	.w64p_sp{ width:64%!important;}
	.w65p_sp{ width:65%!important;}
	.w66p_sp{ width:66%!important;}
	.w67p_sp{ width:67%!important;}
	.w68p_sp{ width:68%!important;}
	.w69p_sp{ width:69%!important;}
	.w70p_sp{ width:70%!important;}
	.w71p_sp{ width:71%!important;}
	.w72p_sp{ width:72%!important;}
	.w73p_sp{ width:73%!important;}
	.w74p_sp{ width:74%!important;}
	.w75p_sp{ width:75%!important;}
	.w76p_sp{ width:76%!important;}
	.w77p_sp{ width:77%!important;}
	.w78p_sp{ width:78%!important;}
	.w79p_sp{ width:79%!important;}
	.w80p_sp{ width:80%!important;}
	.w81p_sp{ width:81%!important;}
	.w82p_sp{ width:82%!important;}
	.w83p_sp{ width:83%!important;}
	.w84p_sp{ width:84%!important;}
	.w85p_sp{ width:85%!important;}
	.w86p_sp{ width:86%!important;}
	.w87p_sp{ width:87%!important;}
	.w88p_sp{ width:88%!important;}
	.w89p_sp{ width:89%!important;}
	.w90p_sp{ width:90%!important;}
	.w91p_sp{ width:91%!important;}
	.w92p_sp{ width:92%!important;}
	.w93p_sp{ width:93%!important;}
	.w94p_sp{ width:94%!important;}
	.w95p_sp{ width:95%!important;}
	.w96p_sp{ width:96%!important;}
	.w97p_sp{ width:97%!important;}
	.w98p_sp{ width:98%!important;}
	.w99p_sp{ width:99%!important;}
	.w100p_sp{ width:100%!important;}

	.w10_sp{ width:10px!important;}
	.w20_sp{ width:20px!important;}
	.w30_sp{ width:30px!important;}
	.w40_sp{ width:40px!important;}
	.w50_sp{ width:50px!important;}
	.w60_sp{ width:60px!important;}
	.w70_sp{ width:70px!important;}
	.w80_sp{ width:80px!important;}
	.w90_sp{ width:90px!important;}
	.w100_sp{ width:100px!important;}
	.w110_sp{ width:110px!important;}
	.w120_sp{ width:120px!important;}
	.w130_sp{ width:130px!important;}
	.w140_sp{ width:140px!important;}
	.w150_sp{ width:150px!important;}
	.w160_sp{ width:160px!important;}
	.w170_sp{ width:170px!important;}
	.w180_sp{ width:180px!important;}
	.w190_sp{ width:190px!important;}
	.w200_sp{ width:200px!important;}
	.w250_sp{ width:250px!important;}
	.w300_sp{ width:300px!important;}
	.w350_sp{ width:350px!important;}
	.w400_sp{ width:400px!important;}
	.w450_sp{ width:450px!important;}
	.w500_sp{ width:500px!important;}
	.w550_sp{ width:550px!important;}
	.w600_sp{ width:600px!important;}
	.w650_sp{ width:650px!important;}
	.w700_sp{ width:700px!important;}
	.w750_sp{ width:750px!important;}
	.w800_sp{ width:800px!important;}
	.w850_sp{ width:850px!important;}
	.w900_sp{ width:900px!important;}

	.w50p-10_sp{ width: calc(50% - 10px)!important;}

	.h10_sp{ height:10px!important;}
	.h50_sp{ height:0px!important;}
	.h100_sp{ height:100px!important;}
	.h150_sp{ height:150px!important;}
	.h200_sp{ height:200px!important;}
}


/* margin-top */
.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!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;}
.mt70{ margin-top:70px!important;}
.mt80{ margin-top:80px!important;}
.mt90{ margin-top:90px!important;}
.mt100{ margin-top:100px!important;}
.mtm20{ margin-top:-20px!important;}

/* margin-left */
.ml5{ margin-left:5px!important;}
.ml10{ margin-left:10px!important;}
.ml20{ margin-left:20px!important;}
.ml30{ margin-left:30px!important;}
.ml40{ margin-left:40px!important;}
.ml50{ margin-left:50px!important;}
.ml60{ margin-left:60px!important;}
.ml70{ margin-left:70px!important;}
.ml80{ margin-left:80px!important;}
.ml90{ margin-left:90px!important;}
.ml100{ margin-left:100px!important;}

/* margin-right */
.mr5{ margin-right:5px!important;}
.mr10{ margin-right:10px!important;}
.mr20{ margin-right:20px!important;}
.mr30{ margin-right:30px!important;}
.mr40{ margin-right:40px!important;}
.mr50{ margin-right:50px!important;}
.mr60{ margin-right:60px!important;}
.mr70{ margin-right:70px!important;}
.mr80{ margin-right:80px!important;}
.mr90{ margin-right:90px!important;}
.mr100{ margin-right:100px!important;}

/* margin-bottom*/
.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb40{ margin-bottom:40px!important;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}
.mb70{ margin-bottom:70px!important;}
.mb80{ margin-bottom:80px!important;}
.mb90{ margin-bottom:90px!important;}
.mb100{ margin-bottom:100px!important;}

/* color */
.red01{ color:#FF7373;}
.red02{ color:#F66;}
.green01{ color:#65BA76;}
.blue01{ color:#4294B8;}

.error{  color:#FF2626;}

/* font-size */
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}

.strong{ font-weight:bold;}

/* text-align */
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}

/* float */
.floatl{ float: left;}
.floatr{ float:right;}

/* hide */
.hide {
  display: none;
}

/* loading ローディング画像を最前面中央に表示する */
.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0);
  background-image: url(../../images/gif-load.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: 150px 150px;
  z-index: 100;
  opacity: 0.5;
}