/*--------------------------------------------------
 *リセット*
 -------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p,dd,dt,dl,
a, ul, li,figure, figcaption, footer, header, hgroup
{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

/*--------------------------------------------------
 *終了設定*
 -------------------------------------------------*/
 .pc_center {
   width: 90%;
   max-width: 1000px;
   margin: auto;
 /*  text-align: center;*/
   letter-spacing:0.1pt;
   text-align: justify;
 }

 .end_text{
   font-weight:bold;
   text-align:center;
   font-size:24px;
   margin: 6% 0 4%;
   color: #833e2d;
 }
 @media only screen and (max-width: 768px) {
   .end_text {
    font-size: 18px;
    margin: 6% 0 6%;
 }
}

/*--------------------------------------------------
 *共通設定*
 -------------------------------------------------*/
body .haruyokoi_cp {
  color: #6d1600;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.3;
}



/*-----------------------------------------------------------------
 clearfix
-----------------------------------------------------------------*/
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

.clearfix{

}

.colred{
  color:#e7416e;
  /*font-weight: bold;*/
}

.colgreen{
  color:#34ac37;
}

.can_kome{
  font-size: 12px;
    line-height: 1.4;
    padding: 3% 0 0;
    margin: 0 0 0 0;
    text-align: left;
    display: block;
}

.can_kome2{
  font-size: 13px;
  padding-top: 2%;
}



/*sp*/
@media only screen and (max-width: 768px) {
  .can_kome{
    font-size: 13px;
      line-height: 1.4;
      margin: 0 0 0 0;
      padding: 0 0;
      text-align: left;
  }
}

/*logomark*/
.navbar {
	padding: 5px 0;
	margin-bottom: 0;
	background-color: #fff;
	border: 0;
	border-radius: 0;
  overflow: hidden;
}

.navbar .navbar-brand {
  float: left;
	padding: 10px 15px;
}

.navbar .navbar-brand img {
	max-width: 110px;
}

@media only screen and (max-width: 768px) {
.navbar .navbar-brand { padding: 0 0 0 1%; }
}

/*------------------------ PCとSPで出し分ける-----------------------*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.bai_pc { display: block !important; }
.bai_sp { display: none !important; text-align: center;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.bai_pc { display: none !important; }
.bai_sp { display: block !important; }
}

/*PCだけ改行しない*/
.br-pc { display:none; }
/*spだけ改行しない*/
.br-sp { display:inline; }

/*spだけ改行しない*/
@media only screen and (max-width: 768px) {
.br-pc { display:inline; }
.br-sp { display:none; }
}

/*--------------------------------------------------
 *ヘッダ・フッタ*
 -------------------------------------------------*/
 /*-------------------フッター表示------------------------*/
 /*spから*/
 #sp_footer {display: inline;}
 #footer_tk {display: none;}

 #footer_pc_common {
 	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;
 }
 .footer_ltxt_n {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif !important;}

 /* pc　910px以上 */
 @media only screen and (min-width: 910px), print {
 #sp_footer {display: none;}
 #footer_tk {display: inline;}
 }
 /* pc　910px以上 end */
 /*-------------------フッター表示 end------------------------*/

/*--- メインビジュアル 20200301 ---*/
 #main-header {
 	width: 100%;
 	height: auto;
 	background-image: url("img/20new_bg.jpg");
   background-repeat: no-repeat;
  background-position: center top;
   background-size: cover;
   overflow: hidden;
 }

 #main-header h1 {
position: relative;
 margin: 0 auto;
 /* top: 56px; */
 padding: 5% 0 5%;
 display: block;
 /* height: 452px; */
 text-align: center;
 }

 #main-header h1 p{
   font-size: 21px;
   font-weight: bold;
   padding: 2% 4% 0 4%;
   text-shadow:0 0 2px #ffffff,0 0 5px #ffffff,0 0 10px #ffffff;

 }

 #main-header h1 img {
  /* display: block;*/
   width: 100%;
   max-width: 650px;
 }

#main-header .content-left{
    position: absolute;
    width: 80%;
    top:5%;
    left: 0;
    overflow: hidden;
  }

#main-header .img-macha_kiri{
    width: 100%;
    display: block;
    float: left;
  }

#main-header .img-macha_kiri img{
  display: block;
  width: 100%;
}

#main-header .content-right{
      position: absolute;
      margin-left: 15%;
      top:100px;
      right: 0;
      width: 50%;
    }

