@charset "UTF-8";

/* reset
----------------------------------------------------*/

h1,h2,h3,h4,h5,h6,
p,
ul,ol,li,dl,dt,dd,
img,
form {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  font-weight: normal;
  border: 0;
  vertical-align: bottom;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  font-size: 75%; /* IE */
  font-family: sans-serif;
}

html>/**/body div#elStyle {
  font-size: 12px; /* Except IE */}

/* Clearfix */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-Mac */

/*----------------------------------------------------*/

#kanagawaArea {
  background: #004789;
  width: 1000px;
  margin: 0 auto;
}

#kanagawaAreaInner{
padding:0;
}

h2{
  margin: 0!important;
  padding: 0!important;
}

ul.caut {
  font-size:0.9em;
  text-align: left;
}

/* bentocake_s
----------------------------------------------------*/

.contentblock{
  padding: 50px 0 0;
  background-color: #004789;
}
.prizearea {
  margin: 0 50px;
  padding: 0 50px 50px;
  background: #ffffff;
}
.prizearea p {
  text-align: left;
  padding-top: 40px;
}
.media__note{
  margin: 0 50px;
  font-size: 11px;
  color: #ffffff;
}

.media__note li{
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

.media__note02{
  font-size: 11px;
  color: #ffffff;
}

.media__note02 li{
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

.productblock {
  margin: 50px 0 0;
}
.product__list{
  width: 914px;
  margin: 25px auto 0;
  overflow: hidden;
}

.product__list ul{
  display: block;
  float: left;
  margin-bottom: 30px;
}

.product__list ul:last-child{
  margin-bottom: 0;
}

.product__list ul li{
  /* width: 180px; */
  float: left;
  display: block;
  margin: 0 6px 6px;
}
.product__list ul li figure{
  margin: 0 0 3px;
}

.product__list ul li span,
.product__list ul li figcaption p {
  display: block;
  padding: 5px 0 0;
  color: #ffffff;
  font-size: 12px;
}
.product__list ul li figcaption p {
  height: 6.5em;
}

#retweet {
  padding-top: 50px;
  background: #004789;
}
.howtoblock{
  margin: 0 50px 50px;
  background: #ffffff;
}
.howto_inn {
  padding: 40px 50px;
}

.howto__text01{
  text-align: left;
}
.howto__text01 ul {
}
.howto__text01 ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.howto__text01 p {
  padding-left: 1em;
  text-indent: -1em;
}
/* .howto__text01{
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
} */

.howto__text02{
  font-size: 22px;
  font-weight: bold;
}

.howto__text__title{
  font-weight: bold;
  font-size: 20px;
}

.howtoblock .oubo__table{
  margin-bottom: 10px;
}

.howto__sample{
  margin: 10px 0 20px;
}

.hover_link_type{
  width: 900px;
  margin: 0 auto;
  background-color:#fff; /*背景に白を設定*/
  display:block;
}
.hover_link_rt{
  width: 900px;
  margin: 0 auto;
  display:block;
  background: url(../img/baystars_retweet_btn_wh.png) no-repeat;
}
.hover_link_back{
  width: 800px;
  margin: 0 auto;
  display:block;
  background: url(../img/baystars_back_btn_wh.png) no-repeat;
}

.hover_link_hover {
  transition: all 0.5s ease;
}
.hover_link_hover:hover{
  opacity: 0.5;
}

.oubo__block{
  padding: 0 50px 40px;
  font-size: 16px;
  text-align: left;
  color: #ffffff;
}
.oubo__block .summary th{
  width: 200px;
  font-weight: normal;
  vertical-align: top;
}

.label_alc {
  display: inline-block !important;
  border: 1px solid #ffffff;
  padding: 2px 5px !important;
  text-align: center;
  vertical-align: middle;
}

.product_sweets {
  width: 450px;
  display: inline-block;
  vertical-align: top;
}
.product_sweets span {
  display: block;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
}
.caution_alc {
  display: inline-block;
  vertical-align: top;
  text-align: right;
}
.yoyaku_flow {
  padding-left: 26px;
}

.tousen__block{
  padding: 0 50px 60px;
  font-size: 16px;
  text-align: left;
  color: #ffffff !important;
}
.tousen__block a {
  color: #ffffff !important;
}
.tousen__block a:visited, .tousen__block a:focus, .tousen__block a:active, .tousen__block a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}
.bnr {
  background: #fff;
  text-align: center;
}
.bnr a {
  display: block;
  padding: 15px 0;
}

