@charset "utf-8";


/*/////////////////////////////////////////////////////////////
module2022.css

ver.2022/12/14
---------------------------------------------------------------
1. 文字の設定
 1-1. 文字の大きさ
 1-2. 文字の位置
 1-3. 行間設定
 1-4. 文字の色
 1-5. 文字の背景色
 1-6. 文字の形体
 1-7. 文字の下線/打ち消し線


//////////////////////////////////////////////////////////////*/




/*--------------------------------------------------------------
 1. 文字の設定
--------------------------------------------------------------*/

/* 1-1 文字の大きさ
------------------------------------------------------------- */
.f06 {font-size:0.6em!important;}
.f07 {font-size:0.7em!important;}
.f08 {font-size:0.8em!important;}
.f09 {font-size:0.9em!important;}
.f10 {font-size:10px!important;}
.f12 {font-size:12px!important;}
.f13 {font-size:1.3em!important;}
.f14 {font-size:14px!important;}
.f15 {font-size:1.5em!important;}
.f16 {font-size:1.6em!important;}
.f17 {font-size:1.7em!important;}
.f18 {font-size:1.8em!important;}
.f20 {font-size:2em!important;}


.px14 {font-size:14px!important;}
.px15 {font-size:15px!important;}
.px16 {font-size:16px!important;}
.px17 {font-size:17px!important;}
.px18 {font-size:18px!important;}
.px19 {font-size:19px!important;}
.px20 {font-size:20px!important;}

/* 1-2. 文字の位置
------------------------------------------------------------- */
.al_right { text-align:right!important; }
.al_left { text-align:left!important;}
.al_center { text-align:center!important;}
.center { text-align:center!important; margin:0 auto!important; }

.indent {text-indent:1em!important;}

.nowrap { white-space:nowrap!important;}
.wb {word-wrap: break-word!important;}

.note {
	padding-left:1em;
	text-indent:-1em;
}
.note02 {
	padding-left:-1em;
	text-indent:-1em;
}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* 1-3. 行間設定
------------------------------------------------------------- */
.lh15 {line-height:1.5!important;}