#main-header .content-right .img-10th-logo {
    	width: 27%;
    	max-width: 185px;
    	display: block;
    	position: absolute;
    	top: 7%;
    	right: 7%;
    }


#main-header .img-10th-logo img{
  width: 100%;
  display: block;
}


/*--- フォント調整 ---*/
.fontdai{
  font-size: 19px;
  font-weight: bold;
  vertical-align: middle;
}

/*--- 春よこいコーヒーセット ---------------------------------*/
.btm_cart{
  width: 100%;
  height: auto;
}

.btm_cart .haruyokoi {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto 3%;
  letter-spacing:0.1pt;
  background-image: url("img/20new_harukoi_bg.png");
  background-repeat: no-repeat;
  /*background-size: cover;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-position: center;
  text-align: left;
}

.btm_cart .haruyokoi .cantl{
  width: 38%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
  margin: 0 auto 0;
}

.btm_cart .haruyokoi .cantl2{
  width: 38%;
  height: auto;
  position: relative;
  padding: 0 0 0;
  margin: 0 auto 0;
}

.btm_cart .haruyokoi .cart_area .kakaku{
    margin: 0 0 0;
}

.btm_cart .set_area .txt_l{
  float: left;
  width: 50%;
}

.btm_cart .set_area  .txt_l .txt_naka{
  margin: 0% 5% 9% 12%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btm_cart .set_area  .txt_r .txt_naka{
  margin: -3% 10% 5% 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btm_cart .set_area .txt_r{
  float: right;
  width: 50%;
}

.btm_cart .haruyokoi a{text-decoration: underline;}
.btm_cart .haruyokoi a:hover{opacity: 0.5 ; }

@media only screen and (max-width: 768px) {

.btm_cart .set_area .txt_r{
  width: 100%;
}
}

.btm_cart img,.btm_cart .set_area .txt_r img,.btm_cart .kakaku img,.btm_cart .set_area .txt_l img,.btm_cart .haruyokoi .cantl img{
  width: 100%;
  padding:0 ;
}

.btm_cart .set_area .item_txt{
  margin: 0 ;
  padding: 0 0 0 0;
  font-size: 15px;
  line-height: 26px;
  text-align: left;
  text-align: justify;
}
.btm_cart .set_area .set_list{
  background-color: #f2e2e7;
  padding: 2% 2% 2% 2%;
  margin: 3% 0;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}

.btm_cart .cart_area .cart{
  padding: ;
}

.btm_cart .cart_area .cart .btn_l{
  float: left;
  width: 16%;
  margin: 3% 0 0 0;
}

.btm_cart .cart_area .cart .btn_r{
  float: right;
  width: 80%;
  padding: 0;
  margin: -3% 0 0;
}

.btm_cart .cart_area .txt_ｒ{
  float: right;
  width: 50%;
  padding: 0px 0px 0 0;
}

.btm_cart .kome{
  margin-left: 41px;
  font-size :12px;
  padding: 5px 0 16px;
}

.btm_cart .btn_dai{
  text-align: center;
}

/*-------------------買って当たる！----------------*/
.l-content {
    margin: 0 auto;
}

.camp-tables {
   max-width: 1002px;
   margin: 0 auto;
   text-align: center;
   padding: 0 0 3%;
}

.camp-tables .cantl{
  width: 100%;
  max-width: 1170px;
  margin: 5% auto 3%;
}

.camp-tables .cantl2{
  width: 100%;
  max-width: 1170px;
  margin: 3% auto 2%;
}

.camp-tables .canp{
  font-size: 18px;
  letter-spacing:1;
  margin: 0 auto 3%;
  width: 90%;
}


.camp-tables .cantl img,.camp-table img,.camp-table2 img,.camp-table3 img,.camp-tables .cantl2 img,.camp-tables .pointkoukan img{
  width: 100%;
}

.camp-table-list {
  font-size: 14px;
    margin: 0;
    padding: 0 5% 5%;
    text-align: left;
    text-align: justify;
}

/*-------------------end 買って当たる！----------------*/

/*-------------------賞----------------*/
.award{
  width: 100%;
  margin: 0 auto;
  background: url(img/pink_bg.png) repeat;
  /*background-size: 1172px 120px;*/
  background-position: center top;
  margin: 0 auto;
  padding: 3% 0 1%;
}


.camp-tables .camp-table2{
  padding: 0% 5% 0% 5%;
  overflow: hidden;
}

.camp-tables .pointkoukan{
  padding: 0% 5% 0% 5%;
  overflow: hidden;
}

.camp-tables .pointkoukan img{
  margin-bottom: -3%;
}

.camp-table-list2 {
    margin: 0;
    padding: 0 5% 0;
    text-align: left;
    text-align: justify;
}

/*-------------------end賞----------------*/

/*-------------------エントリー---------------*/
.entry{
  width: 100%;
  margin: 0 auto;
  background: url(img/green_bg.png) repeat;
  /*background-size: 1172px 120px;*/
  background-position: center top;
  margin: 0 auto;
  padding: 0 0 0;
}

.camp-tables .camp-table3{
  padding: 4% 2% 3%;
  margin: 1% 5% 5% 5%;
  overflow: hidden;
}

.camp-tables .camp-table3 .camp-table3naka1{
  width: 67%;
  float: left;
}

.camp-tables .camp-table3 .camp-table3naka2{
  width: 33%;
  float: left;
  position: relative;
}

.camp-tables .camp-table3 .camp-table3naka2 .logo{
  width: 60%;
float: right;
/* position: absolute; */
/* top: -5%; */
/* right: 0; */
display: block;
margin: -10% -3% 3% 0;
}

.camp-tables .camp-table3 .kakaku{
  width: 95%;
}

.catch{
  font-size: 15px;
  font-weight: bold;
  color: #e7416e;
  line-height: 1.3;
}

.shohin{
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 11%;
}

.shohin .fontdai2{
  font-size: 26px;
}

.bgw{
  background-color: #ffffff;
}

/*-------------------endエントリー----------------*/

/*-------------------森の頂きマルシェ---------------*/
.brooksmarche .sen{margin: 0 auto;}

/*-ココア-*/
.btm_cart2{
  max-width: 100%;
  /*height: 862px;*/
  padding: 0 0 0 0;
  background-color: #b1c97f;
}

.honwaka {
  /*-width: 90%;-*/
  max-width: 950px;
  width: 100%;
  /*margin: 0 auto 4%;*/
  text-align: left;
  letter-spacing:0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #ffffff;
}

.copy{
  max-width: 300px;
  width: 100%;
  position: absolute;
  top:-25px;
  left: -15px;
}

.copy img{
  width: 100%;
}

 .honwakaback2 {
  width: 100%;
  background: url(img/sencha_img.png) no-repeat;
  background-color: #ffffff;
  background-position: right top;
  margin: 0 auto 4%;
}

.honwakaback3 {
 width: 100%;
 background: url(img/can_img.png) no-repeat;
 background-color: #ffffff;
 background-position: right top;
 margin: 0 auto 4%;
}

.honwakaback4 {
 width: 100%;
 background: url(img/tea_img.png) no-repeat;
 background-color: #ffffff;
 background-position: right top;
 margin: 0 auto 0;
}

.honwaka_l{
  float: left;
  width: 40%;
  padding: 0 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.honwaka_r{
  float: right;
  width: 60%;
  position: relative;
  top:0px;
  right: 0px;
}

.honwaka_img{
  float: right;
  width: 50%;
  position: relative;
  top:0px;
  right: 0px;
}

.honwaka_r .hozai{
  width: 47%;
padding: 4% 0 1% 1%;
}

.honwaka_r .hozai2{
  width: 47%;
padding: 4% 0 1% 1%;
}

.honwaka img{
  width: 100%;
}

.honwaka_kakaku{
  width: 100%;
}

.honwaka .kakaku{
  width: 63.8%;
  padding: 0 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.honwaka .honwaka_btn{
  float: left;
  width: 36.2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

  .honwaka_kome {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 1% 1%;
  margin: 0;
  text-align: left;
  float: right;
}

.honwaka_kome2 {
font-size: 12px;
line-height: 1.5;
padding: 0 1% 1%;
margin: 0;
text-align: left;
float: left;
}

.honwaka_kome a{
  text-decoration: underline;
  color: #6d1600;
}

.honwaka_text {
    margin: 0;
    padding: 3% 0 0 0;
    font-size: 13px;
    line-height: 20px;
    text-align: left;}

.shohin .fontdai2{
      font-size: 25px;
    }

.camp-tables .camp-table3 .camp-table3naka2 .logo{
  width: 70%;
}

.camp-tables .camp-table3 .camp-table3naka1{
  width: ;
}
.camp-tables .camp-table3 .camp-table3naka2{
  width: ;
}

/*---------------------------------------
    概要
--------------------------------------*/
.haru_att{
  max-width: 950px;
  width: 100%;
  font-size: 13px;
  line-height: 1.6;
  border: 3px solid #e7416e;
  padding: 2%;
  margin: 4% auto;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}

.haru_att .atttl{
  font-size: 22px;
  font-weight: bold;
  color: #6d1600;
}


/*---------------------------------------
カートにいれる
--------------------------------------*/
input#crt_btn,button#crt_btn{
 margin: 2% auto 2%;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius:5px;
 border-radius:5px;
/* -webkit-box-shadow: 2px 2px 2px #333;
 box-shadow: 2px 2px 2px #333;*/
 font-size: 20px;
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
 line-height: 1.8;
 vertical-align:bottom;
 text-align: center;
 display:inline-block;
 cursor: pointer;
}

input.crt_btn_size{
 width: 100%;
 padding: 14px 0px;
 background-color: #34ac37;
 color: #fff;
 display:inline-block;
 border: 0;
}

button.crt_btn_size{
 width: 100%;
 padding: 14px 0px;
 margin-bottom: 1%;
 background-color: #ee95a3;
 color: #fff;
 display:inline-block;
 border: 0;
}

button.crt_btn_size2{
 width: 60%;
 padding: 14px 0px;
 margin: 0 auto 1%;
 background-color: #6d1600;
 color: #fff;
 display:inline-block;
 text-align: center;
 border: 0;
}

button.crt_btn_size3{
 width: 95%;
 padding: 12px 0px;
 margin: 0 1% 1% 0;
 background-color: #34ac37;
 color: #fff;
 display:inline-block;
 text-align: center;
 border: 0;
}

button.crt_btn_size4{
 width: 95%;
 padding: 10px 0px;
 margin: 0 1% 1% 0;
 background-color: rgba(255,255,255,0.2);
 color: #6d1600;
 display:inline-block;
 text-align: center;
 border: 2px solid #6d1600;
}


input#crt_btn:link,input#crt_btn:visited,input#crt_btn:hover,input#crt_btn:active,button#crt_btn:hover{
 opacity: 0.8 ; }

 .ouchi_btn{
  float: left;
  margin: 5% 0 0 0;
 }
 .ouchi_btn p{
  margin: 0; padding: 0;
  font-size: 13px; line-height: 1.5; color: #736357;
 }

 /*-----------------------------------------------------------------
カートにいれる
 -----------------------------------------------------------------*/

/*------------------------------------ ページTOPへ------------------------------------*/
#page-top_area {
    z-index: 9999;
    position: fixed;
    width: 100%;
    right: 0;
    bottom: 0;
    margin: 10px 0 0;
}

#page-top_naka {
    max-width: 1070px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    overflow: hidden;
}

