@charset "utf-8";

/* reset
--------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* clearfix 
--------------------------------------- */
.cf:before,
.cf:after{
  content:" ";
  display:table;
}
.cf:after{clear:both;}
.cf{*zoom:1;}
*{zoom:1;}

/* common
--------------------------------------- */
body{
  width:100%;
  background-color:#fff;
  color:#000;
  font-size:14px;
  line-height:1.8;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
       -o-text-size-adjust:100%;
          text-size-adjust:100%;
}
a{outline:none;text-decoration:none;color:#000;}
a[href^="tel:"]{cursor:default;color:#000;text-decoration:underline;}
img{max-width:100%;height:auto;vertical-align:bottom;}
#border{
  width:calc(100% - 20px);
  min-width:980px;
  border:10px solid #ffe400;
}
.section{
  width:100%;
  min-width:980px;
  margin:auto;
}
.wrap{
  width:980px;
  margin:auto;
}
.pc{display:block;}
.sp{display:none;}
.fl{float:left;}
.fr{float:right;}
.rlt{position:relative;}
.abs{position:absolute;}
.ov:hover{opacity:0.6;}
.ov{transition:opacity 0.3s ease-out;cursor:pointer;}
@media screen and (max-width:640px){
  body{
    width:640px;
    font-size:24px;
    line-height:1.5;
  }
  #border{
    width:620px;
    min-width:620px;
    overflow:hidden;
  }
  .section{
    width:620px;
    min-width:620px;
  }
  .wrap{
    width:560px;
  }
  .pc{display:none;}
  .sp{display:block;}
  .ov:hover{opacity:1.0;}
  .ov{transition:none;}
  a.tel{}
}

/* footer
--------------------------------------- */
#footer{
  background-color:#ea0100;
}
#footer p.copy{
  padding:70px 0;
  font-size:12px;
  font-weight:bold;
  color:#ffe400;
  text-align:center;
}
@media screen and (max-width:640px){
  #footer p.copy{font-size:18px;}
}

/* page top */
.pagetop-wrap{}
#pagetop{
  display:none;
  position:fixed;
  bottom:40px;
  right:40px;
  opacity:1.0;
  transition:opacity 0.3s ease-out;
  cursor:pointer;
  z-index:1000;
}
#pagetop:hover{opacity:0.7;}
@media screen and (max-width:640px){
  #pagetop{
    bottom:50px;
    right:12px;
    margin:0;
  }
  #pagetop:hover{opacity:1.0;}
}

/* 共通
--------------------------------------- */
p.outline-y{
  text-shadow:2px 2px 5px #ffe01a,-2px -2px 5px #ffe01a,2px -2px 5px #ffe01a,-2px 2px 5px #ffe01a;
}
@media screen and (max-width:640px){
  p.outline-y{
    text-shadow:2px 2px 2px #ffe01a,-2px -2px 2px #ffe01a,2px -2px 2px #ffe01a,-2px 2px 2px #ffe01a;
  }
}
p.outline-b{
  text-shadow:1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000;
}
@media screen and (max-width:640px){
  p.outline-b{
    text-shadow:2px 2px 2px #000,-2px -2px 2px #000,2px -2px 2px #000,-2px 2px 2px #000;
  }
}
.mincho{
  font-family:"游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important;
  font-weight:bold;
}
.Gothic{
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}


/* section1
--------------------------------------- */
#section1{
  min-height:921px;
  background:url(../images/bg1.jpg) #174377 center top no-repeat;
  background-size:cover;
  position:relative;
}
#section1 .wrap{
  width:100%;
  height:0;
  padding-bottom:71.953125%;
}
#section1 h1{
  position:absolute;
  bottom:20%;
  left:0;
  right:0;
  text-align:center;
}
#section1 .mi1{
  position:absolute;
  top:27%;
  left:11%;
}
#section1 .mi2{
  position:absolute;
  top:12%;
  right:12%;
}
#section1 .logo{text-align:center;margin-bottom:18px;}
#section1 p.copy{
  padding-top:30px;
  font-size:32px;
  font-weight:bold;
  color:#fff;
  text-align:center;
}
#section1 p.cr{
  position:absolute;
  bottom:10px;
  right:10px;
  font-size:10px;
  color:#fff;
}

