@charset "UTF-8";
.btn-type-link-01 {
  font-size: 12px;
  font-size: 1.2;
  display: inline-block;
  margin: 0 auto;
  padding: 6px 18px 7px 15px;
  text-decoration: none;
  color: #333;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  background: #f9f6f5;
  box-shadow: 1px 2px #e6e6e6;
}
.btn-type-link-01:hover,
.btn-type-link-01:active {
  background: #ffe6e6;
}
.btn-type-link-01 span {
  position: relative;
  padding-left: 21px;
  display: inline-block;
}
.btn-type-link-01.glyph-m-pager-next span {
  padding: 0 21px 0 0;
}
.btn-type-link-01 span:before {
  top: 0;
  left: 0;
}
.btn-type-link-01.glyph-m-pager-next span:before {
  right: 0;
  left: auto;
}
.col .btn-type-link-01 {
  display: block;
} 
.btn-type-base {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 110px;
  margin: 0 auto;
  padding: 8px 24px 8px 20px;
  color: #333;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  background: #f8f8f8 no-repeat 15px center;
  background: no-repeat 15px center, -moz-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, -ms-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, -o-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
  background: no-repeat 15px center, -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, linear-gradient(to bottom, #fff, #f0f0f0);
}
.btn-type-base span {
  position: relative;
  padding-left: 22px;
}
.btn-type-normal {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  min-width: 178px;
  margin: 0 auto;
  font-weight: bold;
  padding: 8px 24px 8px 15px;
  border-radius: 5px;
  box-shadow: 1px 2px #b3b2b2;
  text-decoration: none !important;
  color: #333;
  border: 1px solid #b6b6b6;
  background: #f8f8f8 no-repeat 15px center;
  background: no-repeat 15px center, -moz-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, -ms-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, -o-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
  background: no-repeat 15px center, -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: no-repeat 15px center, linear-gradient(to bottom, #fff, #f0f0f0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-type-normal:hover,
.btn-type-normal:active {
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #ffe6e6, #ffe6e6);
  background: -ms-linear-gradient(top, #ffe6e6, #ffe6e6);
  background: -o-linear-gradient(top, #ffe6e6, #ffe6e6);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffe6e6), to(#ffe6e6));
  background: -webkit-linear-gradient(top, #ffe6e6, #ffe6e6);
  background: linear-gradient(to bottom, #ffe6e6, #ffe6e6);
}
.btn-type-normal > span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 2em !important;
}
.btn-type-normal.glyph-none {
  text-align: center;
  padding: 8px 24px 8px;  
}
.btn-type-normal.glyph-none span {
  padding-left: 0 !important;
}


/*
btn color
*/

.btn-c-green {
  color: #fff;
  border: 1px solid #028d01;
  background: #4aa614;
  background:    -moz-linear-gradient(top, #4aa614, #028d01);
  background:     -ms-linear-gradient(top, #4aa614, #028d01);
  background:      -o-linear-gradient(top, #4aa614, #028d01);
  background: -webkit-gradient(linear, center top, center bottom, from(#4aa614), to(#028d01));
  background: -webkit-linear-gradient(top, #4aa614, #028d01);
  background:         linear-gradient(to bottom, #4aa614, #028d01);
}
.btn-c-green:hover,
.btn-c-green:active {
  border: 1px solid #028d01;
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #6acf2f, #1cb01a);
  background: -ms-linear-gradient(top, #6acf2f, #1cb01a);
  background: -o-linear-gradient(top, #6acf2f, #1cb01a);
  background: -webkit-gradient(linear, center top, center bottom, from(#6acf2f), to(#1cb01a));
  background: -webkit-linear-gradient(top, #6acf2f, #1cb01a);
  background: linear-gradient(to bottom, #6acf2f, #1cb01a);
}
.btn-c-orange {
  color: #fff;
  border: 1px solid #cc6e3f;
  background: #ff9b00;
  background:    -moz-linear-gradient(top, #ff9b00, #ff5c00);
  background:     -ms-linear-gradient(top, #ff9b00, #ff5c00);
  background:      -o-linear-gradient(top, #ff9b00, #ff5c00);
  background: -webkit-gradient(linear, center top, center bottom, from(#ff9b00), to(#ff5c00));
  background: -webkit-linear-gradient(top, #ff9b00, #ff5c00);
  background:         linear-gradient(to bottom, #ff9b00, #ff5c00);
  box-shadow: 1px 2px #b3b2b2;
}
.btn-c-orange:hover,
.btn-c-orange:active {
  border: 1px solid #cc6e3f;
  background: #ffbc1d;
  background:    -moz-linear-gradient(top, #ffbc1d, #ff8501);
  background:     -ms-linear-gradient(top, #ffbc1d, #ff8501);
  background:      -o-linear-gradient(top, #ffbc1d, #ff8501);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffbc1d), to(#ff8501));
  background: -webkit-linear-gradient(top, #ffbc1d, #ff8501);
  background:         linear-gradient(to bottom, #ffbc1d, #ff8501);
}
.btn-c-red {
  color: #fff;
  border: 1px solid #900;
  background: #c60d0d;
  background:    -moz-linear-gradient(top, #e92c2c, #c60d0d);
  background:     -ms-linear-gradient(top, #e92c2c, #c60d0d);
  background:      -o-linear-gradient(top, #e92c2c, #c60d0d);
  background: -webkit-gradient(linear, center top, center bottom, from(#e92c2c), to(#c60d0d));
  background: -webkit-linear-gradient(top, #e92c2c, #c60d0d);
  background:         linear-gradient(to bottom, #e92c2c, #c60d0d);
}
.btn-c-red:hover,
.btn-c-red:active {
  border: 1px solid #cf3b3b;
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #fe5858, #f62d2d);
  background: -ms-linear-gradient(top, #fe5858, #f62d2d);
  background: -o-linear-gradient(top, #fe5858, #f62d2d);
  background: -webkit-gradient(linear, center top, center bottom, from(#fe5858), to(#f62d2d));
  background: -webkit-linear-gradient(top, #fe5858, #f62d2d);
  background: linear-gradient(to bottom, #fe5858, #f62d2d);
}
.btn-c-green span,
.btn-c-orange span,
.btn-c-red span {
  color: #fff;
}
.btn-c-green span:before,
.btn-c-orange span:before,
.btn-c-red span:before {
  color: #fff !important;
}
/*
btn size
*/
.btn-type-normal.btn-s-middle,
.btn-type-normal.btn-s-small,
.btn-type-normal.btn-s-msmall {
  min-width: 80px;
}
.btn-type-normal.btn-s-small,
.btn-type-normal.btn-s-msmall {
  font-weight: normal;
}
.btn-s-middle {
  padding: 8px 24px 8px 42px;
}
.btn-s-msmall {
  font-size: 12px;
  font-size: 1.2;
  padding: 2px 4px 2px 2px;
}
.btn-s-small {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 4px 16px 4px 4px;
}
.btn-s-msmall span {
  padding-left: 22px !important;
}
.btn-s-small span {
  padding-left: 18px;
}
.btn-s-msmall.glyph-none {
  padding: 2px 8px 2px 8px;
}
.btn-s-small.glyph-none {
  padding: 4px 8px 4px 8px;
}
.btn-s-msmall.glyph-none span,
.btn-s-small.glyph-none span{
  padding: 0;
}
/*
btn wide
*/
.btn-w-middle {
  width: 222px;
}
/*
btn icon
*/
.glyph-m-arrow-triangle-right span {
  position: relative;
}
.btn-c-normal.glyph-none {
  padding-left: 24px;
}
.btn-c-normal.glyph-none:before {
  display: none;
}

@media screen and (max-width: 767px) {
  .btn-w-middle {
    max-width: 100%;
  }  
}


/*btn-type-split*/
.btn-type-split {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 110px;
  margin: 0 auto;
  padding: 0 0 0 46px;
  border-radius: 5px;
  box-shadow: 1px 2px #b3b2b2;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f1f1f1, #e4e4e4);
  background: -ms-linear-gradient(top, #f1f1f1, #e4e4e4);
  background: -o-linear-gradient(top, #f1f1f1, #e4e4e4);
  background: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#e4e4e4));
  background: -webkit-linear-gradient(top, #f1f1f1, #e4e4e4);
  background: linear-gradient(to bottom, #f1f1f1, #e4e4e4);
}
.btn-type-split > span {
  position: static !important;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  min-width: 110px;
  margin: 0 auto;
  padding: 8px !important;
  text-align: center;
  text-decoration: none;
  color: #333;
  border-radius: 0 5px 5px 0/0 5px 5px 0;
  border-left: 1px solid #ccc;
  border-radius: 0 5px 5px 0/0 5px 5px 0;
  background: #f0f0f0 no-repeat 15px center;
  background:    -moz-linear-gradient(top, #fff, #f0f0f0);
  background:     -ms-linear-gradient(top, #fff, #f0f0f0);
  background:      -o-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background:         linear-gradient(to bottom, #fff, #f0f0f0);
}
.btn-type-split:hover, .btn-type-split:active {
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #fdcfcf, #fdcfcf);
  background: -ms-linear-gradient(top, #fdcfcf, #fdcfcf);
  background: -o-linear-gradient(top, #fdcfcf, #fdcfcf);
  background: -webkit-gradient(linear, center top, center bottom, from(#fdcfcf), to(#fdcfcf));
  background: -webkit-linear-gradient(top, #fdcfcf, #fdcfcf);
  background: linear-gradient(to bottom, #fdcfcf, #fdcfcf);
}
.btn-type-split:hover span, .btn-type-split:active span {
  background:    -moz-linear-gradient(top, #ffe6e6, #ffe6e6);
  background:     -ms-linear-gradient(top, #ffe6e6, #ffe6e6);
  background:      -o-linear-gradient(top, #ffe6e6, #ffe6e6);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffe6e6), to(#ffe6e6));
  background: -webkit-linear-gradient(top, #ffe6e6, #ffe6e6);
  background:         linear-gradient(to bottom, #ffe6e6, #ffe6e6);
}
.btn-type-split > .text-line-narrow {
  line-height: 1.1;
}
.btn-type-split.btn-c-green > span,
.btn-type-split.btn-c-orange > span,
.btn-type-split.btn-c-red > span {
  border-left: none;
  color: #fff;
}

.btn-type-split.btn-c-green {
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #a00a0a, #bc2424);
  background: -ms-linear-gradient(top, #a00a0a, #bc2424);
  background: -o-linear-gradient(top, #a00a0a, #bc2424);
  background: -webkit-gradient(linear, center top, center bottom, from(#a00a0a), to(#bc2424));
  background: -webkit-linear-gradient(top, #a00a0a, #bc2424);
  background: linear-gradient(to bottom, #a00a0a, #bc2424);
}
.btn-type-split.btn-c-green > span {
  background: #f0f0f0 url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0;
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-moz-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-ms-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-o-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-webkit-gradient(linear, center top, center bottom, from(#e92c2c), to(#c60d0d));
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-webkit-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,linear-gradient(to bottom, #e92c2c, #c60d0d);
}
.btn-type-split.btn-c-green:hover, .btn-type-split.btn-c-green:active {
  border: 1px solid #028d01;
  background: #679722;
  background: -moz-linear-gradient(top, #679722, #1b8013);
  background: -ms-linear-gradient(top, #679722, #1b8013);
  background: -o-linear-gradient(top, #679722, #1b8013);
  background: -webkit-gradient(linear, center top, center bottom, from(#679722), to(#1b8013));
  background: -webkit-linear-gradient(top, #679722, #1b8013);
  background: linear-gradient(to bottom, #679722, #1b8013);
}
.btn-type-split.btn-c-green:hover span, .btn-type-split.btn-c-green:active span {
  background: #f0f0f0 url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0;
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0, -moz-linear-gradient(top, #6acf2f, #1cb01a);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0, -ms-linear-gradient(top, #6acf2f, #1cb01a);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0, -o-linear-gradient(top, #6acf2f, #1cb01a);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0, -webkit-gradient(linear, center top, center bottom, from(#6acf2f), to(#1cb01a));
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0, -webkit-linear-gradient(top, #6acf2f, #1cb01a);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0, linear-gradient(to bottom, #6acf2f, #1cb01a);
}
.btn-type-split.btn-c-orange {
  border: 1px solid #cc6e3f;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f67100, #f64300);
  background: -ms-linear-gradient(top, #f67100, #f64300);
  background: -o-linear-gradient(top, #f67100, #f64300);
  background: -webkit-gradient(linear, center top, center bottom, from(#f67100), to(#f64300));
  background: -webkit-linear-gradient(top, #f67100, #f64300);
  background: linear-gradient(to bottom, #f67100, #f64300);
  box-shadow: 1px 2px #b3b2b2;
}
.btn-type-split.btn-c-orange > span {
  background: #f0f0f0 url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0;
  background: url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-moz-linear-gradient(top, #ff9b00, #ff5c00);
  background: url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-ms-linear-gradient(top, #ff9b00, #ff5c00);
  background: url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-o-linear-gradient(top, #ff9b00, #ff5c00);
  background: url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-webkit-gradient(linear, center top, center bottom, from(#ff9b00), to(#ff5c00));
  background: url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-webkit-linear-gradient(top, #ff9b00, #ff5c00);
  background: url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,linear-gradient(to bottom, #ff9b00, #ff5c00);
}
.btn-type-split.btn-c-orange:hover, .btn-type-split.btn-c-orange:active {
  border: 1px solid #cc6e3f;
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #f68915, #f66101);
  background: -ms-linear-gradient(top, #f68915, #f66101);
  background: -o-linear-gradient(top, #f68915, #f66101);
  background: -webkit-gradient(linear, center top, center bottom, from(#f68915), to(#f66101));
  background: -webkit-linear-gradient(top, #f68915, #f66101);
  background: linear-gradient(to bottom, #f68915, #f66101);
}
.btn-type-split.btn-c-orange:hover span, .btn-type-split.btn-c-orange:active span {
  background: #f0f0f0 url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0;
  background:  url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-moz-linear-gradient(top, #ffbc1d, #ff8501);
  background:  url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-ms-linear-gradient(top, #ffbc1d, #ff8501);
  background:  url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-o-linear-gradient(top, #ffbc1d, #ff8501);
  background:  url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-webkit-gradient(linear, center top, center bottom, from(#ffbc1d), to(#ff8501));
  background:  url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,-webkit-linear-gradient(top, #ffbc1d, #ff8501);
  background:  url(/cpn_cmn/images/button_yellow_gutter.png) repeat-y 0 0,linear-gradient(to bottom, #ffbc1d, #ff8501);
}
.btn-type-split.btn-c-green {
  border: 1px solid #028d01;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #47790f, #026701);
  background: -ms-linear-gradient(top, #47790f, #026701);
  background: -o-linear-gradient(top, #47790f, #026701);
  background: -webkit-gradient(linear, center top, center bottom, from(#47790f), to(#026701));
  background: -webkit-linear-gradient(top, #47790f, #026701);
  background: linear-gradient(to bottom, #47790f, #026701);
}
.btn-type-split.btn-c-green > span {
  background: #f0f0f0 url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0;
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-moz-linear-gradient(top, #4aa614, #028d01);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-ms-linear-gradient(top, #4aa614, #028d01);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-o-linear-gradient(top, #4aa614, #028d01);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-webkit-gradient(linear, center top, center bottom, from(#4aa614), to(#028d01));
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,-webkit-linear-gradient(top, #4aa614, #028d01);
  background: url(/cpn_cmn/images/button_green_gutter.png) repeat-y 0 0,linear-gradient(to bottom, #4aa614, #028d01);
}
.btn-type-split.btn-c-red {
  border: 1px solid #900;
  border-radius: 5px;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #a00a0a, #bc2424);
  background: -ms-linear-gradient(top, #a00a0a, #bc2424);
  background: -o-linear-gradient(top, #a00a0a, #bc2424);
  background: -webkit-gradient(linear, center top, center bottom, from(#a00a0a), to(#bc2424));
  background: -webkit-linear-gradient(top, #a00a0a, #bc2424);
  background: linear-gradient(to bottom, #a00a0a, #bc2424);
}
.btn-type-split.btn-c-red > span {
  background: #f0f0f0 url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0;
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0,-moz-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0,-ms-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0,-o-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0,-webkit-gradient(linear, center top, center bottom, from(#e92c2c), to(#c60d0d));
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0,-webkit-linear-gradient(top, #e92c2c, #c60d0d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0,linear-gradient(to bottom, #e92c2c, #c60d0d);
}
.btn-type-split.btn-c-red:hover, .btn-type-split.btn-c-red:active {
  border: 1px solid #cf3b3b;
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #d64949, #d64a4a);
  background: -ms-linear-gradient(top, #d64949, #d64a4a);
  background: -o-linear-gradient(top, #d64949, #d64a4a);
  background: -webkit-gradient(linear, center top, center bottom, from(#d64949), to(#d64a4a));
  background: -webkit-linear-gradient(top, #d64949, #d64a4a);
  background: linear-gradient(to bottom, #d64949, #d64a4a);
}
.btn-type-split.btn-c-red:hover span, .btn-type-split.btn-c-red:active span {
  background: #f0f0f0 url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0;
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0, -moz-linear-gradient(top, #fe5858, #f62d2d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0, -ms-linear-gradient(top, #fe5858, #f62d2d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0, -o-linear-gradient(top, #fe5858, #f62d2d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0, -webkit-gradient(linear, center top, center bottom, from(#fe5858), to(#f62d2d));
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0, -webkit-linear-gradient(top, #fe5858, #f62d2d);
  background: url(/cpn_cmn/images/button_red_gutter.png) repeat-y 0 0, linear-gradient(to bottom, #fe5858, #f62d2d);
}
.btn-type-split > span:before {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -0.5em;
  line-height: 1;
  font-size: 1.5em;
  text-align: center;
}
.btn-type-split.btn-w-middle {
  width: auto;
  display: table-cell;
}
.btn-type-split.btn-w-middle > span {
  display: table-cell;
  width: 200px;
  height: 40px;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .btn-type-split.sp-btn-w-full {
    width: 100% !important;
    display: table !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .btn-type-split.sp-btn-w-full > span {
    width: auto !important;
    display: table-cell;
  }
}
/*
type-color
*/
.btn-type-color {

  display: block;
  text-align: center;
  background-color: #ccc;
}
.btn-type-color > span {
  position: relative;
  font-weight: bold;
  display: inline-block;
  margin: 0 auto;
  padding: 8px 24px 8px 31px !important;
  text-align: center;
}
.btn-type-color:hover {
  background-color: #e5e5e5;
}
.btn-type-color:hover span {
  text-decoration: underline;
}

/*
type-box01
*/
.btn-type-box-01 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  padding: 8px 16px 8px 2px;
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(to bottom, #fff, #f0f0f0);
}
.btn-type-box-01:hover,
.btn-type-box-01:active {
  background: #ffe6e6;
  background: -moz-linear-gradient(top, #fff, #f8f8f8);
  background: -ms-linear-gradient(top, #fff, #f8f8f8);
  background: -o-linear-gradient(top, #fff, #f8f8f8);
  background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f8f8f8));
  background: -webkit-linear-gradient(top, #fff, #f8f8f8);
  background: linear-gradient(to bottom, #fff, #f8f8f8);
}
.btn-type-box-01 span {
  position: relative;
  padding-left: 30px !important;
}
/*
type-box02
*/
.btn-type-box-02 {
  font-size: 12px;
  font-size: 1.2;
  display: inline-block;
  padding: 8px 16px 8px 0;
  border: 1px solid #ccc;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(to bottom, #fff, #f0f0f0);
}
.btn-type-box-02 span {
  display: inline-block;
  position: relative;
  padding-left: 30px !important;
}
.btn-type-box-02:hover,
.btn-type-box-02:active {
  text-decoration: none;
  color: #fff;
  background: #1e6eb4;
}
/*
btn-type-close
*/
.btn-type-close {
  display: inline-block;
  margin: 0 auto;
  padding: 8px 3px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #333;
}
.btn-type-close span {
  color: #fff;
}
.btn-type-close:hover {
  text-decoration: none;
  color: #fff;
  background-color: #6f6f6f;
}
/*
sp-btn-type-base(pc no btn)
*/
.sp-btn-type-base {
  padding-left: 0;
}
.sp-btn-type-base span{
  position: relative;
}
@media screen and (max-width: 767px) {
  .sp-btn-type-base {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    min-width: 110px;
    margin: 0 auto;
    padding: 8px 24px 8px 20px;
    color: #333;
    border: 1px solid #b6b6b6;
    border-radius: 5px;
    background: #f8f8f8 no-repeat 15px center;
    background: no-repeat 15px center, -moz-linear-gradient(top, #fff, #f0f0f0);
    background: no-repeat 15px center, -ms-linear-gradient(top, #fff, #f0f0f0);
    background: no-repeat 15px center, -o-linear-gradient(top, #fff, #f0f0f0);
    background: no-repeat 15px center, -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f0f0f0));
    background: no-repeat 15px center, -webkit-linear-gradient(top, #fff, #f0f0f0);
    background: no-repeat 15px center, linear-gradient(to bottom, #fff, #f0f0f0); 
  }
  .sp-btn-type-base span {
    padding-left: 1.4em;
  }
}