/* 
----------------------------------------------------*/

.fs14{
  font-size: 14px;
}

.clr,
.clr img {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.img_cnt {
  text-align: center !important;
}
.img_cnt img {
  margin: 0 auto;
}

.ov:hover img {
  opacity:0.80;
  filter:alpha(opacity=80);
}

.dsb {
  display: block !important;
}

.flt {
  float: left !important;
}
.frt {
  float: right !important;
}

.txt_list li {
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: 1px;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* margin */
.mar_t0 {
  margin-top: 0 !important;
}
.mar_t5 {
  margin-top: 5px !important;
}
.mar_t10 {
  margin-top: 10px !important;
}
.mar_t15 {
  margin-top: 15px !important;
}
.mar_t20 {
  margin-top: 20px !important;
}
.mar_t25 {
  margin-top: 25px !important;
}
.mar_t30 {
  margin-top: 30px !important;
}
.mar_t35 {
  margin-top: 35px !important;
}
.mar_t40 {
  margin-top: 40px !important;
}
.mar_t45 {
  margin-top: 45px !important;
}
.mar_t50 {
  margin-top: 50px !important;
}

.mar_b0 {
  margin-bottom: 0 !important;
}
.mar_b5 {
  margin-bottom: 5px !important;
}
.mar_b10 {
  margin-bottom: 10px !important;
}
.mar_b15 {
  margin-bottom: 15px !important;
}
.mar_b20 {
  margin-bottom: 20px !important;
}
.mar_b25 {
  margin-bottom: 25px !important;
}
.mar_b30 {
  margin-bottom: 30px !important;
}
.mar_b35 {
  margin-bottom: 35px !important;
}
.mar_b40 {
  margin-bottom: 40px !important;
}
.mar_b45 {
  margin-bottom: 45px !important;
}
.mar_b50 {
  margin-bottom: 50px !important;
}
.mar_b70 {
  margin-bottom: 70px !important;
}
.mar_b80 {
  margin-bottom: 80px !important;
}

.mar_l0 {
  margin-left: 0 !important;
}
.mar_l5 {
  margin-left: 5px !important;
}
.mar_l10 {
  margin-left: 10px !important;
}
.mar_l15 {
  margin-left: 15px !important;
}
.mar_l20 {
  margin-left: 20px !important;
}
.mar_l25 {
  margin-left: 25px !important;
}
.mar_l30 {
  margin-left: 30px !important;
}
.mar_l35 {
  margin-left: 35px !important;
}
.mar_l40 {
  margin-left: 40px !important;
}
.mar_l45 {
  margin-left: 45px !important;
}
.mar_l50 {
  margin-left: 50px !important;
}
.mar_l60 {
  margin-left: 60px !important;
}
.mar_l70 {
  margin-left: 70px !important;
}
.mar_l80 {
  margin-left: 80px !important;
}
.mar_l90 {
  margin-left: 90px !important;
}
.mar_l100 {
  margin-left: 100px !important;
}

.mar_r0 {
  margin-right: 0 !important;
}
.mar_r5 {
  margin-right: 5px !important;
}
.mar_r10 {
  margin-right: 10px !important;
}
.mar_r15 {
  margin-right: 15px !important;
}
.mar_r20 {
  margin-right: 20px !important;
}
.mar_r25 {
  margin-right: 25px !important;
}
.mar_r30 {
  margin-right: 30px !important;
}
.mar_r35 {
  margin-right: 35px !important;
}
.mar_r40 {
  margin-right: 40px !important;
}
.mar_r45 {
  margin-right: 45px !important;
}
.mar_r50 {
  margin-right: 50px !important;
}

.t_left {
  text-align: left !important;
}
.t_center {
  text-align: center !important;
}
.t_right {
  text-align: right !important;
}

.t_white {
  color: #fff !important;
}
.t_red {
  color: #ff0000 !important;
}

.t_bold { font-weight: bold !important; }
.t_normal { font-weight: normal !important; }

.t_xsml { font-size: 66.7%; }
.t_sml {  font-size: 83.3%; }
.t_lrg {  font-size: 116.7%;  }
.t_xlrg { font-size: 133.3%;  }


.lh12 {   line-height: 1.2 !important;  }
.lh15 {   line-height: 1.5 !important;  }