#section1 p.copy .newline{display:none;}
@media screen and (max-width:1280px){
  #section1 .mi1{left:10px;}
  #section1 .mi2{right:10px;}
  #section1 p.copy{padding-top:12px;}
#section1 p.copy{line-height:1.3;}
#section1 p.copy .newline{display:block;}
}
@media screen and (max-width:640px){
  #section1{
    min-height:initial;
    background-size:620px;
background-position:center bottom;
  }
  #section1 .wrap{
    width:620px;
    height:428px;
height:490px;
    padding-bottom:0;
  }
  #section1 h1{
    bottom:60px;
    width:80%;
    margin:auto;
    z-index:10;
  }
  #section1 .mi1{
    top:80px;
top:100px;
    left:0;
    width:30%;
  }
  #section1 .mi2{
    top:80px;
top:100px;
    right:0;
    width:30%;
  }
  #section1 .mi1 img
  #section1 .mi2 img{width:100%;max-width:100%;}
  #section1 p.copy{
    padding-top:8px;
    font-size:24px;
line-height:1.5;
  }
  #section1 p.cr{
    font-size:14px;
  }
}

/* sns */
#section1 .sns-box{
  position:absolute;
  top:21px;
top:80px;
  right:122px;
}
#section1 .sns .fb{}
@media screen and (max-width:1280px){
  #section1 .sns-box{
    top:60px;
    right:100px;
  }
}
@media screen and (max-width:640px){
  #section1 .sns-box{
    top:40px;
    right:10px;
  }
}

/* section2
--------------------------------------- */
#section2{
  padding-bottom:90px;
  background:url(../images/bg2.png) #46b311 center top repeat;
}

/* news */
#section2 .news-box{
  width:890px;
  margin:0 auto 50px;
  padding-top:50px;
}
#section2 .news-box h2{
  width:6.0em;
  margin-left:15px;
  font-size:18px;
  font-weight:bold;
  color:#ea0000;
  text-align:center;

  -webkit-border-radius:5px;
     -moz-border-radius:5px;
          border-radius:5px;
  background-color:#ffe400;
}
#section2 .news-box .inner-box{
  margin-top:-15px;
  /*padding:50px 20px;*/
padding:20px;
  background-color:#ffe400;
}
#section2 .news-box .inner-box dl{
  width:840px;
  font-weight:bold;
  color:#ea0000;
  max-height:180px;
max-height:initial;max-height:auto;
  overflow-y:auto;
}
#section2 .news-box .inner-box dl dt,
#section2 .news-box .inner-box dl dd{
  float:left;
  min-height:25.2px;
}
#section2 .news-box .inner-box dl dt{width:110px;}
#section2 .news-box .inner-box dl dd{width:700px;}
#section2 .news-box .inner-box dl dd a{
  color:#ea0000;
  text-decoration:underline;
}
#section2 .news-box .inner-box p{font-size:18px;}
#section2 .news-box .inner-box p.large{font-size:28px;}
#section2 .news-box .inner-box p a{color:#ea0000;text-decoration:underline;}
#section2 .news-box .inner-box p.indent10{padding-left:1.0em;text-indent:-1.0em;}

#section2 .news-box .inner-box p a{
  padding: 0 .3em;
  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(46,204,113,1) 50%);
  background-position: 0 0;
  background-size: 201% auto;
  transition:.3s;
}
#section2 .news-box .inner-box p a:hover {
  background-position: -100% 0;
  color: #fff;
}

@media screen and (max-width:640px){
  #section2{
    background-size:100%;
  }

  #section2 .news-box{
    width:560px;
  margin:0 auto 50px;
  padding-top:50px;
  }
  #section2 .news-box h2{
    font-size:24px;
  }
  #section2 .news-box .inner-box{
    padding:20px 10px;
  }
  #section2 .news-box .inner-box dl{
    width:540px;
    max-height:180px;
    font-size:20px;
max-height:initial;max-height:auto;
  }
  #section2 .news-box .inner-box dl dt,
  #section2 .news-box .inner-box dl dd{
    float:none;
    min-height:initial;
    width:510px;
  }
  #section2 .news-box .inner-box dl dd{margin-bottom:10px;}
  #section2 .news-box .inner-box p{font-size:24px;}
  #section2 .news-box .inner-box p.large{font-size:32px;}
  #section2 .news-box .inner-box p a{transition:none;}
  #section2 .news-box .inner-box p a:hover{background:none;color:#ea0000;}
}