#page-top {
    width: 38px;
    font-size: 12px;
    float: right;
    margin: 0 0 10px;
}

#page-top a {
    background-color: rgb(50,50,50);
    opacity: 0.3;
    text-decoration: none;
    color: #FFF;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}

/*--------------------------------------------------
 *メディアクエリ*
 -------------------------------------------------*/
@media only screen and (max-width: 768px) {

.btm_cart .set_area .txt_r{
  width: 100%;
}

img { max-width: 100%; height: auto;}

/*#main-header {
width: 100%;
 height: auto;
 background-image: url("img/20new_bg_sp.png");
 background-position: center top;
  background-size: contain;
}*/

#main-header h1 {
  position: relative;
   margin: 0 auto;
   /* top: 56px; */
   padding: 5% 0 5%;
   display: block;
   /* height: 452px; */
   text-align: center;
}

#main-header .content-right{
      position: absolute;
      margin-left: 15%;
      top:55px;
      right: 0;
      width: 50%;
    }

#main-header .content-right .img-10th-logo{
      width: 57%;
      top: 200px;
      right: 5px;
}

#main-header h1 p{
  text-align: left;
  font-size:0.5em;
}

#main-header .content-left{
  position: absolute;
    width: 110%;
    top: 82px;
    left: -25px;
    overflow: hidden;
}

