@charset "Shift_JIS";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(/sun_common/en/fonts/css/fonts.css);

/* ------------------------------------------------------------------------
 body > #suntory_contents
------------------------------------------------------------------------ */
#suntory_contents {
  padding: 10px 0 10px;
  background: #f6f5ed url(/btc/customer/img2012/bg.gif) repeat-x 0 0;
  font-family: Arial, Helvetica, sans-serif;
}
header.sbfinc #logo a,
#spmenu.sbfinc .menu a,
#spmenu.sbfinc .menu span {
  vertical-align: bottom;
}
#spmenu.sbfinc .menu li {
  line-height: 1.1rem;
}
ul.er_msg {
  border:3px double #ff0000;
  padding:15px;
  text-align:center;
  color:#ff0000;
  font-weight:bold;
  font-size:83%;
  margin:5px 0 15px 0;
}

#suntory_contents.sbf a:link {
  color: #0066aa;
  text-decoration: underline;
}
#suntory_contents.sbf a:visited {
  color: #0088dd;
}
#suntory_contents.sbf a:hover,
#suntory_contents.sbf a:active {
  color: #2288aa;
}

@media screen and (max-width: 767px) {
  #suntory_contents {
    padding: 0;
    background: none;
  }

  #suntory_contents a {
    font-family: Arial, Helvetica, sans-serif !important;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container
------------------------------------------------------------------------ */
#container {
  width: 920px;
  padding: 20px;
}

#container h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 39px;
  background: url(/btc/customer/inquiry/global/img/tl_inquiry_global.gif);
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  #container {
    width: auto;
    padding: 0;
  }

  #container h1 {
    text-indent: 0px;
    white-space: normal;
    height: auto;
    text-align: left;
    color: #fff;
    background: #73d1e9;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#73d1e9), color-stop(100%,#3ab6d6));
    background: -webkit-linear-gradient(-45deg, #73d1e9 0%,#3ab6d6 100%);
    background: linear-gradient(135deg, #73d1e9 0%,#3ab6d6 100%);
    padding: 8px 10px;
    font-weight: bold;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #breadcrumbs
------------------------------------------------------------------------ */
#breadcrumbs {
  font-size: 14px;
  margin-bottom: 5px;
}
.sbf #breadcrumbs {
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  #breadcrumbs {
    padding: 10px 5px 0;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #ir_contact
------------------------------------------------------------------------ */
#ir_contact {
  font-size: 11.5px;
  margin-bottom: 10px;
  text-align: right;
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents_bg
------------------------------------------------------------------------ */
#contents_bg {
  background: url(/btc/customer/img2012/formContents_bg.gif);
}

@media screen and (max-width: 767px) {
  #contents_bg {
    background: none;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents
------------------------------------------------------------------------ */
#contents {
  width: auto;
  margin: 0;
  padding: 0 60px;
}

#suntory_contents a:link {
  color: #56BAD5;
  text-decoration: none;
}

#suntory_contents a:visited {
  color: #579ab9;
}

#suntory_contents a:hover,
#suntory_contents a:active {
  color: #56BAD5;
  text-decoration: underline;
}

#conpany {
  font-size: 80%;
  line-height: 140%;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #contents {
    padding: 0 0 5px 0;
  }

  #conpany {
    padding: 0 15px;
    margin-bottom: 20px;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents_bottom
------------------------------------------------------------------------ */
#contents_bottom {
  height: 10px;
  background: url(/btc/customer/img2012/formContents_ft.gif);
}

@media screen and (max-width: 767px) {
  #contents_bottom {
    display: none;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents > #notes
------------------------------------------------------------------------ */
#notes {
  padding-top: 15px;
  font-size: 90%;
}

#contents #notes .mt1em {
  margin-top: 1em;
}

#contents #notes .mt2em {
  margin-top: 2em;
}

@media screen and (max-width: 767px) {
  #notes {
    padding-top: 10px;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents > form
------------------------------------------------------------------------ */
#suntory_contents .box h2,
#suntory_contents #kantan,
#suntory_contents #form_area div.mm_read {
  border-color: #cccccc;
  background-color: #f6f5ed;
}

#suntory_contents .box .cnt,
#suntory_contents #form_area div.cnt,
#suntory_contents #form_area div.cnt_wrap h2.h2_1st,
#suntory_contents #form_area div.cnt_wrap div.cnt_1st,
#suntory_contents #kantanriyou .cnt {
  border-color: #cccccc;
}