/* info */
#section2 .info-box{
  position:relative;
  width:890px;
  padding:50px 40px 40px;
  background-color:#fff;
  border:5px solid #ea0000;
}
#section2 .info-box .img1{
  position:absolute;
  top:-50px;
  left:-100px;
}
@media screen and (max-width:640px){
  #section2 .info-box{
    width:530px;
    padding:30px 10px 20px;
  }
  #section2 .info-box .img1{
  top:-50px;
  left:-100px;
  }
}

/* 日時 */
#section2 .info-box .date{
  margin-left:160px;
  margin-bottom:30px;
  font-weight:bold;
  color:#ea0000;
}
#section2 .info-box .date p{line-height:1.0;}
#section2 .info-box .date p.f1{
  font-size:27px;
  margin-bottom:8px;
}
#section2 .info-box .date p.f2{
  font-size:61px;
}
#section2 .info-box .date p.f3{
  font-size:29px;
  margin-top:-10px;
}
#section2 .info-box .date p.f3 span{
  display:inline-block;
  font-size:14px;
  line-height:1.0;
  margin-bottom:8px;
}
#section2 .info-box p.hole{
  width:620px;
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  line-height:64px;
  text-align:center;
  background-color:#ea0000;
}
#section2 .info-box p.di{
  margin-left:-120px;
  font-size:14px;
  font-weight:bold;
  line-height:1.8;
  text-align:center;
}
@media screen and (max-width:640px){
  #section2 .info-box .date{
    margin-top:20px;
    margin-left:180px;
  }
  #section2 .info-box .date p.f1{
    font-size:38px;
    margin-bottom:20px;
  }
  #section2 .info-box .date p.f2{
    font-size:52px;
  }
  #section2 .info-box .date p.ml{margin-left:1.38em;}
  #section2 .info-box .date p.f3{
    font-size:24px;
    margin-top:-8px;
  }
  #section2 .info-box .date p.f3 span{
    font-size:18px;
    margin-bottom:0;
  }

  #section2 .info-box p.hole{
    width:530px;
    margin:40px 0 10px -180px;
    font-size:28px;
  }
  #section2 .info-box p.di{
    width:530px;
    margin-left:-180px;
    font-size:18px;
  }
}

/* ビデオ */
#section2 .video-wrap{
  width:890px;
  margin-bottom:30px;
}
#section2 .video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#section2 .video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100% !important;
  height:100% !important;
}

@media screen and (max-width:640px){
  #section2 .video-wrap{
    width:520px;
  }
}

/* バナー */
#section2 .banner{
  min-width:320px;
  margin:0 auto 65px;
}
#section2 .banner a{
  display:block;
  padding:24px 0;
  text-align:center;
  background-color:#f90000;
  background:-webkit-linear-gradient(left,#fd0000,#d90000);
  background:   -moz-linear-gradient(left,#fd0000,#d90000);
  background:        linear-gradient(to right,#fd0000,#d90000);
  border:5px solid #ffe400;
}

#section2 .banner .icon{
  float:left;
  margin-right:15px;
  padding-left:35px;
}
#section2 .banner p{
  float:left;
  font-size:27px;
  font-weight:bold;
  color:#ffe400;
}
@media screen and (max-width:640px){}

/* Information */
#section2 .information{
  margin-bottom:30px;
}
#section2 .information h3{
  width:100%;
  padding:8px 0;
  font-size:20px;
  font-weight:bold;
  color:#ea0000;
  text-align:center;
  background-color:#ffe400;
}
#section2 .information .group{
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
  color:#ea0000;
}
#section2 .information .group a{color:#ea0000;}
#section2 .information h4{
  font-size:24px;
}
#section2 .information p.bm{
  font-size:24px;
}
#section2 .information p.bs{
  font-size:19px;
}
#section2 .information p.ns{
  /*font-weight:normal;*/
  margin-top:-8px;
}
#section2 .information p.url{
  font-size:16px;
}
#section2 .information hr{
  border:solid #ea0000;
  border-width:1px 0 0 0;
  height:1px;
  clear:both;

}
@media screen and (max-width:640px){
  #section2 .information h3{
    font-size:28px;
  }
  #section2 .information .group{
    margin-top:25px;
    margin-bottom:25px;
  }
  #section2 .information h4{
    font-size:28px;
  }
  #section2 .information p.bm{
  font-size:24px;
  }
  #section2 .information p.bs{
  font-size:24px;
  }
  #section2 .information p.ns{
    font-size:20px;
    margin-top:0;
  }
  #section2 .information p.url{
    font-size:24px;
  }
}

