@charset "utf-8";
/*===========main area===========---*/
#territory_1 {
  padding: 0 10px;
}
.main,
.main2 {
  margin: 0 0 10px 0;
  background: #fff;
}
.m-header {
  position: relative;
  padding: 7px 10px;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 1px solid #e1d8c2;
  z-index: 1500;
  background: #fff;
}
.m-header + .title02 {
  margin-top: 0;
}
.footernaviarea {
  margin: 10px 0 0 0;
  padding: 15px 0;
  border-top: 1px solid #e1d8c2;
}
.footernaviarea > :first-child {
  margin-top: 0;
}
.footernaviarea > p {
  margin-top: 10px;
  text-align: center;
}
.footernaviarea > p.b2_23 a {
  width: 150px;
  margin: 0 auto;
}
/*===========button==========---*/
p.b1_full,
p.b1_full2,
p.b1_full_disabled,
p.b1_23,
p.b2_full,
p.b2_half,
p.b2_23 {
  margin-top: 10px;
}
p.b1_full.float_r,
p.b1_full2.float_r,
p.b2_full.float_r,
p.b1_full.float_l,
p.b1_full2.float_l,
p.b2_full.float_l {
  float: none;
  width: auto;
  margin: 10px 0 0 0;
}
p.b1_full a,
p.b1_full2 a,
p.b1_full_disabled a,
p.b1_full_disabled.is-active a,
p.b1_23 a {
  display: block;
  padding: 14px 0 13px 0;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
p.b2_full a,
p.b1_half a,
p.b2_half a,
p.b2_23 a,
.footernaviarea p.b2_23 a,
p.b5 a {
  display: block;
  padding: 14px 0 13px 0;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
p.b1_full a,
p.b1_full2 a {
  color: #fff;
  background-color: #ff9756;
  background-image: -webkit-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -moz-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -o-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -ms-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: linear-gradient(to bottom, #ff9756 0%, #ee7023 100%);
  border: 1px solid #da5400;
  border-bottom: 3px solid #da5400;
}
p.b1_full_disabled a {
  padding: 15px 0 14px 0;
  pointer-events: none;
  color: #bfb290;
  background: #f5ecda;
  border: 1px solid #bfb290;
}
p.b1_full_disabled.is-active a {
  color: #fff;
  background-color: #ff9756;
  background-image: -webkit-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -moz-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -o-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -ms-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: linear-gradient(to bottom, #ff9756 0%, #ee7023 100%);
  border: 1px solid #da5400;
  border-bottom: 3px solid #da5400;
}
p.b2_full a {
  color: #4f281c;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f1e6 100%);
  border: 1px solid #bfb290;
  border-bottom: 3px solid #bfb290;
}
p.b1_half a {
  color: #fff;
  background-color: #ff9756;
  background-image: -webkit-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -moz-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -o-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -ms-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: linear-gradient(to bottom, #ff9756 0%, #ee7023 100%);
  border: 1px solid #da5400;
  border-bottom: 3px solid #da5400;
}
p.b2_half a {
  color: #4f281c;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f1e6 100%);
  border: 1px solid #bfb290;
  border-bottom: 3px solid #bfb290;
}
p.b1_23 a {
  color: #fff;
  background-color: #ff9756;
  background-image: -webkit-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -moz-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -o-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: -ms-linear-gradient(top, #ff9756 0%, #ee7023 100%);
  background-image: linear-gradient(to bottom, #ff9756 0%, #ee7023 100%);
  border: 1px solid #da5400;
  border-bottom: 3px solid #da5400;
}
p.b2_23 a {
  color: #4f281c;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f1e6 100%);
  border: 1px solid #bfb290;
  border-bottom: 3px solid #bfb290;
}
.footernaviarea p.b2_23 a {
  padding: 8px 0 7px 0;
}
.clearfix {
  *zoom: 1;
  margin-left: -6px;
}
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
}
.clearfix > p.b2_half.float_l a {
  margin-left: 6px;
}
.clearfix > p.b1_half.float_l a {
  margin-left: 6px;
}
.b3_list,
.b4_list {
  margin-top: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.b3_list > ul,
.b4_list > ul {
  border-top: 1px solid #e1d8c2;
}
.b3_list > ul > :first-child,
.b4_list > ul > :first-child {
  margin-top: 0;
}
.b3_list > ul > li,
.b4_list > ul > li {
  border-bottom: 1px solid #e1d8c2;
}
.b3_list > ul > li > a,
.b4_list > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 22px 10px 10px;
  background: #f7f4eb;
}
.b3_list > ul > li > a:after,
.b4_list > ul > li > a:after {
  position: absolute;
  content: '';
  display: block;
  width: 6px;
  height: 9px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -24px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  margin-top: -4px;
  right: 8px;
  top: 50%;
  overflow: hidden;
}
.b3_list > br,
.b4_list > br {
  display: none;
}
.b3_list + .b3_list,
.b4_list + .b3_list {
  margin-top: 0;
}
.b3_list + .b3_list > ul,
.b4_list + .b3_list > ul {
  border-top: none;
}
p.b5 a {
  color: #4f281c;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f1e6 100%);
  border: 1px solid #bfb290;
  border-bottom: 3px solid #bfb290;
}
p.b6_back {
  margin: 0;
}
p.b6_back a {
  width: 80px;
  height: 37px;
  padding: 0 0 3px 0;
  line-height: 47px;
  text-decoration: none;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #451a0e;
  background: url("../images/b_back_n.png") no-repeat;
  -webkit-background-size: 60px 33px;
  -moz-background-size: 60px 33px;
  background-size: 60px 33px;
  overflow: hidden;
}
/* b4 / b7 / b8  is nothing */
/*===========title==========---*/
.title01,
.title02 {
  padding: 19px 10px;
  margin-left: -10px;
  margin-right: -10px;
  background: #e1d8c2;
  font-size: 114%;
  font-weight: bold;
  margin-bottom: 15px;
}
.title03,
.title05,
.title07,
.title08 {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px 10px 5px 23px;
  background: #4f281c;
  color: #fff;
  font-weight: bold;
}
.title03:after,
.title05:after,
.title07:after,
.title08:after {
  position: absolute;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -16px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  left: 10px;
  top: 12.5px;
  overflow: hidden;
}
.title04 {
  margin: 15px 0 10px 0;
  display: block;
  position: relative;
  padding: 7px 7px 7px 15px;
  border-top: 3px solid #f79a05;
  border-bottom: 1px solid #e1d8c2;
  font-weight: bold;
  background: #fff;
}
.title04:after {
  position: absolute;
  content: '';
  width: 3px;
  height: 15px;
  top: 25%;
  left: 6px;
  display: inline-block;
  background: #ffe100;
}
.title06 {
  margin: 10px 0 0 0;
  padding: 5px 10px;
  background: #f79a05;
  color: #fff;
  font-weight: bold;
  font-size: 85%;
}
/*===========line==========---*/
p.line1,
p.line2 {
  margin: 10px 0;
  padding: 0;
  height: 0px;
  overflow: hidden;
}
p.line1 {
  border-top: 1px solid #e0d8c1;
}
p.line2 {
  border-top: 1px dashed #e0d8c1;
}
/*===========banner==========---*/
p.t_point_s {
  display: block;
  width: 300px;
  height: 40px;
  padding: 0;
  margin: 20px auto;
  background: url("/smart/images/t_point_s.png") no-repeat 0 0;
  -webkit-background-size: 300px 40px;
  -moz-background-size: 300px 40px;
  background-size: 300px 40px;
}
/*===========text==========---*/
p.text01 {
  margin: 10px 0 0 0;
}
p.text02 {
  position: relative;
  margin: 10px 0 0 0;
  padding-left: 1.3em;
}
p.text02:after {
  position: absolute;
  display: block;
  content: '●';
  color: #ec6d1e;
  top: 0;
  left: 0;
  width: 1.3em;
  height: 1.3em;
  overflow: hidden;
}
p.text03 {
  margin-top: 0;
  padding: 0 0 0 35px;
}
.tx_box01 {
  margin: 10px 0 0 0;
  padding: 0;
}
p.attention {
  position: relative;
  padding-left: 26px;
  padding-top: 1px;
  color: #e60012;
  font-size: 85%;
  display: block;
  font-weight: bold;
}
p.attention:after {
  position: absolute;
  content: '';
  display: block;
  width: 22px;
  height: 20px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -49px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.title02 + p.attention {
  margin: 10px 0 0 0;
}
.cap {
  margin: 10px 0 0 0;
  padding: 0;
}
.cap .icon {
  float: left;
  margin-top: 0;
}
.cap .text {
  display: block;
  overflow: hidden;
}
/*===========logo==========---*/
p.icon_vtime {
  width: 18px;
  height: 17px;
  padding: 0 0 3px 0;
  line-height: 47px;
  text-decoration: none;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #451a0e;
  background: url("../images/icon_vtime.png") no-repeat;
/*\*/
  overflow: hidden;
/**/
}
/*===========top shop choice==========---*/
/*===========top topics==========---*/
/*===========breadcrumb list==========---*/
/*===========post code serch==========---*/
/*===========50on list==========---*/
/*===========town list==========---*/
/*===========shop choice==========---*/
/*
.shop {margin:10px 5px; padding:9px; border:#acacac solid 1px;}
.shop .shopname {margin:0 0 10px 0; padding:0;}
.shop .shopname img {margin:0 5px 0 0; float:left;}
.shop .shopname p {margin:0; padding:10px 0 5px 0;}
.shop table {margin-bottom:10px;}
.shop table th p {padding:0 8px; line-height:22px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#f04d1d; color:#FFF; font-weight:normal;}
.shop table td {padding:5px 0 5px 10px;}
.shop table span {font-size:16px; font-weight:bold; color:#ff1414;}
*/
.shopname2 {
  display: table;
  margin: 10px 0 0 0;
}
.shopname2 img,
.shopname2 p {
  display: table-cell;
  vertical-align: middle;
}
.shopname2 img {
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px;
}
.shopname2 p {
  font-weight: bold;
}
.shopinfo {
  margin: 10px 0 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.shopinfo th,
.shopinfo td {
  width: 50%;
  border-top: 7px solid #fff;
}
.shopinfo th > :first-child,
.shopinfo td > :first-child {
  margin-top: 0;
}
.shopinfo tr:nth-child(1) th,
.shopinfo tr:nth-child(1) td {
  border-top: none;
}
.shopinfo th p {
  background: #f0f0f0;
  padding: 10px;
}
.shopinfo th {
  background: #f0f0f0;
  vertical-align: middle;
}
.shopinfo td {
  padding: 5px 10px;
  vertical-align: middle;
}
.shopinfo span {
  font-weight: bold;
  font-size: 128%;
  color: #ec6d1e;
}
#t_price {
  margin: 10px 0 0 0;
  padding: 0;
}
#t_price > :first-child {
  margin-top: 0;
}
#t_price .timebox {
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #e0d8c1;
  display: table;
  width: 100%;
}
#t_price > :first-child {
  margin-top: 7px;
  border-top: 1px dashed #e0d8c1;
}
#t_price .timebox .box1,
#t_price .timebox .box2,
#t_price .timebox .box3 {
  display: table-cell;
  vertical-align: baseline;
  padding: 7px 0;
}
#t_price .timebox .box2 {
  width: 50%;
}
#t_price .timebox .box3 {
  text-align: left;
}
#t_price .timebox .box1 {
  width: 26px;
}
#t_price .timebox .box1 > img {
  width: 21px !important;
  height: 18px !important;
  vertical-align: baseline;
  position: relative;
  top: 3px;
}
#t_price .timebox .box3 {
  font-weight: bold;
}
.price_cap {
  margin: 0;
}
.price_cap .icon {
  float: left;
  width: 16px;
  padding-right: 10px;
}
.price_cap .icon > img {
  width: 21px !important;
  height: 18px !important;
  vertical-align: baseline;
  position: relative;
  top: 3px;
}
.price_cap .text {
  display: block;
  overflow: hidden;
}
/*===========food list==========---*/
/*===========order list==========---*/
.order {
  margin: 10px 0 0 0;
  padding: 0;
  border-top: 1px solid #e1d8c2;
}
.order > :first-child {
  margin-top: 0;
}
.order .total + p.line1 + br {
  display: block;
}
.order br + br {
  display: block;
}
.order .list {
  margin: 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e1d8c2;
}
.order .list .order_n {
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
}
.order .list .order_o {
  margin: 10px 0 0 0;
  padding: 0;
}
.order .list table {
  border-collapse: collapse;
  margin-top: 10px;
  width: 100%;
}
.order .list table th,
.order .list table td {
  width: 50%;
  padding: 0 2px;
  text-align: right;
}
.order .list table .fnormal {
  font-weight: normal;
}
.order .list table .stotal {
  font-weight: bold;
  font-size: 114%;
  color: #e60012;
}
.order .total {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
}
.order .total > :first-child {
  margin-top: 0;
}
.order .list + .total {
  margin-top: 0;
  padding-bottom: 0;
}
.order .total table {
  border-collapse: collapse;
  margin-top: 10px;
  width: 100%;
}
.order .total table th,
.order .total table td {
  width: 50%;
  padding: 0 2px;
  text-align: right;
}
.order .total table .bg_red1 {
  background: #ffebd6;
  padding: 2px;
}
.order .total table .bg_red2 {
  background: #ffebd6;
  border-bottom: none;
  padding: 2px;
  font-size: 114%;
}
.order .total table .fnormal {
  font-weight: normal;
}
.order .total table th[style="border-bottom:#c53221 solid 1px;"],
.order .total table td[style="border-bottom:#c53221 solid 1px;"] {
  border-bottom: 1px solid #e1d8c2 !important;
  padding-bottom: 5px;
}
.order .total table td[style="text-align:center;"] {
  padding-top: 10px;
}
.order2 .total > :first-child {
  margin-top: 0;
}
.order2 .total table {
  border-collapse: collapse;
  margin-top: 10px;
  width: 100%;
}
.order2 .total table .bg_red2 {
  background: #ffebd6;
}
.order2 .total table th,
.order2 .total table td {
  width: 50%;
  padding: 5px 2px;
  text-align: right;
}
.order2 .total table .fnormal {
  font-weight: normal;
}
.order2 .total input {
  font-size: 16px !important;
}
.order .biko {
  margin: 10px 0 0 0;
}
.order .biko textarea {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/*===========order list==========---*/
.option {
  margin: 10px 0 0 0;
}
.option .image {
  text-align: center;
}
.option .price,
.option .c_quantity {
  text-align: right;
}
/*===========order record==========---*/
.order_record {
  margin: 10px 0 0 0;
  pading: 0 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
  border-top: 1px dashed #e1d8c2;
}
.order_record > :first-child {
  margin-top: 0;
}
.order_record table {
  width: 100%;
}
.order_record th,
.order_record td {
  width: 50%;
  border-top: 2px solid #fff;
}
.order_record th > :first-child,
.order_record td > :first-child {
  margin-top: 0;
}
.order_record th {
  background: #f0f0f0;
  vertical-align: middle;
}
.order_record td {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.order_record th p {
  background: #f0f0f0;
  padding: 10px;
}
.order_record span {
  color: #e60012;
}
/*===========checkbox radio==========---*/
.checkbox,
.checkbox2 {
  margin: 10px 0 0 0;
}
.checkbox input,
.checkbox2 input {
  margin-right: 5px;
}
/*===========member entry==========---*/
.m_entry {
  margin: 10px 0 0 0;
  padding: 0;
}
.m_entry > p {
  margin-bottom: 0;
}
.m_entry span {
  color: #f00;
}
.m_entry p.titile {
  color: #ed6d1e;
  font-weight: bold;
}
.m_entry .s_info {
  color: #4e281d;
}
.m_entry .left10 {
  margin-left: 0;
}
.m_entry .birthday {
  color: #4e281d;
}
.m_entry .birthday > :first-child {
  margin-top: 0;
}
.m_entry .birthday select {
  margin-top: 10px;
}
.m_entry .birthday select[name="Date"] {
  margin-top: 0;
}
.birthday br {
  display: none !important;
}
.m_entry .birthday .yyyy {
  width: 91px;
}
.m_entry .birthday .md {
  width: 76px;
}
.m_entry .list {
  margin-bottom: 0;
}
.m_entry .confirm {
  text-align: center;
}
.m_entry .confirm .red {
  color: #e60012;
}
.entry_id {
  font-size: 114%;
  color: #e60012;
}
.m_entry .inquiry {
  width: 100%;
  height: auto;
  padding: 6px;
}
.m_entry .input1 input,
.m_entry .input2 input,
.m_entry .input3 input,
.m_entry .input4 input,
.m_entry .input5 input {
  width: 100%;
  padding: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c1b69c;
}
/*===========log-in & delivery choice==========---*/
.bg_orage {
  margin: 10px 0 0 0;
  padding: 10px;
  background: #f1f1f1;
}
.bg_orage > :first-child {
  margin-top: 0;
}
/*===========topics==========---*/
.topics {
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 1px solid #e1d8c2;
}
.topics > p {
  margin-top: 0;
}
.topics > p > a {
  position: relative;
  display: block;
  padding: 10px 22px 10px 10px;
  background: #f7f4eb;
}
.topics > p > a:after {
  position: absolute;
  content: '';
  display: block;
  width: 6px;
  height: 9px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -24px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  margin-top: -4px;
  right: 8px;
  top: 50%;
  overflow: hidden;
}
.title02 + .topics {
  border-top: 1px solid #e1d8c2;
}
/*===========agreement==========---*/
.agreement {
  margin-top: 10px;
  padding: 0;
}
.agreement .no,
.agreement .no2 {
  float: left;
}
.agreement .text {
  display: block;
  overflow: hidden;
  width: auto !important;
}
/*===========footer navi===========---*/
#pagenavi {
  margin: 30px 0 0 0;
  padding: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}
#pagenavi:after {
  display: none;
}
#pagenavi .backnext {
  margin: 0;
  padding: 0;
  width: 60px;
  float: left;
}
#pagenavi .backnext > a {
  display: block;
}
#pagenavi .backnext img {
  width: 60px;
  height: 33px;
}
#pagenavi .backnext:nth-child(1) {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
#pagenavi .backnext:nth-child(3) {
  display: table-cell;
  vertical-align: middle;
  float: none;
  text-align: right;
}
#pagenavi form {
  display: table-cell;
  vertical-align: middle;
  float: none;
  text-align: center;
}
#pagenavi form > .pchoice {
  display: inline-block;
  float: none;
  margin: 0 auto;
}
#pagenavi .pchoice,
#pagenavi .pchoice2 {
  float: left;
  height: 33px;
  margin: 0;
  padding: 0;
  line-height: 33px;
  text-align: center;
}
#pagenavi .backnext:nth-child(1) + .pchoice2 {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
#pagenavi2 {
  margin: 30px 0 0 0;
  padding: 0;
}
#pagenavi2 .back {
  width: 60px;
  float: left;
}
#pagenavi2 .back > a {
  display: block;
}
#pagenavi2 .back > a > img {
  width: 60px;
  height: 33px;
}
#pagenavi2 .pagetop {
  width: 60px;
  float: right;
}
#pagenavi2 .pagetop > a {
  display: block;
}
#pagenavi2 .pagetop > a > img {
  width: 60px;
  height: 33px;
}
/*===========top footer navi===========---*/
/*===========footer===========---*/
.footer01 {
  position: relative;
  padding: 20px 10px;
  margin-left: -10px;
  margin-right: -10px;
  background: #ec6d1e;
  text-align: center;
  font-size: 78%;
  color: #fff;
  font-family: "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.footer01 > :first-child {
  margin-top: 0;
}
.footer01 a {
  color: #fff;
}
/*===========mail===========---*/
/*===========accordion==========---*/
.m-accordion {
  margin-top: 10px;
  padding: 0;
  font-size: 85%;
}
.m-accordion > :first-child {
  margin-top: 0;
}
.m-accordion__ttl {
  display: block;
  padding: 8px 0 7px 0;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  color: #4f281c;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f1e6 100%);
  border: 1px solid #bfb290;
  border-bottom: 3px solid #bfb290;
}
.m-accordion__ttl .m-accordion__btn-ico {
  display: inline-block;
  width: 9px;
  height: 6px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
}
.m-accordion__ttl.is-active .m-accordion__btn-ico {
  display: inline-block;
  width: 9px;
  height: 6px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -8px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
}
.m-accordion__inr {
  padding: 10px 0 0 0;
}
.m-accordion__inr > :first-child {
  margin-top: 0;
}
.m-accordion__btn-tbl {
  display: table;
  margin: 0 auto;
}
.m-accordion__btn-txt,
.m-accordion__btn-arrw {
  display: table-cell;
  vertical-align: middle;
}
.m-accordion__btn-arrw {
  padding-left: 8px;
}
/*===========accordion__btn under link list==========---*/
.m-list-cntr {
  margin-top: 10px;
}
.m-list-cntr > ul {
  text-align: center;
}
.m-list-cntr > ul > :first-child {
  margin-top: 0;
}
.m-list-cntr > ul > li {
  margin-top: 3px;
}
/*===========site tracking==========---*/
.m-sitetrac {
  overflow: hidden;
  height: 0;
  display: block;
}
/*===========how to==========---*/
.howto_acd_itm__ttl-inr {
  display: block;
  padding: 13px 27px 14px 13px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
}
.howto_arrow {
  text-align: center;
  margin: 15px 0;
}
.howto_acd {
  margin-top: 15px;
}
.howto_acd > :first-child {
  margin-top: 0;
}
.howto_acd_itm {
  margin-top: 6px;
}
.howto_acd_itm__ttl {
  padding: 1px 1px 3px 1px;
  cursor: pointer;
  background-color: #dfd7c0;
  background-image: -webkit-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: -moz-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: -o-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: -ms-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: linear-gradient(to bottom, #dfd7c0 0%, #bfb28f 100%);
}
.howto_acd_itm__ttl .howto_acd_itm__ttl-inr span {
  color: #448bcb;
  font-weight: normal;
}
.howto_acd_itm__ttl.is-active .howto_acd_itm__ttl-inr:after {
  position: absolute;
  content: '';
  display: block;
  width: 9px;
  height: 6px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -8px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  margin-top: -3px;
  right: 8px;
  top: 50%;
  overflow: hidden;
}
.howto_acd_itm__ttl.is-active .howto_acd_itm__ttl-inr span {
  color: #4f281c;
  font-weight: bold;
}
.howto_acd_itm__ttl-inr {
  position: relative;
  color: #4f281c;
  background: #fff;
}
.howto_acd_itm__ttl-inr:after {
  position: absolute;
  content: '';
  display: block;
  width: 9px;
  height: 6px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  margin-top: -3px;
  right: 8px;
  top: 50%;
  overflow: hidden;
}
.howto_acd_itm__cnt {
  display: none;
  border: 1px solid #bfb290;
  border-top: none;
}
.howto_acd_itm__inr {
  padding: 15px;
}
.howto_acd_itm__inr > :first-child {
  margin-top: 0;
}
a.howto_acd__close {
  position: relative;
  display: block;
  padding: 1px 1px 3px 1px;
  background-color: #dfd7c0;
  background-image: -webkit-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: -moz-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: -o-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: -ms-linear-gradient(top, #dfd7c0 0%, #bfb28f 100%);
  background-image: linear-gradient(to bottom, #dfd7c0 0%, #bfb28f 100%);
  font-size: 85%;
  margin-top: 15px;
}
.howto_acd__close-inr {
  display: block;
  padding: 5px 10px;
  color: #4f281c;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f5f1e6 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #f5f1e6 100%);
  text-align: center;
}
.howto_acd__close-inr > span {
  vertical-align: middle;
}
.howto_acd__close-txt {
  display: inline-block;
}
.howto_acd__close-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -35px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
  margin-right: 5px;
}
.message_girl {
  display: table;
  width: 100%;
}
.message_girl__mark {
  display: table-cell;
  vertical-align: middle;
  width: 45px;
}
.message_girl__ico {
  display: inline-block;
  width: 45px;
  height: 36px;
  background-image: url("/smart/images/skin_sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -71px;
  -webkit-background-size: 45px 107px;
  -moz-background-size: 45px 107px;
  background-size: 45px 107px;
}
.message_girl__txt {
  display: table-cell;
  vertical-align: middle;
  color: #ec6d1e;
  font-weight: bold;
  padding-left: 10px;
}