@charset "Shift_JIS";



/*======================================================================================================================
========================================================================================================================

module.css

スマホ用
ボックス／マージン／フロート　モジュール、パンくずリスト、ページトップ用

========================================================================================================================
======================================================================================================================*/


@media screen and (max-width : 767px){
/* フォント指定　（デフォルト13px）
-------------------------------------------------------------------------------------------------------- */
body { -webkit-text-size-adjust: 100%; }/*スマホでのフォントサイズ自動調整をさせない*/

/* フォントサイズ */
.text10 {font-size:  77%;}
.text11 {font-size:  85%;}
.text12 {font-size:  93%;}
.text13 {font-size:  100%;}
.text14 {font-size:  108%;}
.text15 {font-size:  116%;}
.text16 {font-size:  123.1%;}
.text17 {font-size:  131%;}
.text18 {font-size:  138.5%;}

.text10_sp {font-size:  77%;}

.text_smaller {font-size:  smaller;}
.text_xsmaller {font-size:x-small;}


/* フォントノーマル */
.normal {
	font-weight:	normal;
}


/* フォントイタリック */
.italic {
	font-style:     italic;
}


/* フォントボールド */
.bold {
	font-weight:    bold;
}


/* 取消線 */
.strike {
	text-decoration: line-through;
}

/* 下線 */
.underline {
	text-decoration: underline;
}

/* フォントカラー */
.blue {color:       #0E4C95;}
.red {color:        #CC0000;}
.white {color:      #FFFFFF;}
.gray {color:       #666666;}
.green {color:      #009999;}
.l_brown {color:    #C76200;}
.brown {color:    #362616;}



/* 旧サイト　フォントカラー */	
.colkinaka {color: #FF0000}
.colkinakabk {
	color:            #FFFFFF;
	font-weight:      bold;		
	background-color: #FF0000;
	padding:          0px 4px;
	margin-right:     3px;
}
.colbluebk {
	color:            #FFFFFF;
	font-weight:      bold;		
	background-color: #0066FF;
	padding:          0px 4px;
	margin-right:     3px;
}
.colkinkurobk {		
	background-color: #FFFF00;
	padding:          0px 2px;
	margin-right:     3px;
}			
.colbro {color: #A63300;}
.colbro2 {color: #996633;}
.colbro3 {color: #BA6511;}		
.colblue {color: #003399;}
.colred {color: #E91348;}
.colbk {color: #000000;}
.colbase {color: #333333;}


/* 背景カラー */
.box-bg-w {background-color: #FFFFFF;}




/* 改行無し */
.nobr {white-space: nowrap;}





/* 左右フロート　汎用指定
-------------------------------------------------------------------------------------------------------- */
.floatL, .floatR {float: none;}
.floatL_sp {float:left;}
.floatR_sp {float:right;}




/* カラム　マージン汎用指定
-------------------------------------------------------------------------------------------------------- */

/* 下マージン */
/* 幅100%はIEのhasLayoutバグ回避用 */
/*.b0  {margin:         0px; width:100%;} 
.b01 {margin-bottom:  1px; width:100%;}
.b04 {margin-bottom:  4px; width:100%;}
.b05 {margin-bottom:  5px; width:100%;}
.b10 {margin-bottom:  10px; width:100%;}
.b15 {margin-bottom:  15px; width:100%;}
.b20 {margin-bottom:  20px; width:100%;}
.b25 {margin-bottom:  25px; width:100%;}
.b30 {margin-bottom:  30px; width:100%;}
.b35 {margin-bottom:  35px; width:100%;}
.b40 {margin-bottom:  40px; width:100%;}
.b45 {margin-bottom:  45px; width:100%;}
.b50 {margin-bottom:  50px; width:100%;}
.b55 {margin-bottom:  55px; width:100%;}
.b60 {margin-bottom:  60px; width:100%;}
.b65 {margin-bottom:  65px; width:100%;}
.b70 {margin-bottom:  70px; width:100%;}
.b75 {margin-bottom:  75px; width:100%;}
.b80 {margin-bottom:  80px; width:100%;}
.b85 {margin-bottom:  85px; width:100%;}
.b90 {margin-bottom:  90px; width:100%;}
.b95 {margin-bottom:  95px; width:100%;}
.b100 {margin-bottom:  100px; width:100%;}*/


/* スマホ表示時のみ、下マージン追加 */
	.r-xs-b0 {margin:0 0 0px 0;}
	.r-xs-b05 {margin:0 0 5px 0;}
	.r-xs-b10 {margin:0 0 10px 0;}
	.r-xs-b15 {margin:0 0 15px 0;}
	.r-xs-b20 {margin:0 0 20px 0;}
	.r-xs-b25 {margin:0 0 25px 0;}
	.r-xs-b30 {margin:0 0 30px 0;}
	.r-xs-b40 {margin:0 0 40px 0;}
	.r-xs-b50 {margin:0 0 50px 0;}
	.r-xs-b60 {margin:0 0 60px 0;}
	.r-xs-b70 {margin:0 0 70px 0;}
	.r-xs-b80 {margin:0 0 80px 0;}
	.r-xs-b90 {margin:0 0 90px 0;}
	.r-xs-b100 {margin:0 0 100px 0;}


/* 上マージン指定 */
.t-5  {margin-top:     -5px;}
.t-10 {margin-top:     -10px;}
.t-20 {margin-top:     -20px;}
.t-30 {margin-top:     -30px;}
.t-40 {margin-top:     -40px;}
.t-50 {margin-top:     -50px;}
.t-60 {margin-top:     -60px;}
.t-70 {margin-top:     -70px;}
.t-80 {margin-top:     -80px;}
.t02  {margin-top:     2px;}
.t05  {margin-top:     5px;}
.t10  {margin-top:     10px;}
.t20  {margin-top:     20px;}
.t30  {margin-top:     30px;}
.t40  {margin-top:     40px;}
.t50  {margin-top:     50px;}
.t60  {margin-top:     60px;}
.t70  {margin-top:     70px;}
.t80  {margin-top:     80px;}
.t90  {margin-top:     90px;}
.t100  {margin-top:     100px;}
.t110  {margin-top:     110px;}
.t120  {margin-top:     120px;}
.t130  {margin-top:     130px;}
.t140  {margin-top:     140px;}
.t150  {margin-top:     150px;}
.t200  {margin-top:     200px;}
.t250  {margin-top:     250px;}
.t300  {margin-top:     300px;}
.t350  {margin-top:     350px;}
.t400  {margin-top:     400px;}

/* 左マージン */
.l02 {margin-left:  2px;}
.l05 {margin-left:  5px;}
.l10 {margin-left:  10px;}
.l15 {margin-left:  15px;}
.l20 {margin-left:  20px;}
.l25 {margin-left:  25px;}
.l30 {margin-left:  30px;}
.l35 {margin-left:  35px;}
.l40 {margin-left:  40px;}
.l45 {margin-left:  45px;}
.l50 {margin-left:  50px;}
.l55 {margin-left:  55px;}
.l60 {margin-left:  60px;}
.l65 {margin-left:  65px;}
.l70 {margin-left:  70px;}
.l75 {margin-left:  75px;}
.l80 {margin-left:  80px;}
.l85 {margin-left:  85px;}
.l90 {margin-left:  90px;}
.l95 {margin-left:  95px;}
.l100 {margin-left: 100px;}
.l130 {margin-left: 130px;}
.l150 {margin-left: 150px;}
.l160 {margin-left: 160px;}
.l180 {margin-left: 180px;}
.l200 {margin-left: 200px;}

/* スマホ表示時のみ、左マージン追加 */
.r-xs-l0 {margin-left:  0;}
.r-xs-l02 {margin-left:  2px;}
.r-xs-l05 {margin-left:  5px;}
.r-xs-l10 {margin-left:  10px;}
.r-xs-l15 {margin-left:  15px;}
.r-xs-l20 {margin-left:  20px;}
.r-xs-l25 {margin-left:  25px;}
.r-xs-l30 {margin-left:  30px;}
.r-xs-l35 {margin-left:  35px;}
.r-xs-l40 {margin-left:  40px;}
.r-xs-l45 {margin-left:  45px;}
.r-xs-l50 {margin-left:  50px;}

/* 右マージン */
.r05 {margin-right:  5px;}
.r10 {margin-right:  10px;}
.r15 {margin-right:  15px;}
.r20 {margin-right:  20px;}

/* スマホ表示時のみ、右マージン追加 */
.r-xs-r0 {margin-right:  0px;}
.r-xs-r05 {margin-right:  5px;}
.r-xs-r10 {margin-right:  10px;}
.r-xs-r15 {margin-right:  15px;}
.r-xs-r20 {margin-right:  20px;}

/* 左右マージン */
	.r-xs-lr_auto {margin-left: auto; margin-right:  auto;}



/* カラム　パディング汎用指定
-------------------------------------------------------------------------------------------------------- */
.pad05  {padding:         5px;} 
.pad10  {padding:         10px;} 
.pad15  {padding:         15px;} 
.pad20  {padding:         20px;} 
.pad25  {padding:         25px;} 
.pad30  {padding:         30px;} 




/* ボックス　幅指定
-------------------------------------------------------------------------------------------------------- */
.w40 {width:       auto;}
.w45 {width:       auto;}
.w50 {width:       auto;}
.w55 {width:       55px;}
.w60 {width:       60px;}
.w65 {width:       65px;}
.w70 {width:       70px;}
.w75 {width:       75px;}
.w80 {width:       80px;}
.w85 {width:       85px;}
.w86 {width:       86px;}
.w90 {width:       90px;}
.w95 {width:       95px;}
.w100 {width:      auto;}
.w105 {width:      auto;}
.w110 {width:      auto;}
.w115 {width:      auto;}
.w120 {width:      auto;}
.w125 {width:      auto;}
.w130 {width:      auto;}
.w135 {width:      auto;}
.w140 {width:      auto;}
.w145 {width:      auto;}
.w150 {width:      auto;}
.w155 {width:      auto;}
.w160 {width:      auto;}
.w165 {width:      auto;}
.w170 {width:      auto;}
.w175 {width:      auto;}
.w175 {width:      auto;}
.w178 {width:      auto;}
.w180 {width:      auto;}
.w181 {width:      auto;}
.w185 {width:      auto;}
.w190 {width:      auto;}
.w194 {width:      auto;}
.w195 {width:      auto;}
.w200 {width:      auto;}
.w205 {width:      auto;}
.w210 {width:      auto;}
.w211 {width:      auto;}
.w215 {width:      auto;}
.w220 {width:      auto;}
.w225 {width:      auto;}
.w227 {width:      auto;}
.w228 {width:      auto;}
.w230 {width:      auto;}
.w235 {width:      auto;}
.w240 {width:      auto;}
.w245 {width:      auto;}
.w248 {width:      auto;}
.w250 {width:      auto;}
.w251 {width:      auto;}
.w255 {width:      auto;}
.w260 {width:      auto;}
.w261 {width:      auto;}
.w262 {width:      auto;}
.w265 {width:      auto;}
.w270 {width:      auto;}
.w272 {width:      auto;}
.w273 {width:      auto;}
.w274 {width:      auto;}
.w275 {width:      auto;}
.w280 {width:      auto;}
.w285 {width:      auto;}
.w290 {width:      auto;}
.w292 {width:      auto;}
.w295 {width:      auto;}
.w300 {width:      auto;}
.w305 {width:      auto;}
.w310 {width:      auto;}
.w315 {width:      auto;}
.w320 {width:      auto;}
.w325 {width:      auto;}
.w330 {width:      auto;}
.w335 {width:      auto;}
.w338 {width:      auto;}
.w340 {width:      auto;}
.w345 {width:      auto;}
.w350 {width:      auto;}
.w355 {width:      auto;}
.w360 {width:      auto;}
.w365 {width:      auto;}
.w370 {width:      auto;}
.w375 {width:      auto;}
.w380 {width:      auto;}
.w385 {width:      auto;}
.w390 {width:      auto;}
.w395 {width:      auto;}
.w400 {width:      auto;}
.w405 {width:      auto;}
.w410 {width:      auto;}
.w415 {width:      auto;}
.w420 {width:      auto;}
.w425 {width:      auto;}
.w430 {width:      auto;}
.w435 {width:      auto;}
.w440 {width:      auto;}
.w445 {width:      auto;}
.w450 {width:      auto;}
.w455 {width:      auto;}
.w458 {width:      auto;}
.w460 {width:      auto;}
.w465 {width:      auto;}
.w470 {width:      auto;}
.w475 {width:      auto;}
.w480 {width:      auto;}
.w485 {width:      auto;}
.w490 {width:      auto;}
.w495 {width:      auto;}
.w500 {width:      auto;}
.w520 {width:      auto;}
.w526 {width:      auto;}
.w540 {width:      auto;}
.w558 {width:      auto;}
.w550 {width:      auto;}
.w555 {width:      auto;}
.w557 {width:      auto;}
.w560 {width:      auto;}
.w580 {width:      auto;}
.w585 {width:      auto;}
.w595 {width:      auto;}
.w600 {width:      auto;}
.w610 {width:      auto;}
.w620 {width:      auto;}
.w630 {width:      auto;}
.w640 {width:      auto;}
.w650 {width:      auto;}
.w660 {width:      auto;}
.w700 {width:      auto;}
.w710 {width:      auto;}
.w840 {width:      auto;}





/* スマホ時 幅指定
-------------------------------------------------------------------------------------------------------- */
.w15p {width: 15%; height: auto;}
.w20p {width: 20%; height: auto;}
.w25p {width: 25%; height: auto;}
.w30p {width: 30%; height: auto;}
.w35p {width: 35%; height: auto;}
.w40p {width: 40%; height: auto;}
.w45p {width: 45%; height: auto;}
.w50p {width: 50%; height: auto;}
.w60p {width: 60%; height: auto;}
.w65p {width: 65%; height: auto;}
.w70p {width: 70%; height: auto;}
.w80p {width: 80%; height: auto;}
.w90p {width: 90%; height: auto;}
.w95p {width: 95%; height: auto;}
.w100p {width: 100%; height: auto;}





/* ボックス内　寄せ指定
-------------------------------------------------------------------------------------------------------- */
.alignC_sp {
	text-align:  center;
}
.alignR_sp {
	text-align:  right;
}
.alignL_sp {
	text-align:  left;
}





/* イメージ回り込み指定
-------------------------------------------------------------------------------------------------------- */

/* 右寄せ
----------------------------- */
.imgR,
img.right {
	margin:   0px 0px 20px 15px;
	float:    right;
}
.imgR_m0,
img.right_m0 {
	margin:   0px;
	float:    right;
}


/* 左寄せ
----------------------------- */
.imgL,
img.left {
	margin:   0px 15px 20px 0px;
	float:    left;
}
.imgL_m0,
img.left_m0 {
	margin:   0px;
	float:    left;
}





/* イメージ行揃え
-------------------------------------------------------------------------------------------------------- */

/* 上
----------------------------- */
.valignT {
	vertical-align:  top;
}

/* 中央
----------------------------- */
.valignM {
	vertical-align:  middle;
}


/* 下
----------------------------- */
.valignB {
	vertical-align:  bottom;
}



/* インデント
-------------------------------------------------------------------------------------------------------- */
.indent-05 {
	text-indent: -05px;	
}
.indent-10 {
	text-indent: -10px;	
}
.indent-15 {
	text-indent: -15px;	
}
.indent-20 {
	text-indent: -20px;	
}
.indent-25 {
	text-indent: -25px;	
}
.indent-30 {
	text-indent: -30px;	
}
.indent-35 {
	text-indent: -35px;	
}
.indent-40 {
	text-indent: -40px;	
}
.indent-45 {
	text-indent: -45px;	
}
.indent-50 {
	text-indent: -50px;	
}

}



/* 表示
-------------------------------------------------------------------------------------------------------- */

.d-xl { display: block; }/* 1200px以上で表示 */
.d-lg { display: block; }/* 992px以上で表示 */
.d-md { display: block; }/* 991px以下で表示 */
.d-sm { display: none; }/* 767px以下で表示 */
.d-xs { display: none; }
@media screen and (max-width: 1199px) {
	.d-xl { display: none; }
}
@media screen and (max-width: 991px) {
	.d-lg { display: none; }
}
@media screen and (max-width: 767px) {
	.d-md { display: none; }
	.d-sm { display: block; }
}
@media screen and (max-width: 576px) {
	.d-xs { display: block; }
}

/* ●●px以上で表示 */
.d-min-1200,.d-min-992,.d-min-768,.d-min-577 { display: block; }
@media screen and (max-width: 1199px) {
	.d-min-1200 { display: none; }
}
@media screen and (max-width: 991px) {
	.d-min-992 { display: none; }
}
@media screen and (max-width: 767px) {
	.d-min-768 { display: none; }
}
@media screen and (max-width: 576px) {
	.d-min-577 { display: none; }
}


/* ●●px以下で表示 */
.d-max-1199,.d-max-991,.d-max-767,.d-max-576, .d-max-320 { display: none; }
@media screen and (max-width: 1199px) {
	.d-max-1199 { display: block; }
}
@media screen and (max-width: 991px) {
	.d-max-991 { display: block; }
}
@media screen and (max-width: 767px) {
	.d-max-767 { display: block; }
}
@media screen and (max-width: 576px) {
	.d-max-576 { display: block; }
}
@media screen and (max-width: 320px) {
	.d-max-320 { display: block; }
}


/* 文字間
-------------------------------------------------------------------------------------------------------- */
.ls03 { letter-spacing: 0.3px;}
.ls05 { letter-spacing: 0.5px;}
.ls08 { letter-spacing: 0.8px;}
.ls10 { letter-spacing: 1px;}
.ls15 { letter-spacing: 1.5px;}
.ls20 { letter-spacing: 2px;}
.ls25 { letter-spacing: 2.5px;}
.ls30 { letter-spacing: 3px;}

.ls-03 { letter-spacing: -0.3px;}
.ls-05 { letter-spacing: -0.5px;}
.ls-08 { letter-spacing: -0.8px;}
.ls-10 { letter-spacing: -1px;}