/* 詳細 */
#section2 .detail{
  position:relative;
  width:830px;
  padding:30px;
  font-weight:bold;
  color:#ea0000;
  background-color:#fffbdd;
}
#section2 .detail .img2{
  position:absolute;
  top:-52px;
  right:-36px;
}
#section2 .detail p.t1{font-size:21px;}
#section2 .detail p.t2{font-size:16px;}
#section2 .detail p.t2 span{font-size:12px;}
#section2 .detail p.t3{font-size:12px;}

@media screen and (max-width:640px){
  #section2 .detail{
    width:510px;
  margin-top:180px;
    padding:20px 10px;
  }
  #section2 .detail .img2{
  position:absolute;
    top:-170px;
    right:-20px;
  }
  #section2 .detail p.t1{font-size:28px;}
  #section2 .detail p.t2{
    font-size:24px;
    margin-bottom:30px;
  }
  #section2 .detail p.t2 span,
  #section2 .detail p.t3{font-size:18px;}
}


/* section3
--------------------------------------- */
#section3{
  padding-bottom:80px;
  background:url(../images/bg3.png) #ea0100 center top repeat;
}
#section3 .wrap{position:relative;}
#section3 .wrap .img3{
  position:absolute;
  top:-30px;
  left:-16px;
}

#section3 .intro-box{
  margin-bottom:100px;
  padding-top:160px;
  color:#ffe400;
  text-align:center;
}
#section3 .intro-box p.intro{
  font-size:18px;
  font-weight:bold;
  line-height:2.1;
}

#section3 .frame-box{
  position:relative;
  width:880px;
  margin:auto;
  padding:5px;
  background-color:#ffe400;
}
#section3 .frame-box .img4{
  position:absolute;
  top:-105px;
  right:-50px;
}
#section3 .frame-box .inner{
  padding:30px 35px 30px;
  border:1px solid #ea0100;
}
#section3 .frame-box p.about{
  color:#ea0100;
  font-size:14px;
  line-height:2.0;
}


#section3 .group1{
  width:670px;
}
#section3 p.t1{
  color:#ea0100;
  font-size:19px;
  font-weight:bold;
  line-height:2.0;
}
#section3 p.t2{
  color:#ea0100;
  font-size:14px;
  font-weight:bold;
  line-height:2.0;
}

#section3 .about-box{
  width:890px;
  /*width:810px;*/
  margin:60px auto 35px;
}
#section3 .about-box h4{
  padding:4px 0;
  font-size:19px;
  font-weight:bold;
  text-align:center;
  color:#ea0100;
  background-color:#ffe400;
}
#section3 .about-box .about{
  padding:28px 25px;
  background-color:#fff;
}
#section3 .about-box .about p{
  font-weight:bold;
  color:#ea0100;
}


@media screen and (max-width:640px){
  #section3 .wrap .img3{
    top:-80px;
  }

  #section3 .intro-box{
    margin-bottom:180px;
    padding-top:120px;
    text-align:left;
  }
  #section3 .intro-box p.intro{
    font-size:24px;
    line-height:1.8;
  }

  #section3 .frame-box{
    width:550px;
  }
  #section3 .frame-box .img4{
    top:-160px;
    right:-25px;
  }
  #section3 .frame-box .inner{
    padding:80px 35px 30px;
  }
  #section3 .frame-box p.about{
    font-size:24px;
    line-height:1.8;
  }

  #section3 .group1{
    width:480px;
  }
  #section3 p.t1{
    font-size:28px;
  }
  #section3 p.t2{
    font-size:24px;
  }

  #section3 .about-box{
    width:560px;
  }
  #section3 .about-box h4{
    padding:8px 0;
    font-size:28px;
  }
  #section3 .about-box .about{
    font-size:24px;
  }
}