/*--- 春よこいコーヒーセット ---------------------------------*/
.btm_cart .haruyokoi {
  background-image: url("img/20new_harukoi_bg_sp02.png");
  background-repeat: repeat-y;
  background-size: contain;
  background-position: center top;
  margin: 0;
}

.btm_cart .haruyokoi .cantl,.btm_cart .haruyokoi .cantl2{
  width: 100%;
  height: auto;
  padding:0;
  margin: 0;
}

/*--- かんたフェ冬のふんわり5種セット ---------------------------------*/
.btm_cart .set_area .item_tl{
  padding: 0;
}

.set_area{padding: 0 3%;}

.btm_cart1{padding: 0 0 5% 0;}

.btm_cart .set_area .txt_l{width: 100%;}

.btm_cart .set_area  .txt_l .txt_naka{
  margin: 0% 4% 6% 4%;}

.btm_cart .set_area .txt_r{width: 100%;}

.btm_cart .set_area  .txt_r .txt_naka{
  margin: -5% 4% 4% 4%;}

.btm_cart .cart_area{width: 100%;}

.btm_cart  .cart_area .kakaku,.btm_cart .set_area .item_txt,.btm_cart .set_area .set_list,.btm_cart .cart_area .cart,.btm_cart .set_area .set_list{
  padding: 1% 0;
}