/* 1-4. 文字の色
------------------------------------------------------------- */
.red {color: #EF0000!important;}
.red-b {color:#EE0000!important;font-weight:bold!important;}
.orange01 {color: #FF6600!important;}
.orange02 {color: #FF9900!important;}

.blue {color: #0097F2!important;}
.blue-b {color:#0097F2;font-weight:bold!important;}

.gray {color:#999999!important;}

.gold{ color:#C3A13D!important;}

.black {color: #000000!important;}

.orange {color: #fb8b1e!important;}


/* 1-5. 文字の背景色
------------------------------------------------------------- */
.bg-yellow {
	background-color: #FFFFcc;
	font-weight: bold;
	color: #36393d;
}


/* 1-6. 文字の形体
------------------------------------------------------------- */
.fn { font-style:normal!important; font-weight:normal!important;}

.bold { font-weight:bold!important; }

em { font-style:normal;}

strong {
	font-weight: normal;
}


/* 1-7. 文字の下線/打ち消し線
------------------------------------------------------------- */
.under { text-decoration:underline; }
.dashed {border-style:dashed!important;}
.dotted {border-style:dotted!important;}
.lt {text-decoration:line-through;}



/* 5 罫線なし
------------------------------------------------------------- */
.b_no{ border:none!important;}
.bt_no{ border-top:none!important;}
.br_no{ border-right:none!important;}
.bb_no{ border-bottom:none!important;}
.bl_no{ border-left:none!important;}



/* 6 背景なし
------------------------------------------------------------- */
.bgimg_no { background-image:none!important;}




/*--------------------------------------------------------------
フォーム関連
--------------------------------------------------------------*/

/* 1 新着情報　アイコン
------------------------------------------------------------- */
.new {
	background-color:#C60000;
	font-size:9px;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding:2px 4px;
	width: 4em;
	text-align: center;
	color: #fff;
	letter-spacing:0.1em;
	margin-right: 10px;
	white-space:nowrap;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px ;
}




/* 2 必須項目文字
------------------------------------------------------------- */
/*
.notes {
color:#CC0000;
font-size:0.8em;
font-weight:normal;
margin:0;
padding:0.2em;
}*/
.notes {
	background-color:#C60000;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:0.6em;
	letter-spacing:0.2em;
	padding:0.2em 0.4em;
	text-align:center;
	white-space:nowrap;
	width:4em;
	font-weight: normal!important;
	margin: 0 5px 0 0;
	vertical-align: middle;
	border-radius:3px;
}

.notes2 {
	background-color:#C60000;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:0.6em;
	letter-spacing:0.2em;
	padding:0.2em 0.4em;
	margin:0px 0px 0px 10px;
	text-align:center;
	white-space:nowrap;
	width:4em;
	font-weight: normal!important;

	vertical-align: middle;
	border-radius:3px;
}

/* 3 ボタン位置
------------------------------------------------------------- */
.btn_center {
	display:block;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}
.btn_center input {
	cursor:pointer;
	margin:0 auto;
	text-align:center;
}









/* 5 エラーメッセージ
------------------------------------------------------------- */
/* flash-messages */
.message {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:left;
	margin: 0 auto 15px;
}
.message p {
	margin:8px;
	font-size: 14px;
	line-height: 1.5;
}

/* 5-1 赤
----------------------------- */
.error {
	border: 1px solid #fbb;
	background-color: #fdd;
	color: #CC0000;
	text-align: left;
}

/* 5-2 黄
----------------------------- */
.warning {
	border: 1px solid #fffaaa;
	background-color: #ffffcc;
}

/* 5-3 緑
----------------------------- */
.notice {
	border: 1px solid #1FDF00;
	background-color: #BBFFB6;
}


/*--------------------------------------------------------------
フロート／解除
--------------------------------------------------------------*/
.fl_right {float:right!important; }
.fl_left {float:left!important; }
.fnone {float:none!important;}

.clr {clear:both!important;}
.clrR {clear:right!important;}
.clrL {clear:left!important;}



/*--------------------------------------------------------------
padding margin 簡易設定
--------------------------------------------------------------*/

/* 1 padding
------------------------------------------------------------- */
.p0 { padding:0 !important;}
.p5 { padding:5px!important; }
.p10 { padding:10px!important; }
.p15 { padding:15px!important; }
.p20 { padding:20px!important; }

.prl5 { padding-right:5px!important;padding-left:5px!important; }
.prl10 { padding-right:10px!important;padding-left:10px!important; }
.prl15 { padding-right:15px!important;padding-left:15px!important; }
.prl20 { padding-right:20px!important;padding-left:20px!important; }

.ptb5 {padding-top:5px!important;padding-bottom:5px!important; }
.ptb10 {padding-top:10px!important;padding-bottom:10px!important; }
.ptb15 {padding-top:15px!important;padding-bottom:15px!important; }
.ptb20 {padding-top:20px!important;padding-bottom:20px!important; }

.pt0 { padding-top:0!important;}
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }

.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }

.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }

.pb0 { padding-bottom:0!important;}
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }


.pb05m { padding-bottom:.5em!important; }
.pb1m { padding-bottom:1em!important; }
.pb2m { padding-bottom:2em!important; }
.pb3m { padding-bottom:3em!important; }


.ptb1m{ padding-top:1em!important; padding-bottom:1em!important;}

/* 2 margin
------------------------------------------------------------- */
.m0 { margin:0 !important;}
.m5 { margin:5px!important; }
.m10 { margin:10px!important; }
.m15 { margin:15px!important; }
.m20 { margin:20px!important; }

.mtb10 { margin-top:10px!important;margin-bottom:10px!important; }
.mtb20 { margin-top:20px!important;margin-bottom:20px!important; }
.mtb30 { margin-top:30px!important;margin-bottom:30px!important; }
.mtb40 { margin-top:40px!important;margin-bottom:40px!important; }

.mrl10 { margin-right:10px!important;margin-left:10px!important; }

.mt0 { margin-top:0!important;}
.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; }

.mr0 {margin-right:0!important;}
.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}

.mb0 { margin-bottom:0!important;}
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }


.ml0 { margin-left:0px!important; }
.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; }

.ml1em { margin-left:1em!important; }
.ml2em { margin-left:2em!important; }
.ml4em { margin-left:4em!important; }




/*--------------------------------------------------------------
幅の簡易設定
--------------------------------------------------------------*/
.w1m { width:1em!important;}
.w2m { width:2em!important;}
.w3m { width:3em!important;}
.w4m { width:4em!important;}
.w5m { width:5em!important;}
.w6m { width:6em!important;}
.w7m { width:7em!important;}
.w8m { width:8em!important;}
.w9m { width:9em!important;}
.w10m { width:10em!important;}
.w11m { width:11em!important;}
.w12m { width:12em!important;}
.w13m { width:13em!important;}
.w14m { width:14em!important;}
.w15m { width:15em!important;}

.w10 { width:10px!important;}
.w20 { width:20px!important;}
.w25 { width:25px!important;}
.w30 { width:30px!important;}
.w40 { width:40px!important;}
.w50 { width:55px!important;}
.w55 { 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;}
.w185 { width:185px!important;}
.w190 { width:190px!important;}
.w200 { width:200px!important;}
.w210 { width:210px!important;}
.w220 { width:220px!important;}
.w230 { width:230px!important;}
.w240 { width:240px!important;}
.w250 { width:250px!important;}
.w260 { width:260px!important;}
.w270 { width:270px!important;}
.w280 { width:280px!important;}
.w290 { width:290px!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;}

.w5p{ width:5%!important;}
.w10p{ width:10%!important;}
.w20p{ width:20%!important;}
.w25p{ width:25%!important;}
.w30p{ width:30%!important;}
.w35p{ width:35%!important;}
.w40p{ width:40%!important;}
.w45p{ width:45%!important;}
.w50p{ width:50%!important;}
.w55p{ width:55%!important;}
.w60p{ width:60%!important;}
.w65p{ width:65%!important;}
.w70p{ width:70%!important;}
.w75p{ width:75%!important;}
.w80p{ width:80%!important;}
.w85p{ width:85%!important;}
.w90p{ width:90%!important;}
.w95p{ width:95%!important;}
.w100p{ width:100%!important;}




/*--------------------------------------------------------------
その他共通設定
--------------------------------------------------------------*/
.none {display:none!important;}
.block{ display:block!important;}
.bg_no {background:none!important;}




/*--------------------------------------------------------------
スマートフォンのみ改行
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp-br:before {
		content: "\A" ;
		white-space: pre ;
	}
}
/*--------------------------------------------------------------
PCのみ改行
--------------------------------------------------------------*/
.pc-br:before {
	content: "\A" ;
	white-space: pre ;
}

@media (max-width: 768px) {
	.pc-br:before {
		content: "" ;
		white-space: nowrap ;
	}
}

/*--------------------------------------------------------------
PCのみ表示
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.pc-only-display {
		display:none!important;
	}
}

/*--------------------------------------------------------------
スマートフォンのみ表示
--------------------------------------------------------------*/
.sp-only-display {
	display:none!important;
}
@media (max-width: 480px) {
	.sp-only-display {
		display:inline!important;
	}
}
.sp-only-display2 {
	display:none!important;
}
@media (max-width: 480px) {
	.sp-only-display2 {
		display:block !important;
	}
}
/*--------------------------------------------------------------
スマートフォンのみ非表示
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp-none {
		display:none;
	}
}


/*--------------------------------------------------------------
スマートフォンのみ空白を開ける
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp_margin_top {
		margin-top:10px!important;
	}
}
/*--------------------------------------------------------------
スマートフォンのみセンター
--------------------------------------------------------------*/
@media (max-width: 480px) {
	.sp-center {
		text-align:center!important;
		margin:0 auto!important;
	}
}
/*--------------------------------------------------------------
画像イメージホバー
--------------------------------------------------------------*/
.imghover a:hover {
		/* 透明度を20%に指定 */
		opacity: 0.8;
}
/*--------------------------------------------------------------
iphoneスクロール対応
--------------------------------------------------------------*/
/* Landscape phones and down */
@media (max-width: 480px) {
	#scroll{
		height:150px;
		overflow:auto;
		-webkit-overflow-scrolling: touch;
	}
}