/* section4
--------------------------------------- */
#section4{
  padding:74px 0 86px;
  background:url(../images/bg4.png) #ffe400 center top repeat;
}
#section4 .inner-box{
  width:890px;
  margin:0 auto 35px;
}
#section4 .inner-box h3{
  padding:4px 0;
  font-size:19px;
  font-weight:bold;
  text-align:center;
  color:#ffe400;
  background-color:#ea0100;
}
#section4 .inner-box .inner{
  padding:28px 25px;
  background-color:#fff;
}
#section4 .inner-box .pho{
  float:left;
  position:relative;
  width:222px;
}
#section4 .inner-box .pho p.cr{
  position:absolute;
  bottom:5px;
  right:5px;
  font-size:10px;
}
#section4 .inner-box .group{
  float:right;
  width:590px;
  color:#ea0100;
}
#section4 .inner-box .group p.name{
  margin-bottom:14px;
  font-size:20px;
  font-weight:bold;
}
#section4 .inner-box .group p.name span{
  margin-left:10px;
  font-size:12px;
  /*font-weight:normal;*/
}
#section4 .inner-box .group p.note{
  line-height:1.6;
  font-weight:bold;
}
#section4 .inner-box .group p.note a{
  color:#ea0100;
}

@media screen and (max-width:640px){
  #section4 .inner-box{
    width:560px;
  }
  #section4 .inner-box h3{
    font-size:28px;
  }
  #section4 .inner-box .inner{
    padding:20px;
  }
  #section4 .inner-box .pho{
    float:none;
    width:222px;
    margin:0 auto 30px;
  }
  #section4 .inner-box .pho p.cr{
    font-size:14px;
  }
  #section4 .inner-box .group{
    float:none;
    width:520px;
  }
  #section4 .inner-box .group p.name{
    margin-bottom:10px;
    font-size:28px;
  }
  #section4 .inner-box .group p.name span{
    font-size:18px;
  }
  #section4 .inner-box .group p.note{
    font-size:24px;
  }
}

