@charset "UTF-8";


/* 
スーパー汎用クラス: 
あらゆるサイトで再利用性可能な細分化された汎用クラス
----------------------------------------
  Common Style Seet

	1-2.配置
	1-3.マージン
	1-4.文字の大きさ
	1-5.行間
	1-6.文字装飾
	1-7.文字の色
	1-8.ボーダー
	1-9.
	1-10.引用
	1-11.クリアフィックス
---------------------------------------- */

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.middle{vertical-align:middle;}



.mt90sppt90{margin-top:90px;}

/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}

.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt23{margin-top:23px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt95{margin-top:95px;}
.mt100{margin-top:100px;}
.mt115{margin-top:115px;}
.mt235{margin-top:235px;}

.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb135{margin-bottom:135px;}
.mb155{margin-bottom:155px;}
.mb310{margin-bottom:310px;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.p2{padding:2px;}
.p5{padding:5px;}
.p7{padding:7px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}

.pt2{padding-top:2px;}
.pt5{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;}
.pt65{padding-top:65px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pr2{padding-right:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}

.pb2{padding-bottom:2px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb115{padding-bottom:115px;}

.pl2{padding-left:2px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}


/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f60{font-size:60px;}
.f63{font-size:63px;}
/* ----------------------------------------
  1-5.行間
---------------------------------------- */

.lh150{line-height:1.5em;}
.lh160{line-height:1.6em;}
.lh170{line-height:1.7em;}
.lh180{line-height:1.8em;}
.lh190{line-height:1.9em;}
.lh200{line-height:2.0em;}

.ls1{letter-spacing:-0.1em;}
.ls2{letter-spacing:-0.2em;}
.ls3{letter-spacing:-0.3em;}
.ls4{letter-spacing:-0.4em;}
.ls5{letter-spacing:-0.5em;}
.ls6{letter-spacing:-0.6em;}
.ls7{letter-spacing:-0.7em;}
.ls8{letter-spacing:-0.8em;}
.ls9{letter-spacing:-0.9em;}
.ls10{letter-spacing:-1.0em;}


/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

.bold{font-weight:bold;}

/* ----------------------------------------
  1-7.文字・背景の色
---------------------------------------- */

.red{color:#A61318;}
.redf00{color:#F00;}
.white{color:#fff;}
.black{color:#424141;}
.gold{color:#aa8d68;}

.red_bg{background-color:#A61318;}
.beige_bg{background-color:#e9e7e1;}
.white_bg{background-color:#fff;}
.black_bg{background-color:#424141;}
.gray_bg{background-color:#f6f6f6;}

/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

.red_border{border:2px solid #A61318;}
.yellow_border{border:2px solid #efdc84;}
.green_border{border:2px solid #CFDBA1;}
.blue_border{border:2px solid #A7E4EC;}

.red_border_top{border-top:3px solid #A61318;}
.black_border_top{border-top:1px solid #35312d;}
.white_border_top{border-top:1px solid #fff;}
.gray_border_top{border-top:1px solid #D5D4D4;}

.red_border_left{border-left:1px solid #A61318;}
.black_border_left{border-left:1px solid #35312d;}
.white_border_left{border-left:1px solid #fff;}
.gray_border_left{border-left:1px solid #D5D4D4;}

.red_border_right{border-right:1px solid #A61318;}
.black_border_right{border-right:1px solid #35312d;}
.white_border_right{border-right:1px solid #fff;}
.gray_border_right{border-right:1px solid #D5D4D4;}

.red_border_bottom{border-bottom:7px solid #A61318;}
.yellow_border_bottom{border-bottom:7px solid #efdc84;}
.green_border_bottom{border-bottom:7px solid #CFDBA1;}
.blue_border_bottom{border-bottom:7px solid #73c8d8;}
.black_border_bottom{border-bottom:1px solid #35312d;}
.white_border_bottom{border-bottom:7px solid #fff;}
.gray_border_bottom{border-bottom:1px solid #D5D4D4;}

/* ----------------------------------------
  1-9.フォント
---------------------------------------- */



/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  1-11.クリアフィックス
---------------------------------------- */
.clearfix:after {
     content:".";
     height:0;
     clear:both;
     display:block;
     visibility:hidden;
}
.clearfix {
     zoom:100%;
}


/*----------------------------------------
字間
----------------------------------------*/
.le-sp-2px{letter-spacing: -2px;font-family:"SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;font-weight: 600;}
@media screen and (max-width: 960px) {
/*下記960以下の場合の変化*/
	
/* 
スーパー汎用クラス: 
あらゆるサイトで再利用性可能な細分化された汎用クラス
----------------------------------------
  Common Style Seet

	1-2.配置
	1-3.マージン
	1-4.文字の大きさ
	1-5.行間
	1-6.文字装飾
	1-7.文字の色
	1-8.ボーダー
	1-9.
	1-10.引用
	1-11.クリアフィックス
---------------------------------------- */

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.middle{vertical-align:middle;}

.sppt2{padding-top:1px;}
.mt90sppt90{margin-top:0px;padding-top:45px;}
/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

.m5{margin:5px;}
.m10{margin:5px;}
.m15{margin:7px;}
.m20{margin:10px;}
.m25{margin:12px;}
.m30{margin:15px;}
.m40{margin:20px;}
.m50{margin:25px;}

.mt2{margin-top:1px;}
.mt5{margin-top:2px;}
.mt8{margin-top:4px;}
.mt10{margin-top:5px;}
.mt15{margin-top:7px;}
.mt20{margin-top:10px;}
.mt25{margin-top:12px;}
.mt30{margin-top:15px;}
.mt35{margin-top:17px;}
.mt40{margin-top:20px;}
.mt45{margin-top:22px;}
.mt50{margin-top:25px;}
.mt60{margin-top:30px;}
.mt70{margin-top:35px;}
.mt80{margin-top:40px;}
.mt90{margin-top:45px;}
.mt95{margin-top:47px;}
.mt100{margin-top:50px;}
.mt115{margin-top:67px;}
.mt235{margin-top:100px;}

.mr2{margin-right:1px;}
.mr5{margin-right:2px;}
.mr10{margin-right:5px;}
.mr15{margin-right:7px;}
.mr20{margin-right:10px;}
.mr25{margin-right:12px;}
.mr30{margin-right:15px;}
.mr40{margin-right:20px;}
.mr50{margin-right:25px;}

.mb2{margin-bottom:1px;}
.mb5{margin-bottom:2px;}
.mb10{margin-bottom:5px;}
.mb15{margin-bottom:7px;}
.mb20{margin-bottom:10px;}
.mb25{margin-bottom:12px;}
.mb30{margin-bottom:15px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom:25px;}
.mb55{margin-bottom:27px;}
.mb60{margin-bottom:30px;}
.mb70{margin-bottom:35px;}
.mb80{margin-bottom:40px;}
.mb90{margin-bottom:45px;}
.mb100{margin-bottom:50px;}
.mb135{margin-bottom:67px;}
.mb155{margin-bottom:77px;}
.mb310{margin-bottom:100px;}

.ml2{margin-left:1px;}
.ml5{margin-left:2px;}
.ml10{margin-left:5px;}
.ml15{margin-left:7px;}
.ml20{margin-left:10px;}
.ml25{margin-left:12px;}
.ml30{margin-left:15px;}
.ml40{margin-left:20px;}
.ml50{margin-left:25px;}

.p2{padding:1px;}
.p5{padding:2px;}
.p7{padding:3px;}
.p10{padding:5px;}
.p15{padding:7px;}
.p20{padding:10px;}
.p25{padding:12px;}
.p30{padding:15px;}
.p40{padding:20px;}
.p50{padding:25px;}

.pt2{padding-top:1px;}
.pt5{padding-top:2px;}
.pt10{padding-top:5px;}
.pt15{padding-top:7px;}
.pt20{padding-top:10px;}
.pt30{padding-top:15px;}
.pt40{padding-top:20px;}
.pt50{padding-top:25px;}
.pt60{padding-top:30px;}
.pt65{padding-top:32px;}
.pt70{padding-top:35px;}
.pt80{padding-top:40px;}
.pt90{padding-top:45px;}
.pt100{padding-top:50px;}

.pr2{padding-right:1px;}
.pr5{padding-right:2px;}
.pr10{padding-right:5px;}
.pr15{padding-right:7px;}
.pr20{padding-right:10px;}
.pr30{padding-right:15px;}
.pr40{padding-right:20px;}
.pr50{padding-right:25px;}

.pb2{padding-bottom:1px;}
.pb5{padding-bottom:2px;}
.pb10{padding-bottom:5px;}
.pb15{padding-bottom:7px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:15px;}
.pb35{padding-bottom:17px;}
.pb40{padding-bottom:20px;}
.pb50{padding-bottom:25px;}
.pb60{padding-bottom:30px;}
.pb70{padding-bottom:35px;}
.pb80{padding-bottom:40px;}
.pb90{padding-bottom:45px;}
.pb100{padding-bottom:50px;}
.pb115{padding-bottom:57px;}

.pl2{padding-left:1px;}
.pl5{padding-left:2px;}
.pl10{padding-left:5px;}
.pl15{padding-left:7px;}
.pl20{padding-left:10px;}
.pl30{padding-left:15px;}
.pl40{padding-left:20px;}
.pl50{padding-left:25px;}


/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f30{font-size:30px;}


/* ----------------------------------------
  1-5.行間
---------------------------------------- */

.lh150{line-height:1.5em;}
.lh160{line-height:1.6em;}
.lh170{line-height:1.7em;}
.lh180{line-height:1.8em;}
.lh190{line-height:1.9em;}
.lh200{line-height:2.0em;}

.ls1{letter-spacing:-0.1em;}
.ls2{letter-spacing:-0.2em;}
.ls3{letter-spacing:-0.3em;}
.ls4{letter-spacing:-0.4em;}
.ls5{letter-spacing:-0.5em;}
.ls6{letter-spacing:-0.6em;}
.ls7{letter-spacing:-0.7em;}
.ls8{letter-spacing:-0.8em;}
.ls9{letter-spacing:-0.9em;}
.ls10{letter-spacing:-1.0em;}


/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

.bold{font-weight:bold;}

/* ----------------------------------------
  1-7.文字・背景の色
---------------------------------------- */

.red{color:#A61318;}
.white{color:#fff;}
.black{color:#000;}

.sp_red_bg{background-color:#A61318;}
.sp_beige_bg{background-color:#e9e7e1;}
.sp_white_bg{background-color:#fff;}
.sp_black_bg{background-color:#424141;}
.sp_gray_bg{background-color:#f3f3f3;}

/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

.red_border{border:2px solid #A61318;}
.yellow_border{border:2px solid #efdc84;}
.green_border{border:2px solid #CFDBA1;}
.blue_border{border:2px solid #A7E4EC;}

.red_border_top{border-top:3px solid #A61318;}
.black_border_top{border-top:1px solid #35312d;}
.white_border_top{border-top:1px solid #fff;}
.gray_border_top{border-top:1px solid #D5D4D4;}

.red_border_left{border-left:1px solid #A61318;}
.black_border_left{border-left:1px solid #35312d;}
.white_border_left{border-left:1px solid #fff;}
.gray_border_left{border-left:1px solid #D5D4D4;}

.red_border_right{border-right:1px solid #A61318;}
.black_border_right{border-right:1px solid #35312d;}
.white_border_right{border-right:1px solid #fff;}
.gray_border_right{border-right:1px solid #D5D4D4;}

.red_border_bottom{border-bottom:7px solid #A61318;}
.yellow_border_bottom{border-bottom:7px solid #efdc84;}
.green_border_bottom{border-bottom:7px solid #CFDBA1;}
.blue_border_bottom{border-bottom:7px solid #73c8d8;}
.black_border_bottom{border-bottom:1px solid #35312d;}
.white_border_bottom{border-bottom:7px solid #fff;}
.gray_border_bottom{border-bottom:1px solid #D5D4D4;}

/* ----------------------------------------
  1-9.フォント
---------------------------------------- */



/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  1-11.クリアフィックス
---------------------------------------- */
.clearfix:after {
     content:".";
     height:0;
     clear:both;
     display:block;
     visibility:hidden;
}
.clearfix {
     zoom:100%;
}	
	
}