.btm_cart .set_area .set_list{padding:3%; margin-bottom: 3%;}

button.crt_btn_size2{width: 90%;}

.btm_cart .btn_dai{margin: 3% 0;}
/*--- /かんたフェ冬のふんわり5種セットsp ---------------------------------*/
/*--- 買って当たるsp ---------------------------------*/
.camp-tables .cantl,.camp-tables .cantl2{margin: 0 auto 3%;}
.camp-tables .canp{text-align: left;font-size: 16px; text-align: justify;}

/*--- 賞sp ---------------------------------*/
.camp-tables .camp-table2,.camp-tables .pointkoukan{padding: 0 1%;}

.camp-tables .camp-table2 img,.camp-tables .pointkoukan img{padding-right: 3%}


/*--- ほんわか煎茶sp ------------------------------------------------------*/
.btm_cart .honwaka{
  width: 90%;
  margin-bottom: 10%;
  margin-top: 4%;
  padding: 1% 2% 3%;
}

.honwakaback2,.honwakaback3,.honwakaback4{
  background-image: none;
}

.honwaka_l,.honwaka_r{width: 100%;}

.honwaka_r .hozai,.honwaka_r .hozai2{
  width: 100%;
  margin: 0 auto;
  padding: 4% 0 4% 0;
  display: block;}

.honwaka .kakaku{
  width: 100%;
  padding: 2% 4%;}

.honwaka_kome{
  margin: 0 3%;
  padding: 0;
}

.honwaka_kome2 {
padding: 0 3% 0;}

.brooksmarche .sen{margin: -5% auto 5%; }

/*---------------------------------------
    概要
--------------------------------------*/
.haru_att{
  border: none;
  padding: 4%;
  margin: 0 auto 0;
}

/*--スマホ用カート--*/
.crt{
 vertical-align: bottom;
 text-align: left;
 padding: 0;
margin: 0px 5px 0px 0;
}

.crt p{
 text-align: left;
 padding: 0px 0px 5px 5px;
 margin: 0;
 font-size: 16px;
 line-height: 1.1;
 color: #333;
}

input#crt_btn{
 width: 100%;
 margin: 0;
 padding: 17px 5px;
 background-color: #34ac37;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 font-size: 17px;
 font-weight: normal !important;
 line-height: 1.3;
 vertical-align:bottom;
 text-align: center;
}

input#crt_btn:hover{
  opacity: 0.8;/*全般ブラウザ用50%*/
  filter: alpha(opacity=80);/*IE向け記述透明度50％*/
}

/*--アプリ用カートボタン--*/
a{
  text-decoration: none;
}

.btn_apl{
  -webkit-appearance: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 width: 100%;
 background: #34ac37;
 border: 0;
 font-size: 17px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
 font-weight: normal !important;
 line-height: 1.3;
 vertical-align: bottom;
 text-align: center;
 text-decoration: none;
 padding: 12px 0px;
margin: 0 1% 1% 0;
    color: #fff;
    display: inline-block;
    border: 0;
}

.btn_apl2{
  width: 93%;
  -webkit-appearance: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  margin: 1% 1%;
  padding: 12px 0px;
  background: #34ac37;
  border: 0;
  color: #fff;
    font-size: 17px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    line-height: 1.3;
    vertical-align: bottom;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}


.btn_apl3{
 margin: 0px 5% 10px 5%;
 padding: 15px 5px;
 background: #6d1600;
 border: 0;
 color: #fff;
 font-size: 17px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
 font-weight: normal !important;
 line-height: 1.3;
 vertical-align: bottom;
 text-align: center;
 text-decoration: none;
}



.btn_apl:hover{
  opacity: 0.8;/*全般ブラウザ用50%*/
 	filter: alpha(opacity=80);/*IE向け記述透明度50％*/
}

}