@charset "UTF-8";
/* CSS Document */

* { font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important; }

#FS2_body_Member,#FS2_layout_body,.user_content, .FS2_contents_container,.bodycolor {
  background:#fff;
  border-radius:0;
}

#FS2_layout_body{
  width:100%;
}

.FS2_Utility2_container{
  margin-bottom:10%;
}

.pan {
  display:none;
}



#read {
  width: 40%;
  height:auto;
  margin:5% 2% 0 0;
  float:left;
}
#read img{
  width: 100%;
  height:auto;
}


#cart {
  width: 28%;
  height:auto;
  margin:7% 0 0;
  float:left;
}
#cart img{
  width: 100%;
  height:auto;
}




#postage {
  width: 100%;
  height:auto;
  margin-bottom:10%;
  clear:both;
  display:inline-block;
}

#postage img{
  width: 44%;
  height:auto;
  margin:0 3%;
  float:left;
}



*/
/*end header*/



/*トップページ*/

#content1 {
  width: 94%;
  height:auto;
  text-align: center;
  margin:0 3% 10%;
  padding:0;
  clear:both;
  background:#fff;
}
#content1 a img{
  width: 100%;
  height:auto;
  margin-bottom:2%;
}



#content2 {
  width: 94%;
  height:auto;
  text-align: center;
  margin:0 3% 10%;
  padding:0;
  clear:both;
  background:#fff;
}
#content2 a img{
  width: 100%;
  height:auto;
  margin-bottom:2%;
}



#cat {
  width: 94%;
  height:auto;
  margin:0 3% 10%;
  padding:0;
  clear:both;
  background:#fff;
}

.cat_t{
  width: 48%;
  height:auto;
  margin-rignt:52%;
  text-align: left;
}
.cat_box {
  width: 100%;
  height:auto;
  text-align: center;
  margin:0;
  padding:0;
  clear:both;
  display:table;
}
.cat_box a img {
  width: 49%;
  height:auto;
  margin:0;
  padding:0;
  float:left;
  border:1px solid #5C3D2A;
  border-collapse:collapse;
  display:table-cell;
}
#cat2 {
  width: 100%;
  height:auto;
  margin-bottom:5%;
  padding:0;
  clear:both;
}
.cat_box2 {
  width: 100%;
  height:auto;
  text-align: center;
  margin:0;
  padding:0;
  clear:both;
  display:table;
}
.cat_box2 a img {
  width: 49%;
  height:auto;
  margin:0;
  padding:0;
  float:left;
  display:table-cell;
}


.tel {
  width: 94%;
  height:auto;
  text-align: center;
  margin:0 3% 10%;
  padding:0;
  clear:both;
  background:#fff;
}
.tel a img {
  width: 100%;
  margin:0;
  padding:0;
}



.content3 {
  width: 94%;
  height:auto;
  text-align: center;
  margin:0 3% 2%;
  padding:0;
  clear:both;
  background:#fff;
}
.content3 a img {
  width: 48%;
  height:auto;
  margin:0 1% 2%;
  padding:0;
  float:left;
}
#blog {
  width: 92%;
  height:auto;
  text-align: center;
  margin:0 4% 10%;
  padding:0;
  clear:both;
}
#blog a img {
  width: 100%;
  margin:0;
  padding:0;
}



/*end トップページ*/


/*下層共通*/

#container {
  width: 94%;
  height:auto;
  text-align: left;
  margin:0 3% 10%;
  padding:0;
  clear:both;
  font-size:15px;
  line-height:2.0em;
  color:#666;
  font-family:"メイリオ", Meiryo, Osaka, "小塚ゴシック Pr6N M", "ヒラギノ角ゴ ProN W3";
  background:#fff;
}

#container img {
  width: 100%;
  height:auto;
  margin-bottom:5%;
  padding:0;
}

#container a {
  color:#666;
  border-bottom:1px #666 solid;
}

#container h2 img {
  width: 100%;
  height:auto;
  margin:0;
  padding:0;
}

#c_title img {
  width: 100%;
  height:auto;
  margin-bottom:10%;
  padding:0;
}

.cc_title img {
  width: 100%;
  height:auto;
  margin:20% 0 10%;
  padding:0;
}



/*end　下層共通*/


/*世嬉の一酒造とは*/

#name img {
  width: 80%;
  height:auto;
  text-align:right;
  margin:8% 0 0 20%;
  padding:0;
}

/*end　世嬉の一酒造とは*/


/*いわて蔵ビールとは*/

.beer_flow {
  width: 100%;
  height:auto;
  margin-bottom:10%;
  padding:0;
  clear:both;
  display:inline-block;
}
.beer_flow_l {
  width: 25%;
  height:auto;
  margin-right:5%;
  padding:0;
  float:left;
}
.beer_flow_l img {
  width: 100%;
  height:auto;
  margin:0;
  padding:0;
}
.beer_flow_r {
  width: 70%;
  height:auto;
  margin:0;
  padding:0;
  float:left;
}
.beer_flow_r h3 {
  font-size:20px;
  margin-bottom:3%;
  padding:0;
  color:#5C3D2A;
}


/*end　世嬉の一酒造とは*/


/*受賞歴*/

.winning_b {
  width: 100%;
  height:auto;
  margin-bottom:10%;
  padding:0;
  clear:both;
  display:inline-block;
}
.winning_b_l {
  width: 30%;
  height:auto;
  margin-right:5%;
  padding:0;
  float:left;
}
.winning_b_l img {
  width: 100%;
  height:auto;
  margin:0;
  padding:0;
}
.winning_b_r {
  width: 65%;
  height:auto;
  margin:0;
  padding:0;
  float:left;
}
.winning_b_rr {
  margin-top:5%;
  padding:0;
  color:#B11E23;
}


/*end　受賞歴*/


/*運営会社概要*/

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}
table th,
table tr {
  border-bottom: 1px dotted #666;
  vertical-align: middle;
  text-align: left;
  padding:5% 0;
}
table th {
  padding-right:5%;
}


/*end　運営会社概要*/


/*よくあるご質問*/

.qanda {
  width: 100%;
  height:auto;
  margin-bottom:10%;
  padding-bottom:10%;
  clear:both;
  border-bottom:1px dotted #5B3C2A;
}

.qa {
  width: 100%;
  height:auto;
  margin-bottom:2%;
  padding:0;
  clear:both;
  display:inline-block;
}
.qa_r {
  width: 10%;
  height:auto;
  margin-right:5%;
  padding:0;
  float:left;
}
.qa_r img{
  width: 100%;
  height:auto;
  margin:0;
  padding:0;
}
.qa_l {
  width: 85%;
  height:auto;
  margin:0;
  padding:0;
  float:left;
}

/*end　よくあるご質問*/


/*ご利用ガイド*/

.line {
  width: 100%;
  height:auto;
  padding-bottom:10%;
  clear:both;
  border-bottom:1px dotted #5B3C2A;
}
.rr {
  margin:0;
  padding:0;
  color:#B11E23;
}
.rr2 {
  margin:0;
  padding:0;
  color:#B11E23;
  font-size:18px;
}


/*end ご利用ガイド*/


#copyright {
  width: 100%;
  height:auto;
  text-align:center;
  padding:1% 0;
  background:#fff;
  font-size:10px;
}


/*end footer*/


.clear {
  clear:both;
}
#FS2_SystemNav{
  display:none;
}

.order_box02{
width:100%;
font-size:100%;
    background-color: #06F;
    padding:10px 0;
    color:#fff;
    text-align:center;
    margin-top:5%;
}
.order_box02 a{
    color:#fff;
}