/* snsボタン
--------------------------------------- */
.sns-box2{
  width:440px;
  margin:80px auto 0;
width:initia;width:auto;
text-align:center;
}
#section1 .sns-box .shtw{margin-right:8px;}
@media screen and (max-width:640px){
  .sns-box2{margin:40px auto 40px;}
}
/* 光沢のある滑らかな円形ボタン */
.share_btn{
  display: inline-block;
  text-decoration: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 23px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  transition: .3s;*/
  border:2px solid #fff;
}
.share_btn .fa{
  line-height: 50px;
}
/*.share_btn:hover{
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.28);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}*/
.shtw {
  color: #22b8ff;
  background-image: -webkit-linear-gradient(#aeecff 0%, #57c8ff 100%);
  background-image: linear-gradient(#aeecff 0%, #57c8ff 100%);
}
.shfb {
  color: #6183f3;
  background-image: -webkit-linear-gradient(#b5d3ff 0%, #6b8bff 100%);
  background-image: linear-gradient(#b5d3ff 0%, #6b8bff 100%);
}

/* 横長のフォローボタン */
.fl_tw2{
  color: #FFF;
  border-radius: 7px;
  display: inline-block;
  height: 50px;
  width: 190px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  vertical-align: middle;
  background: #1da1f3;
  overflow: hidden;
  text-decoration:none;
}
.fl_tw2{margin-right:40px;}

.fl_tw2 .fa-twitter {
    text-shadow: 2px 2px 0px #4287d6;
    font-size: 30px;
}

.fl_tw2 span {
  display:inline-block;
  transition: .5s}

.fl_tw2:hover span{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.fl_fb2 {
  color: #FFF;
  border-radius: 7px;
  display: inline-block;
  height: 50px;
  width: 190px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  vertical-align: middle;
  background: #4966a0;
  overflow: hidden;
  text-decoration:none;
}

.fl_fb2 .fa-facebook {
    text-shadow: 2px 2px 1px #224282;
    font-size: 30px;
}

.fl_fb2 span {
  display:inline-block;
  transition: .5s;
}

.fl_fb2:hover span{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/* 汎用
--------------------------------------- */
.disable{display:none;}
/* aline */
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.top{vertical-align:top !important;}
.middle{vertical-align:middle !important;}
.bottom{vertical-align:bottom !important;}
.img-left{text-align:left !important;}
.img-center{margin-left:auto;margin-right:auto;text-align:center;}
.img-right{text-align:right !important;}
/* font*/
.small{font-size:0.8em;}
.large{font-size:1.2em;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.underline{text-decoration:underline !important;}
.nowrap{white-space:nowrap;}
.break{word-wrap:break-word;white-space:normal;}
sup{font-size:0.7em;vertical-align:top;}
sub{font-size:0.7em;vertical-align:baseline;}
/* indent */
ul.indent5{padding-left:0.5em;text-indent:-0.5em;}
ul.indent8{padding-left:0.8em;text-indent:-0.8em;}
ul.indent10{padding-left:1.0em;text-indent:-1.0em;}
ul.indent12{padding-left:1.2em;text-indent:-1.2em;}
ul.indent15{padding-left:1.5em;text-indent:-1.5em;}
ul.indent18{padding-left:1.8em;text-indent:-1.8em;}
ul.indent20{padding-left:2.0em;text-indent:-2.0em;}
.ind8{text-indent:0.8em;}
.ind10{text-indent:1.0em;}
.ind12{text-indent:1.2em;}
.ind20{text-indent:2.0em;}
/* width */
.wTri{width:33%;}
.wQuart{width:24%}
.wHalf{width:49.9%}
.wWide{width:66%}
.wFull{width:96%}
.wMax{width:100%}
.w2per{width:2% !important;}
.w3per{width:3% !important;}
.w5per{width:5% !important;}
.w10per{width:10% !important;}
.w12per{width:12% !important;}
.w13per{width:13% !important;}
.w15per{width:15% !important;}
.w20per{width:20% !important;}
.w25per{width:25% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w45per{width:45% !important;}
.w50per{width:50% !important;}
.w55per{width:55% !important;}
.w60per{width:60% !important;}
.w65per{width:65% !important;}
.w70per{width:70% !important;}
.w75per{width:75% !important;}
.w80per{width:80% !important;}
.w85per{width:85% !important;}
.w90per{width:90% !important;}
.w95per{width:95% !important;}
.w1600{width:1600px;}
.w1480{width:1480px;}
.w1400{width:1400px;}
.w1200{width:1200px;}
.w1024{width:1024px;}
.w1000{width:1000px;}
.w980{width:980px;}
.w960{width:960px;}
.w950{width:950px;}
.w940{width:940px;}
.w800{width:800px;}
.w720{width:720px;}
.w640{width:640px;}
.w600{width:600px;}
.w580{width:580px;}
.w560{width:560px;}
.w540{width:540px;}
.w520{width:520px;}
.w500{width:500px;}
.w480{width:480px;}
.w420{width:420px;}
.w400{width:400px;}
.w380{width:380px;}
.w360{width:360px;}
.w340{width:340px;}
.w320{width:320px;}
.w310{width:310px;}
.w300{width:300px;}
.w290{width:290px;}
.w280{width:280px;}
.w260{width:260px;}
.w250{width:250px;}
.w240{width:240px;}
.w200{width:200px;}
.w190{width:190px;}
.w180{width:180px;}
.w160{width:160px;}
.w150{width:150px;}
.w100{width:100px;}
.w80{width:80px;}
.w75{width:75px;}
.w70{width:70px;}
.w60{width:60px;}
.w50{width:50px;}
/* margin */
.m0{margin:0 !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:30px !important;}
.mt50{margin-top:50px !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;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !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;}
.mb120{margin-bottom:120px !important;}
.mb140{margin-bottom:140px !important;}
.mb150{margin-bottom:150px !important;}
.mb160{margin-bottom:160px !important;}
.mb180{margin-bottom:180px !important;}
.ml0{margin-left:0 !important;}
.mr0{margin-right:0 !important;}
.ml1em{margin-left:1.0em !important;}
.ml2em{margin-left:2.0em !important;}
.ml3em{margin-left:3.0em !important;}
.mb1em{margin-bottom:1.0em !important;}
.mb2em{margin-bottom:2.0em !important;}
.mb3em{margin-bottom:3.0em !important;}
.auto{margin-left:auto;margin-right:auto;}
/* padding */
.p0{padding:0 !important;}
.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pr0{padding-right:0 !important;}
.pl0{padding-left:0 !important;}
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}
/* color */
p.white,span.white{color:#fff;}
p.black,span.black{color:#000;}
p.red,span.red{color:#ea0000;}
p.yellow,span.yellow{color:#ffe400;}
p.gray,span.gray{color:#d6d6d6;}
p.green,span.green{color:#46b311;}