@charset "UTF-8";
/* CSS Document */


/* テキスト関連
---------------------------------------------------------------------------*/
.strong18 {font-weight: bold;font-size: 18px!important;}
.strong20 {font-weight: bold;font-size: 20px!important;}
.strong24 {font-weight: bold;font-size: 24px!important;}
.strong28 {font-weight: bold;font-size: 28px!important;}
.strong32 {font-weight: bold;font-size: 32px!important;}
.strong36 {font-weight: bold;font-size: 36px!important;}
.strong42 {font-weight: bold;font-size: 42px!important;}


/* 横幅関連　（PC版だけ対応・タブレットスマホ版はmax-width:100%;）
---------------------------------------------------------------------------*/
@media screen and (min-width: 769px){
.con960 {width: 960px;margin: 0 auto;}
.con1080 {width: 1080px;margin: 0 auto;}
.con1170 {width: 1170px;margin: 0 auto;}
.con1280 {width: 1280px;margin: 0 auto;}
}
@media screen and (max-width: 768px){
.con960 {max-width: 100%;margin: 0 auto;}
.con1080 {max-width: 100%;margin: 0 auto;}
.con1170 {max-width: 100%;margin: 0 auto;}
.con1280 {max-width: 100%;margin: 0 auto;}
.mt30 {	margin-top: 0!important;}
}



/* スぺース調整関連
---------------------------------------------------------------------------*/
.ptb10 {padding: 10px 0;}
.ptb20 {padding: 20px 0;}
.ptb30 {padding: 30px 0;}
.ptb40 {padding: 40px 0;}
.ptb50 {padding: 50px 0;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb80 {padding-bottom: 80px;}
.ma0 { margin: 0 auto;}
.ma5 { margin: 5px auto;}
.ma10 {	margin: 10px auto;}
.ma20 {	margin: 20px auto;}
.ma30 {	margin: 30px auto;}
.ma40 {	margin: 40px auto;}
.ma50 {	margin: 50px auto;}
.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40 {	margin-top: 40px;}
.mt50 {	margin-top: 50px;}
.mt100 {margin-top: 100px;}
.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb30 {	margin-bottom: 30px;}
.mb40 {	margin-bottom: 40px;}
.mb50 {	margin-bottom: 50px;}



/* 着色関連
---------------------------------------------------------------------------*/
.red {color: #cc0000;}
.grayBg{background: #F2F2F2;}
.grayBg02{background: #f9f9f9;}
.ylwBg{background: #fcf7f3;}		
.marker {background: linear-gradient(transparent 0%, #fff000 0%);padding: 2px;}


/* 配置関連
---------------------------------------------------------------------------*/
.taCenter {text-align: center;}
.taLeft {text-align: left;}
.taRight {text-align: right;}


/* FLOAT関連
---------------------------------------------------------------------------*/
.fltLeft {text-align: left;}
.fltRight {text-align: right;}


/* デコレーション関連
---------------------------------------------------------------------------*/
.underLine {text-decoration: underline;}
.borderGray {border: 1px solid #e5e5e5;}
.borderGray02 {border: 1px solid #c9c9c9;}
.marker {background: linear-gradient(transparent 0%, #fff000 0%);padding: 2px;}

/* ブロック関連
---------------------------------------------------------------------------*/
.block {display: block;}
.inlineBlock {display: inline-block;}