#suntory_contents #form_area div.cnt.cnt_1st p.er_msg_point {
  padding: 4px 0 0 0;
}

#suntory_contents .box .cnt ul.inline {
  padding-bottom: 3px;
}

@media screen and (max-width: 767px) {
  #suntory_contents #form_area h2,
  #suntory_contents #form_area h2.h2_1st {
    background-color: #f6f5ed;
  }

  #suntory_contents #form_area div.cnt_wrap h2.h2_1st {
    border: none;
  }

  #suntory_contents #form_area div.cnt_wrap h2.h2_err {
    border: solid 2px #f00;
    background-color: #ff99cc;
  }
}

/* ------------------------------------------------------------------------
�@body > #suntory_contents > #container > #contents > form > #submit_box
------------------------------------------------------------------------ */

#suntory_contents #submit_box a:link,
#suntory_contents #submit_box a:visited {
  background-image: url(/btc/CP201305/img/submit_btn19_bg.gif);
}

#suntory_contents #submit_box a.confirm:link,
#suntory_contents #submit_box a.confirm:visited {
  background-image: url(/btc/CP201305/img/submit_btn20_bg.gif);
}

#suntory_contents #submit_box a.back_img:link,
#suntory_contents #submit_box a.back_img:visited {
  background-image: url(/btc/CP201305/img/submit_back2_bg.gif);
}

@media screen and (max-width: 767px) {
  #suntory_contents #submit_box a:link,
  #suntory_contents #submit_box a:visited,
  #suntory_contents #submit_box a.confirm:link,
  #suntory_contents #submit_box a.confirm:visited {
  display: block;
  width: auto;
  height: auto;
  margin: 0 15px;
  padding: 10px 0;
  background-image: none;
  background-color: #C00;
  text-indent: 0;
  border-radius: 10px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #ffb76b;
  background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d),  color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
  background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
  background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
  background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
  background: linear-gradient(to bottom, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffb76b', endColorstr='#ffff7f04'  ,GradientType=0 );
  }

  #suntory_contents #submit_box a.back_css:link,
  #suntory_contents #submit_box a.back_css:visited,
  #suntory_contents #submit_box a.back_img:link,
  #suntory_contents #submit_box a.back_img:visited {
    position: static;
    width: auto;
    display: block;
    height: auto;
    margin: 10px 15px 0 15px;
    padding: 10px 0;
    background-image: none;
    background-color: #C00;
    text-indent: 0;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #666;
    background: -moz-linear-gradient(top, #aaa 0%, #999 50%, #666 51%, #888 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(50%,#999), color-   stop(51%,#666), color-stop(100%,#888));
    background: -webkit-linear-gradient(top, #aaa 0%,#999 50%,#666 51%,#888 100%);
    background: -o-linear-gradient(top, #aaa 0%,#999 50%,#666 51%,#888 100%);
    background: -ms-linear-gradient(top, #aaa 0%,#999 50%,#666 51%,#888 100%);
    background: linear-gradient(to bottom, #aaa 0%,#999 50%,#666 51%,#888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaaaaaa', endColorstr='#ff888888'    ,GradientType=0 );
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents > formkakunin
------------------------------------------------------------------------ */
#formkakunin p {
  padding-top: 15px;
  font-size: 90%;
}

@media screen and (max-width: 767px) {
  #formkakunin p {
    padding-top: 0;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #contents > formthanks
------------------------------------------------------------------------ */
#formthanks h2 {
  color: #000;
  padding-top: 10px;
}

#formthanks .brand_top a,
#formthanks .campetc a {
  background-image: url("/btc/CP201305/img/yj2.gif");
}

#formthanks .last {
  margin-bottom: 0;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #formthanks .last {
    padding-bottom: 0;
  }
}

/* ------------------------------------------------------------------------
 body > #suntory_contents > #container > #footer
------------------------------------------------------------------------ */
#footer {
  margin-top: 20px;
  text-align: right;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  #footer {
    margin-top: 0;
    padding: 10px 5px;
    border-top: 2px solid #E3E0DB;
  }
}



header.sbfinc span,
header.sbfinc a,
#spmenu.sbfinc span,
#spmenu.sbfinc a,
footer.sbfinc span,
footer.sbfinc a,
#totop.sbfinc span,
#totop.sbfinc a {
  font-family: 'suntory syntax', 'Noto Sans Japanese', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif !important;
}