/* --------------------------------------------------------------------
	フリーページ　共通
--------------------------------------------------------------------- */

div.freepage_ .clearfix:after {
  content: "";
  display: block;
  clear: both;
}

dl.attention_ {
  margin: 0 10px 20px 10px;
}
dl.attention_ dt {
  padding: 6px;
  background: #de0010;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
dl.attention_ dd {
  padding: 10px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #de0010;
}

/* --------------------------------------------------------------------
	フリーページ　スマートフォンアプリ
--------------------------------------------------------------------- */

#goosee .app-detail {
  margin: 20px 0 50px 0;
}
#goosee .app-tbl {
  margin: 20px auto 50px auto;
}
#goosee table td.app-btn {
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
#goosee table td.app-btn:first-child {
  padding-left: 10px;
  padding-right: 5px;
}
#goosee table td.app-btn:last-child {
  padding-left: 5px;
  padding-right: 10px;
}
#goosee .entry-tbl {
  margin: 10px 5px 20px 5px;
}
#goosee table td.app-entry {
  width:33%;
  padding: 10px 5px 0 5px;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
}
#goosee .appid-tbl {
  margin: 20px 10px 50px 10px;
}
#goosee .appid-tbl:after {
  content: "";
  display: block;
  clear: both;
}
#goosee .app-id {
  float: left;
  width: 50%;
  border-bottom: 1px dotted #D9D9D9;
  line-height: 1.4;
}
#goosee .appid-name {
  display: inline-block;
  width: 60%;
  padding: 5px 0;
  background: #ff6600;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
#goosee .shop-id {
  display: inline-block;
  width: 36%;
  padding: 5px 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}


/* --------------------------------------------------------------------
	フリーページ　採用情報
--------------------------------------------------------------------- */

#recruit .main_ {
  margin: 20px 10px 10px 10px;
}
#recruit .main_ img {
  display: inline-block;
  margin: 0 0 10px 0;
}
#recruit .recruit_info {
  margin: 0 10px 50px 10px;
}
#recruit .recruit {
  margin: 0 0 50px 0;
}
#recruit .recruit dl {
  margin: 20px 10px 30px 10px;
}
#recruit .recruit dt {
  clear: both;
  float: left;
  width: 90px;
  margin: 0 0 5px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.6;
}
#recruit .recruit dd {
  margin: 0 0 5px 90px;
  font-size: 12px;
  line-height: 1.6;
}


/* --------------------------------------------------------------------
	フリーページ　プライバシーポリシー
--------------------------------------------------------------------- */

#privacy ol {
  margin: 20px 10px 50px 10px;
}
#privacy ol li {
  margin: 0 0 20px 20px;
  font-size: 13px;
  list-style-type: decimal;
}
#privacy ol li p {
  font-size: 13px;
}


/* --------------------------------------------------------------------
	フリーページ　特定商取引法
--------------------------------------------------------------------- */

#law table.law-detail {
  margin: 20px 10px 50px 10px;
  border: 1px solid #EAEAEA;
}
#law table.law-detail th {
  width: 30%;
  padding: 5px;
  background: #F9F9F9;
  border-right: 1px solid #DAD8D3;
  border-bottom: 1px dotted #D9D9D9;
  border-left: 1px solid #DAD8D3;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
#law table.law-detail td {
  padding: 5px;
  border-right: 1px solid #DAD8D3;
  border-bottom: 1px dotted #D9D9D9;
  border-left: 1px solid #DAD8D3;
  font-size: 13px;
  vertical-align: middle;
}
#law table.law-detail td p {
  margin: 0 0 10px 0;
  font-size: 13px;
}
#law table.law-detail td p:last-child {
  margin-bottom: 0;
}
#law table.law-detail td .c_red {
  color: #AD0606;
}


/* --------------------------------------------------------------------
	フリーページ　コーヒーのマメ知識
--------------------------------------------------------------------- */

#knowledge h2 {
  text-align: center;
}
#knowledge .main_sentence_ {
  margin: 20px 10px;
  font-size: 13px;
  line-height: 1.6;
}
#knowledge .box {
  padding: 10px;
  margin: 10px;
  background: #F3EFEB;
  overflow: hidden;
}
#knowledge .box .inner {
  padding: 10px;
  border: 1px solid #CFBFAF;
}
#knowledge .box .inner:after {
  content: "";
  display: block;
  clear: both;
}
#knowledge .box .photo {
  float: left;
  width: 40%;
}
#knowledge .box .photo img {
  width: 100%;
  vertical-align: top;
}
#knowledge .box .inner dl {
  float: right;
  width: 58%;
  padding: 0;
  margin: 0;
}
#knowledge .box .inner dt {
  margin: 0 0 20px 0;
  font-size: 13px;
  font-weight: bold;
}
#knowledge .box .inner dd {
  font-size: 13px;
}
#knowledge .box .inner dd a {
  display: block;
  padding: 10px 20px;
  background: #4E402E url(../img/usr/freepage/knowledge/arrow_02.png) 90% 50% no-repeat;
  color: #ffffff;
  text-decoration: none;
}
#knowledge .knowledge_item {
  margin: 30px 10px;
}
#knowledge .knowledge_item td {
  width: 25%;
  vertical-align: top;
}
#knowledge .knowledge_item td a {
  text-decoration: none;
}
#knowledge .knowledge_item td.product-spacer {
  width: 0;
}
#knowledge .knowledge_item td.image-border {
  border: none;
}
#knowledge .knowledge_item td.image-border img {
  margin: 0;
}
#knowledge .knowledge_item td.border-bottom {
  border-bottom: 1px solid #dedede;
}
#knowledge .knowledge_item .multicolumns-list td {
  padding: 5px 0 0 0;
}
#knowledge .knowledge_item .multicolumns-list p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}
#knowledge .knowledge_item .template-grid-list form {
  text-align: center;
}
#knowledge .knowledge_item .price-wrap .price-num {
  color: #FF0000 !important;
}
#knowledge .knowledge_item .price-wrap .price-update,
#knowledge .knowledge_item .price-wrap .price-num,
#knowledge .knowledge_item .price-wrap .price-update .price span {
  color: #6aa84f;
  font-size: 110%;
}
#knowledge .knowledge_item .strike {
  text-decoration: line-through;
}
#knowledge .knowledge_item .nowrap {
  white-space: nowrap;
}


/* --------------------------------------------------------------------
	フリーページ　自家焙煎のススメ
--------------------------------------------------------------------- */

#self h2 {
  text-align: center;
}
#self .main_sentence_ {
  margin: 20px 10px;
  font-size: 13px;
  line-height: 1.6;
}
#self .main_sentence_ .prologue {
  width: 40%;
  margin: 0 auto 10px auto;
  text-align: center;
}
#self .toolArea {
  margin: 20px 10px 50px 10px;
}
#self .toolArea dl {
  width: 100%;
  margin-bottom: 20px;
}
#self .toolArea dl dt {
  border-top: 2px solid #C0B12A;
}
#self .toolArea dl dt a {
  display: block;
  background: url(../img/usr/freepage/self/arrow_01.gif) no-repeat right center;
  color: #454545;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  line-height: 42px;
  text-decoration: none;
}
#self .toolArea dl dd {
  width: 100%;
  padding: 5px 9px 9px 9px;
  border: 1px solid #D9D9D9;
  box-sizing: border-box;
}
#self .toolArea dl dd:after {
  content: "";
  display: block;
  clear: both;
}
#self .toolArea dl dd .photo {
  float: left;
  width: 30%;
  margin: 0 2% 0 0;
}
#self .toolArea dl dd p {
  float: left;
  width: 68%;
  font-size: 13px;
  line-height: 1.4;
}
#self .sectionArea {
  margin: 20px 10px 50px 10px;
}
#self .sectionArea table.need {
  width: 100%;
  margin: 0 0 10px 0;
}
#self .sectionArea table.need th {
  width: 50%;
  padding: 10px 5px;
  background: #F9F9F9;
  border: 1px solid #DAD8D3;
  border-bottom: 1px dotted #D9D9D9;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: center;
}
#self .sectionArea table.need th.white {
  background: none;
  border: none;
}
#self .sectionArea table.need td {
  padding: 7px;
  border: 1px solid #DAD8D3;
  border-top: none;
  border-bottom: 1px solid #D9D9D9;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
}
#self .sectionArea table.need td.white {
  background: none;
  border: none;
}
#self .sectionArea table.need td .btn {
  margin: 10px auto 0 0;
  text-align: center;
}
#self .sectionArea table.need td .btn a {
  padding: 3px 8px;
  background: #C0B129;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  line-height: 1.6;
  text-decoration: none;
}
#self .methodArea {
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 20px 0 0 0;
  background: url(../img/usr/freepage/self/bg_01.jpg) repeat;
  box-sizing: border-box;
}
#self .methodArea dl {
  width: 100%;
}
#self .methodArea dl dd {
  width: 100%;
  padding: 25px 15px 15px 15px;
  background: #ffffff;
  box-sizing: border-box;
}
#self .methodArea dl dd ul li {
  list-style: none;
  min-height: 30px;
  padding: 0 0 0 50px;
  margin: 0 0 30px 0;
  line-height: 1.5;
}
#self .methodArea dl dd ul li.no_01 {
  background: url(../img/usr/freepage/self/no_01.gif) no-repeat 0 0;
}
#self .methodArea dl dd ul li.no_02 {
  background: url(../img/usr/freepage/self/no_02.gif) no-repeat 0 0;
}
#self .methodArea dl dd ul li.no_03 {
  background: url(../img/usr/freepage/self/no_03.gif) no-repeat 0 0;
}
#self .methodArea dl dd ul li.no_04 {
  background: url(../img/usr/freepage/self/no_04.gif) no-repeat 0 0;
}
#self .methodArea dl dd ul li.no_05 {
  background: url(../img/usr/freepage/self/no_05.gif) no-repeat 0 0;
}
#self .methodArea dl dd .center img {
  width: 100%;
}


/* --------------------------------------------------------------------
	フリーページ　エスプレッソ専科
--------------------------------------------------------------------- */

#espresso h2 {
  text-align: center;
}
#espresso .main_sentence_ {
  margin: 20px 10px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso .clickArea {
  margin: 0 10px 20px 10px;
}
#espresso .clickArea.end {
  margin-bottom: 50px;
}
#espresso .clickArea:after {
  content: "";
  display: block;
  clear: both;
}
#espresso ul.click {
  position: relative;
  float: left;
  width: 32%;
  height: auto;
  margin: 0 1% 0 0;
  overflow: hidden;
}
#espresso ul.end {
  margin: 0;
}
#espresso ul.click li img {
  width: 100%;
}
#espresso ul.click li a:hover img {
  opacity: 1;
}
#espresso ul.click li p {
  display: none;
}


/* --------------------------------------------------------------------
	フリーページ　バリスタを目指して　エスプレッソ抽出法
--------------------------------------------------------------------- */

#espresso01 h2 {
  text-align: center;
}
#espresso01 #sec1 {
  margin: 0 0 30px 0;
}
#espresso01 #sec1 .ready {
  margin: 20px 10px;
}
#espresso01 #sec1 h4 {
  padding: 5px 10px;
  background: #d1c29f;
  color: #634734;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
#espresso01 #sec1 .figure_ {
  max-width: 110px;
  margin: 10px;
}
#espresso01 #sec1 p {
  margin: 10px 10px 0 10px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso01 #sec2 {
  margin: 0 0 30px 0;
}
#espresso01 #sec2 .step_ {
  margin: 20px 10px;
}
#espresso01 #sec2 .step_ .figure_ {
  max-width: 100px;
  margin: 10px;
}
#espresso01 #sec2 p {
  margin: 10px 10px 0 10px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso01 #sec3 {
  margin: 0 0 30px 0;
}
#espresso01 #sec3 .figure_ {
  width: 240px;
  margin: 10px;
}
#espresso01 #sec3 p {
  margin: 10px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso01 #sec3 .link_right {
  display: block;
  margin-right: 10px;
  text-align: right;
}
#espresso01 #sec3 .link_right a {
  display: inline-block;
  padding-left: 16px;
  background: url(../img/usr/freepage/espresso01/icon_01.png) 0 center no-repeat;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}
#espresso01 #sec3 .link_right a:hover {
  background: url(../img/usr/freepage/espresso01/icon_02.png) 0 center no-repeat;
}


/* --------------------------------------------------------------------
	フリーページ　使い分けのヒント エスプレッソ器具・特徴
--------------------------------------------------------------------- */

#espresso02 {
  margin-bottom: 50px;
}
#espresso02 h2 {
  margin-bottom: 20px;
  text-align: center;
}
#espresso02 .main_sentence_ {
  margin: 20px 10px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso02 .instrument {
  margin: 20px 10px;
}
#espresso02 h4 {
  padding: 5px 10px;
  margin: 30px 0 10px 0;
  background: #634734;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1px;
}
#espresso02 .emfeature-img {
  width: 120px;
  margin: 10px;
}
#espresso02 .emfeature {
  padding: 10px 0;
}
#espresso02 .emfeature dl {
  line-height: 1.6;
}
#espresso02 .emfeature dt {
  float: left;
  width: 60px;
  font-size: 13px;
  font-weight: bold;
}
#espresso02 .emfeature dd {
  padding: 0 0 20px 0;
  margin: 0 0 0 60px;
  font-size: 13px;
}
#espresso02 .emfeature p {
  margin: 0 0 10px 0;
  font-size: 13px;
  line-height: 1.6;
}
#espresso02 .emfeature a {
  color: #0000ff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
#espresso02 .link_right {
  display: block;
  text-align: right;
  margin-right: 10px;
}
#espresso02 .link_right a {
  display: inline-block;
  padding-left: 16px;
  background: url(../img/usr/freepage/espresso02/icon_01.png) 0 center no-repeat;
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
}


/* --------------------------------------------------------------------
	フリーページ　コツってこんなにあるの？！ ミルクフォームの作り方
--------------------------------------------------------------------- */

#espresso03 h2 {
  margin-bottom: 20px;
  text-align: center;
}
#espresso03 .main_sentence_ {
  margin: 20px 10px;
}
#espresso03 .main_sentence_ p {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso03 .main_sentence_ .link_right {
  display: block;
  text-align: right;
  margin-right: 10px;
}
#espresso03 .main_sentence_ .link_right a {
  display: inline-block;
  padding-left: 16px;
  background: url(../img/usr/freepage/espresso03/icon_01.png) 0 center no-repeat;
  font-size: 12px;
  line-height: 1.6;
  text-decoration: none;
}
#espresso03 .main_sentence_ .link_right a:hover {
  background: url(../img/usr/freepage/espresso03/icon_02.png) 0 center no-repeat;
}
#espresso03 .howto_ {
  margin: 20px 10px;
}
#espresso03 .howto_:after {
  content: "";
  display: block;
  clear: both;
}
#espresso03 .milkfoam {
  padding: 10px 0;
  margin: 0 0 10px 0;
}
#espresso03 .milkfoam:after {
  content: "";
  display: block;
  clear: both;
}
#espresso03 .milkfoam dt {
  float: left;
  max-width: 135px;
}
#espresso03 .milkfoam.wide_ dt {
  float: none;
  max-width: 222px;
}
#espresso03 .milkfoam dd {
  padding: 10px 0 0 0;
  margin: 0 0 0 145px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso03 .milkfoam.wide_ dd {
  margin-left: 0;
}


/* --------------------------------------------------------------------
	フリーページ　楽しみ方色々 エスプレッソメニュー
--------------------------------------------------------------------- */

#espresso04 h2 {
  margin-bottom: 20px;
  text-align: center;
}
#espresso04 .main_sentence_ {
  margin: 20px 10px;
}
#espresso04 .main_sentence_ p {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.6;
}
#espresso04 .emenu {
  margin: 20px 10px;
}
#espresso04 .emenu.end {
  margin-bottom: 50px;
}
#espresso04 .emenu .emenuimg {
  max-width: 165px;
  padding: 10px 10px 10px 0;
}
#espresso04 .emenu .emenutext {
  padding: 20px 0 0 0;
  font-size: 13px;
  line-height: 1.6;
}
#espresso04 .emenu .emenutext img {
  width: 545px;
}
#espresso04 .emenu .emenuname {
  color: #634734;
  font-size: 16px;
  font-weight: bold;
}
#espresso04 .emenu dt {
  float: left;
  width: 20px;
  padding: 5px 0 0 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  font-weight: bold;
}
#espresso04 .emenu dd {
  padding: 5px 0 0 0;
  margin: 0 0 0 30px;
  font-size: 13px;
}


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

	フリーページ　サイフォン講座
--------------------------------------------------------------------- */
#syphon {
}
#syphon .bg_01 {
  position: relative;
  width: 100%;
  padding: 10px 0;
  margin: 20px 0 30px 0;
  background: url(../img/usr/freepage/syphon/bg_r.gif) repeat;
}
#syphon .bg_01 .lst:after {
  content: "";
  display: block;
  clear: both;
}
#syphon .bg_01 .img_l,
#syphon .bg_01 .img_r {
  float: left;
  width: 11%;
  margin-right: 5%;
}
#syphon .bg_01 dl.feature {
  float: left;
  width: 84%;
  margin: 0 0 20px 0;
}
#syphon .bg_01 dl.recommend {
  float: left;
  width: 84%;
}
#syphon .bg_01 dl dt {
  width: 50%;
  margin: 0 0 10px 0;
}
#syphon .bg_01 dl dd {
  background: url(../img/usr/freepage/syphon/icon_circle.png) 0 5px no-repeat;
  padding: 0 10px 0 10px;
  margin: 0 0 5px 0;
  font-size: 13px;
}
#syphon .needArea {
  margin: 0 10px 50px 10px;
}
#syphon .needArea dl {
  width: 100%;
  margin: 0 2px 10px 0;
}
#syphon .needArea dl.end {
  margin: 0;
}
#syphon .needArea dl dt a {
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  background: #9E9E9E url(../img/usr/freepage/syphon/icon_01.gif) 96% center no-repeat;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  text-indent: 10px;
  line-height: 40px;
}
#syphon .needArea dl dd {
  width: 100%;
  padding: 9px 5px;
  border: 1px solid #D9D9D9;
  box-sizing: border-box;
}
#syphon .needArea dl dd:after {
  content: "";
  display: block;
  clear: both;
}
#syphon .needArea dl dd .photo {
  float: left;
  width: 30%;
  margin-right: 2%;
}
#syphon .needArea dl dd p {
  float: left;
  width: 68%;
  line-height: 1.4;
}
#syphon .stepArea {
  margin: 20px 10px 0 10px;
}
#syphon .stepArea dl {
  position: relative;
  float: none;
  width: 100%;
  padding: 10px;
  margin: 0 0 10px 0;
  background: #F7F7F7;
  box-sizing: border-box;
}
#syphon .stepArea dl.end {
  margin-bottom: 30px;
}
#syphon .stepArea dl:after {
  content: "";
  display: block;
  clear: both;
}
#syphon .stepArea dl dt {
  width: 10%;
  margin: 0 auto 5px auto;
  text-align: center;
}
#syphon .stepArea dl dd.photo {
  float: left;
  width: 30%;
  margin-right: 4%;
}
#syphon .stepArea dl dd.txt {
  float: left;
  width: 66%;
  line-height: 1.4;
}
#syphon .nlsf {
  margin: 0 10px 30px 10px;
  text-align: center;
}
#syphon .historyArea {
  width: 100%;
  padding: 0 10px;
  margin: 0 0 50px 0;
  text-align: center;
  box-sizing: border-box;
}


/* --------------------------------------------------------------------
	フリーページ　店舗案内
--------------------------------------------------------------------- */

#shoplist {
}
#shoplist dl.attention_ dt span {
  display: inline-block;
  padding: 0 0 0 34px;
  background: url(../img/usr/freepage/common/attention.png) left center no-repeat;
  background-size: contain;
  color: #ffffff;
  font-weight: bold;
  line-height: 24px;
}
#shoplist .pref_list_ {
  padding: 0 10px;
  margin: 0 0 20px 0;
}
#shoplist .pref_list_ dl {
  width: 48%;
}
#shoplist .pref_list_ dl:nth-of-type(2n+1) {
  float: left;
}
#shoplist .pref_list_ dl:nth-of-type(2n) {
  float: right;
}
#shoplist .pref_list_ dt {
  width: 100%;
  padding: 4px 0;
  margin: 0 0 8px 0;
  border: 2px solid #f7f0e7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #2b1306;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
#shoplist .pref_list_ dd a {
  display: block;
  padding: 0 0 0 20px;
  margin: 0 0 8px 0;
  background: url(../img/usr/freepage/common/icon_circle_arrow_bottom.png) left center no-repeat;
  text-decoration: none;
}
#shoplist .pref_list_ dd a img {
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
#shoplist .shop_ {
  margin: 20px 0 40px 0;
}
#shoplist .shop_ .shop_header_ {
  padding: 10px;
  margin: 0 0 10px 0;
  border-bottom: 4px solid #ecdfc9;
}
#shoplist .shop_ .shop_header_ h3 {
  padding: 0 0 0 40px;
  margin: 0 0 8px 0;
  background: url(../img/usr/freepage/common/tonyalogo.png) left center no-repeat;
  color: #2b1306;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
#shoplist #ange_yokohama .shop_header_ h3 {
  padding-left: 50px;
  margin-bottom: 0;
  background: url(../img/usr/freepage/common/angelogo.png) left bottom no-repeat;
}
#shoplist .shop_ .shop_header_ .fair_term_ {
  float: right;
  padding: 4px 8px;
  background: #ff6537;
  color: #ffffff;
  font-size: 12px;
}
#shoplist .shop_ .shop_header_ .grand_open_ {
  color: #e60012;
  font-size: 12px;
}
#shoplist .shop_ .shop_main_ {
  margin: 0 10px 10px 10px;
}
#shoplist .shop_ .shop_main_ .photo_ {
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
}
#shoplist .shop_ .shop_main_ .gmap_,
#shoplist .shop_ .shop_main_ .gmap_ iframe {
  width: 100%;
  min-height: 220px;
  font-size: 0;
}
#shoplist .shop_ .detail_ {
  margin: 10px;
}
#shoplist .shop_ .detail_ dl {
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px dotted #cccccc;
}
#shoplist .shop_ .detail_ dt {
  display: table-cell;
  width: 60px;
  padding: 0 8px;
  background: #8b7357;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
}
#shoplist .shop_ .detail_ dd {
  display: table-cell;
  height: 28px;
  padding: 0 0 0 10px;
  vertical-align: middle;
  box-sizing: border-box;
}
#shoplist .shop_ .detail_ .recruit_btn_ {
  text-align: right;
}
#shoplist .shop_ .meister_ {
  margin: 10px;
}
#shoplist .shop_ .meister_ h4 {
  padding: 8px 0;
  margin: 10px 0;
  border-bottom: 2px solid #e0dcd9;
  vertical-align: middle;
}
#shoplist .shop_ .meister_ h4 span {
  display: inline-block;
  padding: 0 0 0 20px;
  background: url(../img/usr/freepage/common/icon_cicle_brown.png) left center no-repeat;
  color: #2b1306;
  font-size: 14px;
  font-weight: bold;
  line-height: 180%;
}
#shoplist .shop_ .meister_ dl {
  margin: 10px 0;
  border-bottom: 1px dotted #cccccc;
  display: inline-block;
  width: 100%;
}
#shoplist .shop_ .meister_ dt {
  float: left;
  width: 116px;
  margin: 0 8px 0 0;
  text-align: center;
}
#shoplist .shop_ .meister_ dt .name_ {
  display: block;
  margin-top: 10px;
}
#shoplist .shop_ .meister_ dt .no_ {
  display: block;
  font-size: 10px;
  margin-bottom: 10px;
}
#shoplist .shop_ .meister_ .comment_ {
  margin: 0 0 10px 0;
  line-height: 160%;
}
#shoplist .shop_ .meister_ .meister_btn_ {
  margin: 10px 0;
  text-align: center;
}
#shoplist .shop_ .reference_ {
  margin: 0 10px 10px 10px;
}
#shoplist .shop_ .reference_ li {
  margin: 0 0 10px 0;
}
#shoplist .shop_ .reference_ li span {
  display: block;
  float: left;
  width: 16px;
}
#shoplist .shop_ .reference_ li p {
  margin: 0 0 8px 16px;
}
#shoplist .common_headline3_ {
	background: url(../img/usr/freepage/common/tonyalogo.png), url(../img/usr/sb/top/common_headline2_bg.png);
	background-size: 30px 30px,320px 45px;
	background-position: 10px center,left center;
	background-repeat: no-repeat,repeat;
	padding-left: 50px;
}
#shoplist .ange_ {
	background: url(../img/usr/freepage/common/angelogo2.png), url(../img/usr/sb/top/common_headline2_bg.png);
	background-size: 47px 30px,320px 45px;
	background-position: 10px center,left center;
	background-repeat: no-repeat,repeat;
	padding-left: 65px;
}
#shoplist .shoplist_modal_ {
  position: fixed;
  top: 50%;
  left: calc(50% - 160px);
  display: none;
  width: 300px;
  padding: 10px;
  border-radius: 5px;
  background: #FFF;
  transform: translateY(-50%);
  z-index: 99999;
}
#shoplist .shoplist_modal_ .shoplist_modal_ttl_ {
  font-size: 16px;
  text-align: center;
  border-bottom: 2px solid #804C00;
}
#shoplist .shoplist_modal_ .shoplist_modal_txt_ {
  margin: 10px 0 0;
  font-size: 12px;
  text-align: center;
  line-height: 1.25;
}
#shoplist .shoplist_modal_ .shoplist_modal_btn_ {
  position: relative;
  padding: 15px 0 0;
  margin: 5px 0 0;
}
#shoplist .shoplist_modal_ .shoplist_modal_btn_ .shoplist_modal_popup_ {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFC000;
  color: #FFF;
  font-weight: bold;
  padding: 16px 8px;
  border-radius: 50%;
  line-height: 1.2;
}
#shoplist .shoplist_modal_ .shoplist_modal_btn_ .shoplist_modal_popup_::after {
  position: absolute;
  left: 1px;
  bottom: 3px;
  width: 20px;
  height: 12px;
  border-bottom: 12px solid #FFC000;
  border-left: 20px solid transparent;
  box-sizing: border-box;
  z-index: 99999;
  transform: rotate(-20deg);
  content: "";
}
#shoplist .shoplist_modal_ .shoplist_modal_btn_ a {
  display: block;
  width: 138px;
  margin: 0 auto;
  border-radius: 10px;
}
#shoplist .shoplist_modal_ .shoplist_modal_btn_ a img {
  vertical-align: top;
}
#shoplist .shoplist_modal_ .shoplist_modal_close_ button {
  position: absolute;
  left: calc(50% - 35px);
  bottom: -40px;
  width: 80px;
  padding: 0;
  border: 0;
  outline: 0;
  color: #FFF;
  font-size: 16px;
  background: none;
}
#shoplist .shoplist_modal_overray_ {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  z-index: 99998;
}

/* --------------------------------------------------------------------
	フリーページ　ご利用ガイド
--------------------------------------------------------------------- */

#guide00 {
}
#guide00 .intro_ {
  margin: 0 10px 20px 10px;
}
#guide00 .list_block_ {
  margin: 0 10px;
}
#guide00 .guide_list_ {
  width: 48%;
  margin: 0 0 10px 0;
}
#guide00 .guide_list_:nth-of-type(2n+1) {
  float: left;
}
#guide00 .guide_list_:nth-of-type(2n) {
  float: right;
}
#guide00 .guide_list_ h4 {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#guide00 .guide_list_ h4 span {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 20px;
  background: url(../img/usr/freepage/common/icon_cicle_brown.png) left center no-repeat;
  box-sizing: border-box;
  color: #2b1306;
  font-size: 14px;
  font-weight: bold;
}
#guide00 .guide_list_ ul {
  padding: 10px 0;
  border-top: 2px solid #e0dcd9;
}
#guide00 #section05 .guide_list_ ul,
#guide00 #section06 .guide_list_ ul {
  border-top: none;
}
#guide00 .guide_list_ ul li a {
  display: block;
  padding: 0 0 0 20px;
  margin: 0 0 4px 0;
  background: url(../img/usr/freepage/common/icon_circle_arrow_left.png) left 4px no-repeat;
  text-decoration: none;
}


/* --------------------------------------------------------------------
  ご利用ガイド各ページ共通
  ・ご購入について
  ・ご注文方法について
  ・珈琲問屋オンラインストア会員について
  ・TONYAポイントについて
  ・よくあるご質問
  ・ご利用のパソコン環境について
--------------------------------------------------------------------- */

.freepage_.guide_ {
  line-height: 180%;
}
.freepage_.guide_ .section_ {
  margin: 0 0 20px 0;
}
.freepage_.guide_ .subsection_ { /* 中見出しあり */
  margin: 0 10px 10px 10px;
}
.freepage_.guide_ .substance_ { /* 中見出しなし */
  margin: 0 10px 10px 10px;
}
.freepage_.guide_ .box_groupe_:after {
  content: "";
  display: block;
  clear: both;
}
.freepage_.guide_ h4 {
  padding: 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 3px solid #e0dcd9;
  vertical-align: middle;
}
.freepage_.guide_ h4 span {
  display: inline-block;
  padding: 0 0 0 20px;
  background: url(../img/usr/freepage/common/icon_cicle_brown.png) left center no-repeat;
  color: #2b1306;
  font-size: 14px;
  font-weight: bold;
  line-height: 180%;
}
.freepage_.guide_ .link_ {
  margin: 8px 0;
}
.freepage_.guide_ .link_ li a {
  display: inline-block;
  padding: 0 0 0 20px;
  margin: 0;
  background: url(../img/usr/freepage/common/icon_circle_arrow_left.png) left 6px no-repeat;
  text-decoration: none;
}
.freepage_.guide_ sup {
  font-size: smaller;
  vertical-align: super;
}

/*  ご利用ガイド各ページ内リンク
----------------------------------------  */
.freepage_.guide_ .internalNav_ {
  margin: 10px 10px 20px 10px;
  border: none;
  overflow: hidden;
}
.freepage_.guide_ .internalNav_ li {
  width: 100%;
  height: auto;
  padding: 5px;
  margin:5px 0;
  background: #faf7f3;
  box-sizing: border-box;
  font-weight: bold;
  white-space: nowrap;
}
.freepage_.guide_ .internalNav_ li a {
  display: block;
  width: 100%;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #e0dcd9;
  box-sizing: border-box;
  text-decoration: none;
}
.freepage_.guide_ .internalNav_ li a span {
  display: block;
  background: url(../img/usr/freepage/common/icon_circle_arrow_bottom.png) left center no-repeat;
  padding-left: 20px;
  white-space: normal;
}


/* --------------------------------------------------------------------
	フリーページ　ご購入について
--------------------------------------------------------------------- */

#guide01 {
}
#guide01 .subsection_ dl.attention_ {
  margin: 10px 0;
}
#guide01 #sec01-2 .img_ {
  text-align: center;
}
#guide01 #sec01-2 div.note_ {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border: 2px solid #de0010;
  box-sizing: border-box;
  line-height: 160%;
}
#guide01 #sec01-3 dl,
#guide01 #sec01-4 dl,
#guide01 #sec01-5 dl {
  margin: 10px 0;
}
#guide01 #sec01-3 dt,
#guide01 #sec01-4 dt,
#guide01 #sec01-5 dt {
  font-weight: bold;
}
#guide01 #sec01-5 dd ul {
  margin: 0 0 10px 0;
}
#guide01 #sec01-5 dd li {
  float: left;
  width: 30%;
  margin: 8px 0 8px 3%;
  text-align: center;
}
#guide01 #sec01-5 dd li:nth-of-type(3n+1) {
  margin-left: 0;
}
#guide01 #sec02-2 dl {
  margin: 10px 0 0 0;
}
#guide01 #sec02-2 dt {
  float: left;
  width: 100px;
}
#guide01 #sec02-2 dd {
  margin-left: 108px;
}


/* table
-------------------- */
#guide01 table {
  margin: 10px 0;
  border: 1px solid #e0dcd9;
  border-collapse: collapse;
}
#guide01 table th {
  padding: 8px;
  background: #faf7f3;
  border: 1px solid #e0dcd9;
  color: #2b1306;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#guide01 table td {
  padding: 8px;
  border: 1px solid #e0dcd9;
  color: #583829;
  vertical-align: top;
}
#guide01 #sec01-1 table {
  width: 100%;
}
#guide01 #sec01-1 table th.member_ {
  width: 30%;
  font-size: 14px;
  box-sizing: border-box;
}
#guide01 #sec01-1 table td {
  box-sizing: border-box;
  line-height: 160%;
}
#guide01 #sec01-1 table td li {
}
#guide01 #sec01-1 table td li a {
  display: block;
  padding: 0 0 0 20px;
  background: url(../img/usr/freepage/common/icon_circle_arrow_bottom.png) left center no-repeat;
  text-decoration: none;
}
#guide01 strong {
  color: #e60012;
  font-weight: normal;
}
#guide01 #sec01-1 table + p {
  margin: 0 0 10px 0;
  text-align: right;
}
#guide01 #sec02-2 table th {
  width: 50%;
  box-sizing: border-box;
}
#guide01 #sec02-2 table td {
  text-align: center;
  vertical-align: middle;
}
#guide01 #sec02-2 table td.free {
  background: #e60012;
  color: #ffffff;
}


/* --------------------------------------------------------------------
	フリーページ　ご注文方法について
--------------------------------------------------------------------- */

#guide02 {
}
#guide02 .intro_ {
  margin: 0 10px 20px 10px;
}
#guide02 h3 + p {
 margin: 0 10px 10px 10px;
}
#guide02 .imgArea_ {
 margin: 10px 0;
}
#guide02 .imgArea_ .img_ {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
#guide02 .imgArea_ .imgBox_ {
  position: absolute;
  text-align: center;
}
#guide02 #img01 .area01_ { top: 72.52%; left: 0; width: 23.62%; height: 8.66%; }
#guide02 #img01 .area02_ { top: 89.36%; left: 0; width: 48.54%; height: 10.64%; }
#guide02 #img01 .area03_ { top: 89.36%; left: 52.1%; width: 32.36%; height: 10.64%; }
#guide02 #img01 .area04_ { top: 89.36%; left: 83.82%; width: 16.18%; height: 10.64%; }
#guide02 #img02 .area01_ { top: 19.06%; left: 5.3%; width: 22.61%; height: 6.12%; }
#guide02 #img02 .area02_ { top: 19.06%; left: 27.2%; width: 22.97%; height: 6.12%; }
#guide02 #img02 .area03_ { top: 19.06%; left: 49.47%; width: 22.26%; height: 6.12%; }
#guide02 #img02 .area04_ { top: 24.89%; left: 5.3%; width: 89.05%; height: 7.68%; }
#guide02 #img02 .area05_ { top: 32.29%; left: 5.3%; width: 89.05%; height: 7.68%; }
#guide02 #img02 .area06_ { top: 39.69%; left: 5.3%; width: 89.05%; height: 7.68%; }
#guide02 #img02 .area07_ { top: 47.08%; left: 5.3%; width: 89.05%; height: 7.68%; }
#guide02 #img02 .area08_ { top: 54.48%; left: 5.3%; width: 89.05%; height: 7.68%; }
#guide02 #img02 .area09_ { top: 78.81%; left: 5.3%; width: 89.05%; height: 8.11%; }
#guide02 #img03 .area01_ { top: 18.92%; left: 5.3%; width: 22.61%; height: 6.12%; }
#guide02 #img04 .area01_ { top: 23.77%; left: 0; width: 100%; height: 62.89%; }
#guide02 #img05 .area01_ { top: 21.11%; left: 0; width: 100%; height: 66.78%; }
#guide02 #img06 .area01_ { top: 13.86%; left: 0; width: 100%; height: 79.07%; }
#guide02 #img07 .area01_ { top: 21.87%; left: 0; width: 100%; height: 64.49%; }
#guide02 #img08 .area01_ { top: 36.19%; left: 89.57%; width: 8.59%; height: 6.64%; }
#guide02 #img08 .area02_ { top: 83.94%; left: 0; width: 32.52%; height: 9.42%; }
#guide02 #img08 .area03_ { top: 83.94%; left: 53.68%; width: 46.32%; height: 13.06%; }
#guide02 #img09 .area01_ { top: 50.15%; left: 1.54%; width: 46.92%; height: 39.17%; }
#guide02 #img09 .area02_ { top: 50.15%; left: 51.38%; width: 46.92%; height: 20.77%; }
#guide02 #img09 .area03_ { top: 75.37%; left: 51.38%; width: 46.92%; height: 20.77%; }
#guide02 #img10 .area01_ { top: 20.24%; left: 0; width: 100%; height: 15.73%; }
#guide02 #img10 .area02_ { top: 54.09%; left: 0; width: 100%; height: 14.81%; }
#guide02 #img10 .area03_ { top: 75.71%; left: 0; width: 100%; height: 5.61%; }
#guide02 #img10 .area04_ { top: 86.2%; left: 0; width: 100%; height: 4.42%; }
#guide02 #img10 .area05_ { top: 90.43%; left: 0; width: 100%; height: 4.42%; }
#guide02 #img11 .area01_ { top: 65.87%; left: 0; width: 100%; height: 25.52%; }
#guide02 .imgArea_ img {
  width: 100%;
  max-width: none;
}
#guide02 .imgArea_ .imgBox_:after {
  position: absolute;
  top: 50%;
  left:50%;
  display: block;
  margin: -12px 0 0 -12px;
  color: #e60012;
  font-size: 24px;
  font-weight: bold;
  line-height: 100%;
}
#guide02 #img01 .area01_:after,
#guide02 #img03 .imgBox_:after {
  left: 100%;
  margin-left: 0;
}
#guide02 #img02 .area01_:after,
#guide02 #img02 .area02_:after,
#guide02 #img02 .area03_:after,
#guide02 #img08 .imgBox_:after {
  top: 0;
  margin-top: -24px;
}
#guide02 #img10 .area04_:after {
  margin-left: -24px;
}
#guide02 #img10 .area05_:after {
  margin-left: 0;
}
#guide02 .imgArea_ .area01_:after { content: "@"; }
#guide02 .imgArea_ .area02_:after { content: "A"; }
#guide02 .imgArea_ .area03_:after { content: "B"; }
#guide02 .imgArea_ .area04_:after { content: "C"; }
#guide02 .imgArea_ .area05_:after { content: "D"; }
#guide02 .imgArea_ .area06_:after { content: "E"; }
#guide02 .imgArea_ .area07_:after { content: "F"; }
#guide02 .imgArea_ .area08_:after { content: "G"; }
#guide02 .imgArea_ .area09_:after { content: "H"; }
#guide02 .imgArea_ .fukidashi_ {
  margin: 10px 0;
}
#guide02 .imgArea_ .fukidashi_ dt {
  color: #e60012;
  font-weight: bold;
}
#guide02 .imgArea_ .fukidashi_ dt span {
  display: inline-block;
  padding: 0 0 0 10px;
  color: #2b1306;
}
#guide02 .imgArea_ .fukidashi_ dd ul li:before {
  content: "※";
  display: inline-block;
  width: 5%;
  color: #e60012;
  vertical-align: top;
}
#guide02 .imgArea_ .fukidashi_ dd ul li em {
  display: inline-block;
  width: 95%;
  color: #e60012;
  font-style: normal;
  vertical-align: top;
}
#guide02 .step_list_ {
  width: 100%;
  padding: 10px;
  margin: 20px 0;
  background: url(../img/usr/freepage/guide02/bg_step_list.png) center no-repeat;
  background-size: cover;
  border-radius: 4px;
  box-sizing: border-box;
}
#guide02 .step_list_ dl {
  float: left;
  width: 22%;
  margin: 0 0 0 4%;
  text-align: center;
}
#guide02 .step_list_ dl:first-child {
  margin-left: 0;
}
#guide02 .step_list_ dt {
  margin: 0 0 -18% 0;
  text-align: center;
}
#guide02 .step_list_ dt img {
  width: 80%;
  max-width: 96px;
}
#guide02 .step_list_ dd {
  width: 100%;
}
#guide02 .step_list_ dd a {
  display: block;
  width: 100%;
  padding: 50% 6.125%;
  background: #ffffff url(../img/usr/freepage/guide02/arrow_down_orange.png) center 90% no-repeat;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  line-height: 140%;
}
#guide02 .btnArea {
 margin: 40px 10px 20px 10px;
  text-align: center;
}
#guide02 .btnArea p {
  max-width: 620px;
  margin: 0 auto 20px auto;
}
#guide02 .btnArea .btn_ {
  max-width: 600px;
  margin: 0 auto 20px auto;
}


/* --------------------------------------------------------------------
	フリーページ　珈琲問屋オンラインストア会員について
--------------------------------------------------------------------- */

#guide03 {
}
#guide03 .merit_ {
  width: 48%;
  margin: 2.5% 0 10px 0;
  background: url(../img/usr/freepage/guide03/bg_box.png) left top repeat;
  border-radius: 10px;
  box-sizing: border-box;
}
#guide03 .merit_:nth-of-type(2n+1) {
  float: left;
}
#guide03 .merit_:nth-of-type(2n) {
  float: right;
}
#guide03 #merit05,
#guide03 #new_entry {
  margin-bottom: 0;
}
#guide03 .merit_ dt {
  margin: -2.5% 0 8px 0;
  text-align: center;
  line-height: 100%;
}
#guide03 .merit_ dt img {
  width: 100%;
  max-width: none;
  vertical-align: top;
}
#guide03 #new_entry dt{
  padding: 8px;
  margin: 0;
}
#guide03 .merit_ dd {
  padding: 0 8px 8px 8px;
  margin: 0;
  box-sizing: border-box;
  line-height: 160%;
}
#guide03 #new_entry dd {
  text-align: center;
}
#guide03 h3 + p {
 margin: 0 10px 10px 10px;
}
#guide03 dl.qa_ dt span {
  display: inline-block;
  padding: 0 0 0 12px;
  background: url(../img/usr/freepage/common/icon_square_orange.png) left 8px no-repeat;
  font-weight: bold;
}
#guide03 .entry_ {
  position: relative;
  width: 48%;
  padding: 0 0 48px 0;
  margin: 0 0 10px 0;
  background: url(../img/usr/freepage/guide03/bg_box.png) left top repeat;
  border-radius: 10px;
  box-sizing: border-box;
}
#guide03 .entry_:nth-of-type(2n+1) {
  float: left;
}
#guide03 .entry_:nth-of-type(2n) {
  float: right;
}
#guide03 .entry_ dt {
  margin: 0 0 8px 0;
  line-height: 100%;
}
#guide03 .entry_ dt img {
  width: 100%;
  max-width: none;
  vertical-align: top;
}
#guide03 .entry_ dd {
  padding: 0 8px;
  box-sizing: border-box;
  text-align: center;
}
#guide03 .entry_ dd.btn_ {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
#guide03 .entry_ dd.btn_ a {
  display: block;
  width: 100%;
  max-width: 180px;
  margin: 0 auto;
}


/* --------------------------------------------------------------------
	フリーページ　TONYAポイントについて
--------------------------------------------------------------------- */

#guide04 {
}
#guide04 .example_ {
  margin: 10px 0 0 0;
}
#guide04 .example_ dt {
  margin: 0 0 10px 0;
  font-weight: bold;
}


/* --------------------------------------------------------------------
	フリーページ　ご利用のパソコン環境について
--------------------------------------------------------------------- */

#guide05 {
}
#guide05 .environment_ dl {
  display: table;
  width: 100%;
  margin: 10px 0;
}
#guide05 .environment_ dt {
  display: table-cell;
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
#guide05 .environment_ dd {
  display: table-cell;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
#guide05 .sever_config_ li {
  list-style: disc;
  margin: 0 0 0 1.5em;
}


/* --------------------------------------------------------------------
	フリーページ　よくあるご質問
--------------------------------------------------------------------- */

#guide06 {
}
#guide06 .box_ .question_ {
  padding: 8px 8px 8px 40px;
  background: url(../img/usr/freepage/guide05/icon_q.png) 8px 8px no-repeat;
  border: 1px solid #e0dcd9;
}
#guide06 .box_ .question_ h4 {
  padding: 0;
  margin: 0;
  background: url(../img/usr/freepage/guide05/icon_plus.png) right center no-repeat;
  border: none;
  font-weight: bold;
  vertical-align: middle;
}
#guide06 .box_ .question_.active_ h4 {
  background: url(../img/usr/freepage/guide05/icon_minus.png) right center no-repeat;
}
#guide06 .box_ .question_ h4 span {
  display: block;
  padding: 0 20px 0 0;
  background: none;
  line-height: 160%;
}
#guide06 .box_ .answer_ {
  display: none;
  padding: 10px 10px 10px 40px;
  background: #faf7f3 url(../img/usr/freepage/guide05/icon_a.png) 8px 10px no-repeat;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #e0dcd9;
}
#guide06 .box_ .answer_ p,
#guide06 .box_ .answer_ dl,
#guide06 .box_ .answer_ ol,
#guide06 .box_ .answer_ ul {
  margin-bottom: 10px;
}
#guide06 .box_ .answer_ dt {
  font-weight: bold;
}
#guide06 .box_ .answer_ ol li {
  list-style: none;
  margin-left: 0;
}
#guide06 .box_ .answer_ em {
  font-style: normal;
  font-weight: bold;
}
#guide06 .box_ .answer_ strong {
  color: #e60012;
  font-weight: bold;
}
#guide06 #sec01-5.box_ .answer_ strong {
  font-weight: normal;
}
#guide06 #sec02-2.box_ .answer_ a {
  color: #000088;
  font-weight: bold;
}
#guide06 #sec02-3.box_ .answer_ .btn_ a {
  display: block;
  width: 150px;
  padding: 5px 0;
  border-width: 2px;
  border-style: solid;
  border-color: #aaaaaa #444444 #444444 #aaaaaa;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#guide06 #sec02-5.box_ .answer_ a {
  text-decoration: underline;
}


/* --------------------------------------------------------------------
	フリーページ　会社情報
--------------------------------------------------------------------- */

#about-us {
}
#about-us #sec01 .greeting_ {
  padding: 20px;
  margin: 0 10px;
  background: #faf7f3;
}
#about-us #sec01 .greeting_ dl {
  margin: 0 0 20px 0;
  text-align: center;
}
#about-us #sec01 .greeting_ dd {
  font-weight: bold;
}
#about-us #sec01 .greeting_ .lead_ {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
#about-us #sec02 ul {
  margin: 10px;
}
#about-us #sec02 li {
  margin: 0 0 10px 0;
  background: url(../img/usr/freepage/about-us/icon_check.png) left 2px no-repeat;
}
#about-us #sec02 li span {
  display: inline-block;
  margin-left: 35px;
}
#about-us #sec05 p {
  margin: 10px;
}
#about-us table {
  margin: 10px;
  border-bottom: 1px solid #e0dcd9;
  border-right: 1px solid #e0dcd9;
}
#about-us table th,
#about-us table td {
  border-top: 1px solid #e0dcd9;
  border-left: 1px solid #e0dcd9;
  vertical-align: middle;
}
#about-us table th {
  width: 30%;
  background: #faf7f3;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
}
#about-us table td {
  padding: 10px;
}
#about-us table td li {
  list-style: disc;
  margin-left: 1.5em;
}
#about-us table td .inquiry_ li {
  list-style: none;
  margin-left: 0;
}


/* --------------------------------------------------------------------
	フリーページ　初めての方へ
--------------------------------------------------------------------- */

#beginner {
}
#beginner #main {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 58.14%;
  margin: 0 0 20px 0;
  background: url(../img/usr/freepage/beginner/bg_main.png) left top no-repeat;
  background-size: contain;
}
#beginner #main h2 {
  position: absolute;
  top: 8.4%;
  left: 15.46%;
  width: 69.07%;
}
#beginner #main .text1_ {
  position: absolute;
  top: 49.4%;
  left: 6.39%;
  width: 87.09%;
  font-size: 0;
  
}
#beginner #main ul {
  position: absolute;
  top: 56.8%;
  left: 6.39%;
  width: 87.2%;
}
#beginner #main ul li {
  float: left;
  width: 24%;
  margin: 0 0 0 1.33%;
}
#beginner #main ul li:first-child {
  margin-left: 0;
}
#beginner #main .text2_ {
  position: absolute;
  top: 79.8%;
  left: 15.11%;
  width: 69.88%;
  font-size: 0;
}
#beginner #coupon {
  padding: 10px;
  margin: 0 10px 20px;
  background: url(../img/usr/freepage/beginner/bg_block.png) left top repeat;
  border-radius: 5px;
}
#beginner #coupon .img_ {
  width: 100%;
}
#beginner #coupon .text_ p {
  line-height: 180%;
}
#beginner #coupon .text_ .lead_ {
  font-size: 16px;
  font-weight: bold;
  line-height: 180%;
}
#beginner #coupon .text_ strong {
  color: #e60012;
}
#beginner .section_ {
  padding: 10px;
  margin: 20px 10px;
  background: url(../img/usr/freepage/beginner/bg_block.png) left top repeat;
  border-radius: 5px;
}
#beginner #sec01 .lead_ {
  font-size: 14px;
  text-align: center;
  line-height: 180%;
  margin: 0 0 10px 0;
}
#beginner #sec01 .box1_ {
  width: 48%;
  margin: 2.5% 0 10px 0;
  background: #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
}
#beginner #sec01 .box_groupe_ .box1_:nth-of-type(2n+1) {
  float: left;
}
#beginner #sec01 .box_groupe_ .box1_:nth-of-type(2n) {
  float: right;
}
#beginner #sec01 #merit05,
#beginner #sec01 .new_entry_ {
  margin-bottom: 0;
}
#beginner #sec01 .box1_ dt {
  margin: -2.5% 0 8px 0;
  text-align: center;
  line-height: 100%;
}
#beginner #sec01 .box1_ dt img {
  width: 100%;
  max-width: none;
  vertical-align: top;
}
#beginner #sec01 .new_entry_ dt {
  padding: 8px;
  margin: 0;
}
#beginner #sec01 .box1_ dd {
  padding: 0 8px 8px 8px;
  margin: 0;
  line-height: 160%;
}
#beginner #sec01 .new_entry_ dd {
  text-align: center;
}
#beginner #sec02 .lead_ {
  font-size: 14px;
  text-align: center;
  line-height: 180%;
  margin: 0 0 20px 0;
}
#beginner #sec02 h4.subttl01_ {
  margin: 20px auto 10px auto;
  font-size: 0;
  text-align: center;
}
#beginner #sec02 .box2_ {
  width: 48%;
  margin: 4.375% 0 10px 0;
  background: #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
}
#beginner #sec02 .point_list_ .box2_:nth-of-type(2n+1) {
  float: left;
}
#beginner #sec02 .point_list_ .box2_:nth-of-type(2n) {
  float: right;
}
#beginner #sec02 .box2_ dt {
  margin: -4.375% 0 8px 0;
  text-align: center;
  line-height: 100%;
}
#beginner #sec02 .box2_ dt img {
  width: 60%;
  max-width: 112px;
}
#beginner #sec02 .box2_ dd {
  padding: 0 8px 8px 8px;
  margin: 0;
}
#beginner #sec02 .box2_ dd.text_ {
  text-align: left;
  line-height: 160%;
}
#beginner #sec02 .box2_ dd.text_ .lead_ {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  line-height: 160%;
}
#beginner #sec02 .fukidashi_:before {
}
#beginner #sec02 .fukidashi_ .text_ {
  margin: 10px 0 0 0;
  font-size: 14px;
  text-align: center;
}
#beginner #sec03 h4 {
  width: 100%;
  margin: 20px auto 10px auto;
  font-size: 0;
  text-align: center;
}
#beginner #sec03 p {
  font-size: 12px;
  line-height: 200%;
}
#beginner #sec03 .lead_ {
  font-size: 14px;
  text-align: center;
  margin: 0 0 20px 0;
  line-height: 180%;
}
#beginner .btnArea_ {
  margin: 0 10px 20px 10px;
  text-align: center;
}


/* --------------------------------------------------------------------
	フリーページ　美味しいコーヒーの淹れ方
--------------------------------------------------------------------- */

#drip {
}
#drip #main {
  position: relative;
  width: 100%;
  padding-bottom: 27.9%;
  margin: 0 0 20px 0;
  background: url(../img/usr/freepage/drip/bg_main.png) left top no-repeat;
  background-size: contain;
}
#drip h2 {
  position: absolute;
  top: 22.08%;
  left: 20.7%;
  width: 58.6%;
  padding: 0;
  margin: 0;
}
#drip h3 {
}
#drip h4 {
  margin: 10px 0;
}
#drip #main p.text_ {
  position: absolute;
  top: 52.91%;
  left: 15.7%;
  width: 68.72%;
  padding: 0;
  margin: 0;
}
#drip .section_ {
  padding: 10px;
  margin: 0 10px 20px 10px;
  background: url(../img/usr/freepage/drip/bg_section.png) left top repeat;
  border-radius: 5px;
}
#drip .section_ .lead_ {
  font-size: 14px;
  text-align: center;
  line-height: 180%;
  margin: 0 0 20px 0;
}
#drip .lead_box_ {
  padding: 10px;
  margin: 10px 0;
  background: #ffffff;
  border-radius: 5px;
}
#drip .lead_box_ .img_ {
  float: left;
  width: 40%;
  margin: 0 10px 10px 0;
}
#drip .lead_box_ dt {
  margin: 0 0 10px 0;
}
#drip .lead_box_ dt em {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}
#drip .lead_box_ dd {
  font-size: 12px;
}
#drip #sec01 .step_block_ {
  margin: 20px 0 0 0;
}
#drip #sec01 .step_box_ {
  float: left;
  width: 45%;
  padding: 0 0 0 5%;
}
#drip #sec01 .step_box_ dl {
  position :relative;
  width: 100%;
  margin: 0 0 10px 0;
}
#drip #sec01 .step_box_ dt {
  width: 50.52%;
  margin: 0 auto -10.52% auto;
}
#drip #sec01 .step_box_ dd.text_ {
  padding: 0 6.125%;
  margin: 0;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
}
#drip #sec01 .step_box_ dd.text_ img {
  display: inline-block;
  width: 100%;
  max-width: 150px;
  margin-top: 23.33%;
}
#drip #sec01 .step_box_ dd.text_ a {
  display: block;
  width: 100%;
  padding: 10px 0 20px 0;
  line-height: 180%;
}
#drip #sec01 .step_box_ dd.text_ em {
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}
#drip #sec01 .step_box_ dd.text_ span {
  display: block;
  padding: 0 0 20px 0;
  background: url(../img/usr/freepage/drip/arrow_down_orange.png) center bottom no-repeat;
  font-size: 12px;
  text-align: left;
}
#drip #sec01 .step_box_ dd.arrow_ {
  position: absolute;
  top: 40%;
  left: 0;
  width: 15.79%;
  margin: 0 0 0 -11.38%;
  z-index: 100;
}
#drip #sec01 .step_box_ .btn_ {
  margin: 0 0 10px 0
}
#drip #sec02 .product_block_ {
  margin: 10px 0 0 0;
}
#drip #sec02 .product_box_ {
  position: relative;
  float: left;
  width: 48%;
  padding: 10px 10px 15% 10px;
  margin: 0 0 0 4%;
  background: #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
}
#drip #sec02 .product_block_ .product_box_:first-child {
  margin-left: 0;
}
#drip #sec02 .product_box_ .img_ {
  text-align: center;
}
#drip #sec02 .product_box_ .img_ img {
  width: 100%;
  max-width: 130px;
}
#drip #sec02 .product_box_ p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 180%;
}
#drip #sec02 .product_box_ .btn_ {
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 100%;
  margin-left: -50%;
  text-align: center;
}
#drip #sec02 .product_box_ .btn_ img {
  width: 85.2%;
  max-width: 210px;
}
#drip #sec03 .roast_block_ {
  margin: 10px 0 0 0;
}
#drip #sec03 .roast_box_ {
  float: left;
  width: 20%;
  padding: 0 1px;
  margin: 0 0 8px 0;
  box-sizing: border-box;
}
#drip #sec03 .roast_block_ .roast_box_:first-child {
  background: #d9d3c9;
}
#drip #sec03 .roast_block_ .roast_box_:nth-of-type(5n+1) {
  margin-left: 0;
}
#drip #sec03 .roast_box_ dt.img_ {
}
#drip #sec03 .roast_box_ dt.text_ {
  padding: 8px 0;
  font-weight: bold;
  text-align: center;
}
#drip #sec03 .roast_box_ dt em {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}
#drip #sec03 .roast_box_ dd {
  padding: 0 0 10px 0;
  font-size: 10px;
}
#drip #sec03 .roast_block_ .roast_box_:first-child dd{
  padding: 0 5px 10px 5px;
}
#drip #sec03 .roast_level_ {
  width: 100%;
  margin: 0 0 10px 0;
  text-align: right;
}
#drip #sec04 .instrument_block_ {
  margin: 10px 0 0 0;
}
#drip #sec04 .instrument_box_ {
  float: left;
  width: 48%;
  margin: 0 0 10px 4%;
}
#drip #sec04 .instrument_block_ .instrument_box_:nth-of-type(2n+1) {
  margin-left: 0;
}
#drip #sec04 .instrument_box_ dl {
  padding: 8px;
  background: #ffffff;
  border-radius: 5px;
}
#drip #sec04 .instrument_box_ dt.text_ {
  display:table;
  width: 100%;
}
#drip #sec04 .instrument_box_ dt em {
  display:table-cell;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
}
#drip #sec04 .instrument_box_ dt.img_ {
  margin: 10px 0;
}
#drip #sec04 .instrument_box_ dd {
  font-size: 12px;
}
#drip #sec04 .instrument_box_ dd.btn_ {
  margin: 10px 0 0 0;
}
#drip #sec04 .topic_ h4 {
  margin: 10px 0;
}
#drip #sec04 .topic_ h5 {
  margin: 10px 0;
}
#drip #sec04 .topic_ #topic01-2 h5,
#drip #sec04 .topic_ #topic02-2 h5 {
  margin-top: 0;
}
#drip #sec04 .topic_ .lead_ {
  margin-bottom: 10px;
}
#drip #sec04 .topic_btn_ {
  width: 100%;
  padding: 0 0 6.58% 0;
  margin: 10px auto 20px auto;
  background: url(../img/usr/freepage/drip/more_btn.png) center no-repeat;
  background-size: contain;
  cursor: pointer;
}
#drip #sec04 .topic_btn_.active {
  background: url(../img/usr/freepage/drip/close_btn.png) center no-repeat;
  background-size: contain;
}
#drip #sec04 .detail_block_ {
  display: none;
}
#drip #sec04 .detail_block_ p {
  font-size: 12px;
  line-height: 180%;
}
#drip #sec04 .detail_block_ ul.feature_ {
  padding: 10px;
  margin: 0 0 20px 0;
  background: #ffffff;
  border-radius: 5px;
}
#drip #sec04 .detail_block_ ul.feature_ li {
  background: url(../img/usr/freepage/drip/icon_check.png) left top no-repeat;
  margin: 10px 0 0 0;
}
#drip #sec04 .detail_block_ ul.feature_ li:first-child {
  margin-top: 0;
}
#drip #sec04 .detail_block_ ul.feature_ li em {
  display: inline-block;
  margin-left: 35px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 160%;
}
#drip #sec04 .detail_block_ #topic01-4 dt.img_,
#drip #sec04 .detail_block_ #topic02-3 dt.img_,
#drip #sec04 .detail_block_ #topic02-4 dt.img_ {
  float: left;
  width: 40%;
  max-width: 320px;
  margin: 0 10px 20px 0;
}
#drip #sec04 .detail_block_ #topic01-4 dd,
#drip #sec04 .detail_block_ #topic02-3 dd,
#drip #sec04 .detail_block_ #topic02-4 dd {
  font-size: 12px;
  line-height: 180%;
}
#drip #sec04 .detail_block_ .case_block_ {
  margin: 10px 0;
}
#drip #sec04 .detail_block_ .case_box_ {
  float: left;
  width: 32%;
  margin: 0 0 0 2%;
}
#drip #sec04 .detail_block_ .case_block_ .case_box_:first-child {
  margin-left: 0;
}
#drip #sec04 .detail_block_ .case_box_ dt {
  margin: 0 0 8px 0;
}
#drip #sec04 .detail_block_ .case_box_ dd {
  font-size: 12px;
  line-height: 180%;
}
#drip #sec04 .detail_block_ .note_ {
  padding: 10px;
  margin: 20px 0 0 0;
  background: #ffffff;
  border-radius: 5px;
}
#drip #sec04 .detail_block_ .note_ dt {
  font-size: 12px;
  font-weight: bold;
  line-height: 180%;
}
#drip #sec04 .detail_block_ .note_ dd {
  font-size: 12px;
  line-height: 180%;
}
#drip #sec04 .detail_block_ .note_ dd.img_ {
  margin: 10px 0 0 0;
}
#drip #sec04 .detail_block_ .note_ dd ul {
  margin-left: 18px;
}
#drip #sec04 .detail_block_ .note_ dd li {
  font-size: 12px;
  list-style: disc;
}
#drip #sec04 .detail_block_ .bnr_ {
  margin: 20px 0;
}
#drip #sec05 .dripping_block_ {
  margin: 10px 0 20px 0;
}
#drip #sec05 #brewing04.dripping_block_ {
  margin-bottom:  0;
}
#drip #sec05 .dripping_box_ {
  float: left;
  width: 48%;
  padding: 8px;
  margin: 0 0 10px 4%;
  background: #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
  text-align: center;
}
#drip #sec05 .dripping_block_ .dripping_box_:nth-of-type(2n+1) {
  margin-left: 0;
}
#drip #sec05 .dripping_box_ dt {
  margin: 0 0 10px 0;
}
#drip #sec05 .dripping_box_ dd a {
  display: block;
  width: 100%;
  padding: 0 0 30% 0;
  background: url(../img/usr/freepage/drip/arrow_down_orange.png) center bottom no-repeat;
}
#drip #sec05 .dripping_box_ dd a em {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}
#drip #sec05 .step_block_ {
  margin: 10px 0 20px 0;
}
#drip #sec05 #brewing04 .step_block_ {
  margin-bottom: 0;
}
#drip #sec05 .step_box_ {
  float: left;
  width: 45%;
  padding: 0 0 0 5%;
}
#drip #sec05 #brewing04 .step_box_ {
  width: 47.5%;
}
#drip #sec05 #brewing04 .step_box_:first-child {
  padding-left: 0;
}
#drip #sec05 .step_box_ dl {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
}
#drip #sec05 .step_box_ dt.num_ {
  width: 21.05%;
  margin: 0 auto -10.52% auto;
}
#drip #sec05 .step_box_ dd.text_ {
  padding: 0 6.125%;
  margin: 0;
  background: #ffffff;
  border-radius: 5px;
  text-align: center;
}
#drip #sec05 .step_box_ dd.text_ img {
  display: inline-block;
  width: 100%;
  max-width: 150px;
  margin-top: 23.33%;
}
#drip #sec05 .step_box_ dd.text_ span {
  display: block;
  width: 100%;
  padding: 10px 0 20px 0;
  font-size: 12px;
  line-height: 180%;
}
#drip #sec05 .step_box_ dd.arrow_ {
  position: absolute;
  top: 40%;
  left: 0;
  width: 15.79%;
  margin: 0 0 0 -11.38%;
  z-index: 100;
}
#drip #sec05 .step_box_ .btn_ {
  margin: 0 0 10px 0
}
#drip #sec05 #brewing04 .step_box_ .btn_ {
  margin-bottom: 0;
}
#drip #sec05 #brewing04 .step_box_ .btn_ a {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
}


/* --------------------------------------------------------------------
	フリーページ　お試しローストの4種セット
--------------------------------------------------------------------- */
#roast {
	padding-bottom: 30px;
}
#roast #main {
  position: relative;
  width: 100%;
  padding-bottom: 27.9%;
  margin: 0 0 10px 0;
  background: url(../img/usr/freepage/roast/bg_main.jpg) left top no-repeat;
  background-size: contain;
}
#roast h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 87%;
  padding: 0;
  margin-top: -12%;
  margin-left: -44%;
  text-align: center;
}
#roast h3 {
	text-align: center;
	margin-bottom: 5px;
}
#roast h4 {
  margin: 10px 0;
}
#roast .section_ {
    padding: 10px;
    margin: 0 10px 20px 10px;
    background: url(../img/usr/freepage/roast/bg_section.png) left top repeat;
    border-radius: 5px;
}

#roast #sec01 .desc_ {
	margin-bottom: 10px;
}
#roast #sec01 .desc_ dl {
	margin-bottom: 20px;
}
#roast #sec01 .desc_ dl dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 10px;
	padding: 0 0 10px 25px;
	background-image: url(../img/usr/freepage/roast/ico_q.png);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: 15px 30px;
	background-size: 15px 30px;
}
#roast #sec01 .desc_ dl dd {
	font-size: 14px;
	line-height: 1.85;
	padding: 0 0 0 25px;
	background-image: url(../img/usr/freepage/roast/ico_a.png);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: 15px 25px;
	background-size: 15px 25px;
}
#roast #sec01 .desc_ .image_ {
	text-align: center;
}
#roast #sec01 .img_ {
	text-align: center;
}
#roast #sec01 .img_ img {
	max-width: 50%;
}

#roast #sec02 .item_line_ {
}
#roast #sec02 .item_box_ {
	width: 49%;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	position: relative;
}
#roast #sec02 .item_box_:nth-child(odd) {
	float: left;
}
#roast #sec02 .item_box_:nth-child(even) {
	float: right;
}
#roast #sec02 .item_box_ .img_ {
	margin-bottom: 5px;
}
#roast #sec02 .item_box_ .img_ img {
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#roast #sec02 .item_box_ .name_ {
	color: #ffffff;
	margin-bottom: 5px;
}
#roast #sec02 .item_box_ .comment_ {
	color: #ffffff;
	font-size: 12px;
	line-height: 1.66;
	text-align: left;
}
#roast #sec02 .item_box_ .balloon_ {
	width: 70px;
	position: absolute;
	left: -10px;
	top: -10px;
}
#roast #sec02 .item_box_ .balloon_ img {
	width: 70px;
}
/*　clearfix　*/  
#roast #sec02 .item_line_:after{  
    content:".";  
    display:block;  
    height:0;  
    clear:both;  
    visibility:hidden;  
}  


#roast #sec02 #item_light.item_box_ {
	background-color: #e4cea9;
}
#roast #sec02 #item_cinnamon.item_box_ {
	background-color: #d7b47a;
}
#roast #sec02 #item_medium.item_box_ {
	background-color: #b18351;
}
#roast #sec02 #item_high.item_box_ {
	background-color: #9c7347;
}
#roast #sec02 #item_city.item_box_ {
	background-color: #826b4c;
}
#roast #sec02 #item_fullcity.item_box_ {
	background-color: #5b4f3f;
}
#roast #sec02 #item_french.item_box_ {
	background-color: #382f26;
}
#roast #sec02 #item_italian.item_box_ {
	background-color: #0c0b09;
}

#roast #sec02 #item_light.item_box_ .name_,
#roast #sec02 #item_light.item_box_ .comment_,
#roast #sec02 #item_cinnamon.item_box_ .name_,
#roast #sec02 #item_cinnamon.item_box_ .comment_ {
	color: #2b1306;
}


#roast #sec03 .set_item_ .select4_ {
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 10px;
	background-image: url(../img/usr/freepage/roast/ico_plus.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
}
#roast #sec03 .set_item_ .price_ {
	text-align: center;
	margin-bottom: 30px;
}
/*** 画像をtxtに ***/
#roast #sec03 .price_ .area_price {
	width: 100%;
    padding-top: 40px;
    text-align: left;
}
#roast #sec03 .price_ .area_price p {
	position: relative;
    margin-bottom: 10px;
    width: 100%;
}
#roast #sec03 .price_ .area_price .txt_normal {
	color: #281700;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
}
#roast #sec03 .price_ .area_price .txt_fair {
	color: #E60012;
    display: inline-block;
    font-size: 28px;
    line-height: 1.5;
    padding: 0 10px;
}
#roast #sec03 .price_ .area_price .txt_price {
	color: #FF6537;
    font-size: 60px;
    position: absolute;
    top: 10px;
    line-height: 0.7;
    right: 15%;
}
#roast #sec03 .price_ .area_price .txt_en {
	color: #281700;
    font-size: 20px;
    position: absolute;
    bottom: 10px;
    right: 3%;
}
#roast #sec03 .price_ .area_price .txt_tax {
	color: #281700;
    font-size: 8px;
    position: absolute;
    right: 1.5%;
    bottom: 35px;
}
/*** /画像をtxtに  ***/

#roast #sec03 #delivery_bag {
	padding: 5px;
	background-color: #ffffff;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#roast #sec03 #delivery_bag .desc_ h4 {
}
#roast #sec03 #delivery_bag .desc_ p {
}
#roast #sec03 #delivery_bag .img_ {
	text-align: center;
}
#roast #sec03 #delivery_bag .img_ img {
	max-width: 50%;
}
#roast .btn_cart_ {
	margin: 0 10px;
	text-align: center;
	background-color: #ff6537;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#roast .btn_cart_ a {
	display: block;
	padding: 11px 0 10px;
}
#roast .btn_cart_ img {
	width: 50%;
	vertical-align: bottom;
}

/* --------------------------------------------------------------------
	フリーページ　メールDEカフェ
--------------------------------------------------------------------- */
/* --------------------------------------------------------------------
	フリーページ　お試しローストの4種セット
--------------------------------------------------------------------- */
#mail_cafe {
	padding-bottom: 30px;
}
#mail_cafe #main {
  position: relative;
  width: 100%;
  padding-bottom: 27.9%;
  margin: 0 0 20px 0;
  background: url(../img/usr/freepage/mail_cafe/bg_main.jpg) left top no-repeat;
  background-size: contain;
}
#mail_cafe h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  padding: 0;
  margin-top: -12%;
  margin-left: -30%;
  text-align: center;
}
#mail_cafe h3 {
	text-align: center;
	margin-bottom: 5px;
}
#mail_cafe #main p.txt_ {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  padding: 0;
  margin-left: -30%;
  text-align: center;
}
#mail_cafe .section_ {
    padding: 10px;
    margin: 0 10px 20px 10px;
    background: url(../img/usr/freepage/mail_cafe/bg_section.png) left top repeat;
    border-radius: 5px;
}
#mail_cafe .section_ p.lead_ {
	text-align: center;
}

#mail_cafe #sec01 {
	position: relative;
}
#mail_cafe #sec01 .balloon_ {
	width: 66px;
	position: absolute;
	right: 0;
	top: -10px;
}
#mail_cafe #sec01 .desc_ {
	margin-bottom: 10px;
}
#mail_cafe #sec01 .desc_ p strong {
	font-size: 15px;
	font-weight: bold;
}
#mail_cafe #sec01 .img_ {
	text-align: center;
}
#mail_cafe #sec01 .img_ img {
	width: 50%;
}

#mail_cafe #sec02 {
	position: relative;
}
#mail_cafe #sec02 .balloon_ {
	width: 40px;
	position: absolute;
	right: 0;
	top: 10px;
}
#mail_cafe #sec02 p.lead_ {
	margin-bottom: 10px;
}
#mail_cafe #sec02 .step_line_ {
	padding: 15px 0 0;
}
#mail_cafe #sec02 .step_item_ {
	width: 48%;
	padding: 20px 10px 10px;
	background-color: #ffffff;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	position: relative;
}
#mail_cafe #sec02 .step_item_:nth-child(odd) {
	float: left;
}
#mail_cafe #sec02 .step_item_:nth-child(even) {
	float: right;
}
#mail_cafe #sec02 .step_item_ .step_ {
	width: 50%;
	position: absolute;
	left: 50%;
	top: -15px;
	margin-left: -25%;
}
#mail_cafe #sec02 .step_item_ .step_img_ {
	margin-bottom: 5px;
}
#mail_cafe #sec02 .step_item_ .step_comment_ {
	font-size: 12px;
}
#mail_cafe #sec02 .step_item_ .step_comment_ span {
	color: #e60012;
	font-size: 12px;
}
#mail_cafe #sec02 .step_item_ .step_arrow_ {
	position: absolute;
	left: -10px;
	top: 50%;
	width: 15px;
	height: 40px;
	margin-top: -20px;
}

#mail_cafe #sec02 #step3,
#mail_cafe #sec02 #step4 {
	margin-top: 25px;
}

#mail_cafe #sec03 .scene_line_ {
	overflow: hidden;
}
#mail_cafe #sec03 .scene_item_ {
	width: 48%;
	padding: 10px;
	margin-top: 10px;
	background-color: #ffffff;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#mail_cafe #sec03 .scene_item_:nth-child(odd) {
	float: left;
}
#mail_cafe #sec03 .scene_item_:nth-child(even) {
	float: right;
}
#mail_cafe #sec03 .scene_item_ .scene_img_ {
	margin-bottom: 5px;
	text-align: center;
}
#mail_cafe #sec03 .scene_item_ .scene_comment_ {
	font-size: 10px;
	text-align: center;
}

#mail_cafe #sec04 {
	position: relative;
}
#mail_cafe #sec04 .balloon_ {
	width: 61px;
	position: absolute;
	right: 0;
	top: -28px;
}

#mail_cafe #sec04 .desc_ {
	margin-bottom: 10px;
}
#mail_cafe #sec04 .desc_ p strong {
	font-size: 15px;
	font-weight: bold;
}
#mail_cafe #sec04 .img_ {
	text-align: center;
}
#mail_cafe #sec04 .img_ img {
	width: 70%;
}
#mail_cafe #sec04 .img_ span {
	display: block;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
}

/*　clearfix　*/  
#mail_cafe #sec02 .step_line_:after{  
    content:".";  
    display:block;  
    height:0;  
    clear:both;  
    visibility:hidden;  
}  
/* --------------------------------------------------------------------
	フリーページ　ノベルティオファー
--------------------------------------------------------------------- */
#novelty .btn{
  width: 70%;
  height: auto;
  margin: 15px auto 0;
  overflow: hidden;
}
#novelty .btn li{
  width: 100%;
}
#novelty .btn li:first-child{
  margin-bottom: 10px;
}
#novelty #main{
  background: url(../img/usr/freepage/novelty/main_bg.jpg) no-repeat;
  background-size: cover;
  padding: 10px 0 25px;
}
#novelty #content_area{
  background: #f0e6e0;
  padding: 5px 0 25px;
}
#novelty #content_area > ul > li:first-child{
  margin-bottom: 25px;
}
#novelty .navitopicpath_ {
	display: none;
}


/* --------------------------------------------------------------------
	リニューアル記念　送料無料キャンペーン
--------------------------------------------------------------------- */
#free-shipping img { max-width:100%; max-height:100%;}
#free-shipping .wrap01_ { background:#190c06 url(../img/usr/freepage/free-shipping/bg_top.png) left top no-repeat; -webkit-background-size: contain; background-size: contain;}
#free-shipping .wrap02_ { background:url(../img/usr/freepage/free-shipping/bg_bottom.png) center bottom no-repeat; -webkit-background-size: contain; background-size: contain;}
#free-shipping .wrap03_ { padding:0 0 40px 0; background:url(../img/usr/freepage/free-shipping/bg_dot.png) center top repeat;}
#free-shipping h1       { padding:20px 10px; text-align:center;}
#free-shipping .zero_   { margin:0 0 20px 0;}
#free-shipping .zero_ ul { text-align:center; margin:0 auto;}
#free-shipping .zero_ li { width:30%; margin:0 2px; display:inline-block;}
#free-shipping .buttonframe_ { margin:0 10px 20px; text-align:center; overflow:hidden;}
#free-shipping .buttonframe_ .b_search_ { margin-bottom:10px;}
#free-shipping .buttonframe_ .b_cart_   { text-align:center;}
#free-shipping .orderflow_ { margin:0 10px 30px; text-align:center;}
#free-shipping .pc_only_   { display:none;}
#free-shipping .navitopicpath_{ display:none;}




/* --------------------------------------------------------------------
  フリーページ　ワンコイントライアル
--------------------------------------------------------------------- */
#one_coin{
	max-width: 640px;
	margin: 0 auto;
	padding: 0 0 27px 0;
	background:url(../img/usr/freepage/one_coin/bg.png) no-repeat;	
}
	
#one_coin .clearfix:after {
  content: "";
  clear: both;
  display: block;
}

#one_coin #content_area .sp{
	text-align:center;
	padding: 0 20px;
}	
	
#one_coin #content_area .btn,
#one_coin #content_area .cen{text-align: center;}
#one_coin #content_area ul{margin: 0 20px 30px 0;}	
	
#one_coin #content_area ul li:first-child{  	
	width: 100%;
	padding: 0 10px;
	text-align: center;
}
	
#one_coin #content_area ul li:last-child{   
  width: 100%;
  padding: 0 10px;  
  text-align: center;
}
  
#one_coin #content_area ul li:last-child div{
  position: relative;
  margin: 20px 20px 0 20px;
}
  
#one_coin #content_area ul li:last-child div p{
  position: absolute;
  top: -14px;
  left: 6px;
} 

#one_coin #content_area ul li:last-child div p img{
  width: 75px;
  height: 58px;
  
}
#one_coin #content_area ul {
  margin: 0 20px 0 0;
}
#one_coin #content_area ul.list li:last-child{
  margin: 10px 0 ;
}
#one_coin #content_area ul li:last-child div .goods_note_{
  position: absolute;
  top: 47px;
  left: 6px;
  font-weight: bold;
}
#one_coin #content_area ul li:last-child{  	
  margin-bottom: 60px;
}

#one_coin .navitopicpath_ {
	display: none;
}
/* --------------------------------------------------------------------
  フリーページ　１０万ポイント付与オファー
--------------------------------------------------------------------- */
#manpt{
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 27px 0;
  background:url(../img/usr/freepage/manpt/bg.png) no-repeat;
}

#manpt #content_area .sp{
	text-align:center;
	padding: 0 20px;
}	
	
#manpt #content_area .btn{  	
	text-align: center;
	margin: 0 0 20px 0;
}

#manpt #content_area .cen{text-align: center;}

/* --------------------------------------------------------------------
  フリーページ　同梱プレゼント
--------------------------------------------------------------------- */

#sample{
	max-width: 640px;
	margin: 0 auto;
	padding: 0 0 27px 0;
}
	
#sample #main{
	background:url(../img/usr/freepage/sample/bg.png) no-repeat;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

#sample #main .sp,
#sample #content_area .sp{
	text-align: center;
	padding: 0 20px;
}	

#sample ul.list{  	
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

#sample ul.list li{  	
	text-align: center;
	padding:0 20px;
	margin: 0 0 20px 0;
}

#sample #content_area .cen{text-align: center;}

#sample #content_area .mb01{margin: 0 0 30px 0;}
#sample #content_area .mb02{margin: 0 0 36px 0;}

#sample #content_area .bg{
	overflow: hidden;
	background:url(../img/usr/freepage/sample/bg02_sp.png) no-repeat;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	margin: 0 20px 16px 20px;
	padding: 0 20px;
}

#sample #content_area .note{
	padding: 20px 20px 18px 10px;
	color: #333;
}

#sample #content_area .note em{
	display: block;
	font-size: 16px;
	margin: 0 0 16px 0;
	font-style: normal;
}

#sample #content_area .note ul li{
	font-size: 14px;
	margin: 0 0 4px 0;
}
#sample .navitopicpath_ {
	display: none;
}

/* --------------------------------------------------------------------
  フリースペース　商品詳細３　SALE
--------------------------------------------------------------------- */
#sale {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../img/usr/sale/bg01.png) center top no-repeat;
	-webkit-background-size: 300% auto;
	background-size: 300% auto;
}
#sale #fixed_sale_nav {
	width: 100%;
	background: url(../img/usr/sale/layer02.png) center top repeat;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#sale #fixed_sale_nav ul {
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#sale #fixed_sale_nav ul li {
	width: 48%;
	line-height: 40px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}
#sale #fixed_sale_nav ul li:nth-child(2) {
	float: right;
}
#sale #fixed_sale_nav ul li a {
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.4;
	color: #ffffff;
	text-decoration: none;
	display: block;
}
#sale #fixed_sale_nav ul li.btn_detail_ a {
	background: #8fc31f;
}
#sale #fixed_sale_nav ul li.btn_kodawari_ a {
	background: #ff6537;
}
#sale #fixed_sale_nav ul li span {
	font-size: 12px;
	line-height: 1.4;
	display: block;
}
#sale_inner {
	margin: 0 auto;
}
#sale_inner .sales_head_ {
	position: relative;
}
#sale_inner .sales_head_ .pickup_ {
	padding: 15px 10px 10px;
	margin: 10px 0 20px 0;
	background: url(../img/usr/sale/layer01.png) center top repeat;
}
#sale_inner .sales_head_ .pickup_ h2 {
	margin-bottom: 20px;
	text-align: center;
}
#sale_inner .sales_head_ .pickup_ .spec_ {
	max-width: 400px;
	padding: 20px 20px 10px 20px;
	margin: 0 auto;
	background: url(../img/usr/sale/layer01.png) center top repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #281700;
	position: relative;
	zoom: 1;
}
#sale_inner .sales_head_ .pickup_ .spec_:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#sale_inner .sales_head_ .pickup_ .spec_ .qty_ {
	padding: 0 20%;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
	color: #281700;
}
#sale_inner .sales_head_ .pickup_ .spec_ .qty_ span {
	font-size: 20px;
	font-weight: bold;
}
#sale_inner .sales_head_ .pickup_ .spec_ .normal_ {
	padding: 0 20%;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.4;
	color: #281700;
}
#sale_inner .sales_head_ .pickup_ .spec_ .normal_ span {
	font-size: 24px;
	font-weight: bold;
}
#sale_inner .sales_head_ .pickup_ .spec_ .special_ {
	width: 55%;
	height: 50px;
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #e60012;
	float: right;
}
#sale_inner .sales_head_ .pickup_ .spec_ .special_ span.yen_ {
	padding: 0 0 0 4px;
	font-size: 24px;
	font-weight: bold;
}
#sale_inner .sales_head_ .pickup_ .spec_ .special_ span {
	font-size: 38px;
	font-weight: bold;
	color: #e60012;
}
#sale_inner .sales_head_ .pickup_ .spec_ .off_ {
	width: 40%;
	max-width: 145px;
	height: 35px;
	margin: 3px 0 0 0;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background: url(../img/usr/sale/off.png) right top no-repeat;
	float: left;
}
#sale_inner .sales_head_ .pickup_ .spec_ .off_ span {
	font-size: 16px;
}
#sale_inner .sales_head_ .pickup_ .spec_ .point_ {
	width: 80px;
	height: 65px;
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 20px;
	background: url(../img/usr/sale/cupof.png) center top repeat;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px;
	position: absolute;
	right: -10px;
	top: 12px;
}
#sale_inner .sales_head_ .pickup_ .spec_ .point_ span {
	line-height: 1.2;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #ffffff;
	display: block;
}
#sale_inner .sales_head_ .pickup_ .spec_ .point_ span.l_ {
	font-size: 32px;
	letter-spacing: -2px;
	color: #ffff00;
	display: inline;
}
#sale_inner .sales_head_ .mystar_ {
	min-height: 230px;
	margin: 10px 10px 20px 10px;
	border: #66523a 10px solid;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#ffffff url(../img/usr/sale/bg03.png) left bottom no-repeat;
	position: relative;
}
#sale_inner .sales_head_ .mystar_:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#sale_inner .sales_head_ .mystar_ h3 {
	height: 58px;
	text-align: center;
	position: relative;
	top: -18px;
}
#sale_inner .sales_head_ .mystar_ h3 img {
	height: 58px;
}
#sale_inner .sales_head_ .mystar_ .intro_ {
	padding: 0 180px 10px 10px;
}
#sale_inner .sales_head_ .mystar_ .intro_ .name_ {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #281700;
}
#sale_inner .sales_head_ .mystar_ .intro_ .comment_ {
	line-height: 1.6;
	font-size: 13px;
	font-weight: normal;
	color: #281700;
}
#sale_inner .sales_head_ .mystar_ .intro_ .icon_ {
	height: 34px;
	margin-bottom: 10px;
}
#sale_inner .sales_head_ .mystar_ .intro_ .icon_ img {
	height: 34px;
}
#sale_inner .sales_head_ .mystar_ .level_ {
	width: 157px;
	height: 180px;
	position: absolute;
	right: 10px;
	top: 40px;
}
#sale_inner .sales_head_ .mystar_ .level_ h4 {
	height: 17px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background: url(../img/usr/sale/ttl_level_sp.png) center top no-repeat;
	-webkit-background-size: 123px auto;
	background-size: 123px auto;
}
#sale_inner .sales_head_ .catch_ {
	width: 60px;
	position: absolute;
	top: 0;
	left: 10px;
}
#sale_inner .sales_head_ .catch_ img {
	width: 60px;
}
#sale_inner .sales_contents_ {
	padding: 20px 20px 1px 20px;
	margin-bottom: 20px;
	background: url(../img/usr/sale/bg02.png) center top repeat;
}
#sale_inner .sales_contents_ .typelist01_ {
	margin-bottom: 30px;
}
#sale_inner .sales_contents_ .typelist01_ li {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: #e0dfdd 1px solid;
	position: relative;
}
#sale_inner .sales_contents_ .typelist01_ li:after,
#sale_inner .sales_contents_ .typelist01_ .desc_:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#sale_inner .sales_contents_ .typelist01_ .image_ {
	width: 30%;
	padding: 2%;
	box-sizing: border-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	background: #ffffff;
	float: left;
}
#sale_inner .sales_contents_ .typelist01_ .image_ img {
	max-width: 100%;
	max-height: 100%;
}
#sale_inner .sales_contents_ .typelist01_ .desc_ {
	width: 65%;
	float: right;
}
#sale_inner .sales_contents_ .typelist01_ .icon_ {
	width: 46px;
	height: 38px;
	padding: 10px 0 0 0;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	background: #097c25;
	position: absolute;
	top: -12px;
	left: -12px;
}
#sale_inner .sales_contents_ .typelist01_ .icon_ span {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
}
#sale_inner .sales_contents_ .typelist01_ .type_ {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	color: #2b1306;
}
#sale_inner .sales_contents_ .typelist01_ .type_ span {
	font-size: 12px;
	font-weight: bold;
	color: #2b1306;
	display: block;
}
#sale_inner .sales_contents_ .typelist01_ .cart_ {
	width: 40%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	float: right;
}
#sale_inner .sales_contents_ .typelist01_ .cart_ a {
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	display: block;
	background: #ff6537;
}
#sale_inner .sales_contents_ .typelist01_ .cart_ a span {
	padding: 0 0 0 20px;
	font-size: 12px;
	background: url(../img/usr/sale/ico_cart.png) left center no-repeat;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
#sale_inner .sales_contents_ .typelist01_ .pprice_ {
	width: 56%;
	font-size: 12px;
	font-weight: normal;
	line-height: 40px;
	text-align: right;
	color: #2b1306;
	float: left;
}
#sale_inner .sales_contents_ .typelist01_ .pprice_ span {
	padding: 0 3px 0 0;
	font-size: 20px;
	font-weight: bold;
	color: #e60012;
}
#sale_inner .sales_contents_ .typelist02_ {
}
#sale_inner .sales_contents_ .typelist02_ li {
	min-width: 240px;
	min-height: 132px;
	padding: 30px 20px 15px 20px;
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff url(../img/usr/sale/coffee_s.png) -25px bottom no-repeat;
	position: relative;
}
#sale_inner .sales_contents_ .typelist02_ .desc_ {
	padding: 0 0 0 26%;
}
#sale_inner .sales_contents_ .typelist02_ li .title_ {
	width: 100%;
	height: 30px;
	line-height: 25px;
	text-align: center;
	background: url(../img/usr/sale/title_bg.png) center top no-repeat;
	-webkit-background-size: auto 85%;
	background-size: auto 85%;
	color: #ffffff;
	font-size: 13px;
	position: absolute;
	top: -10px;
	left: 0;
}
#sale_inner .sales_contents_ .typelist02_ li .title_ span {
	padding: 0 2px;
	color: #ffff00;
	font-size: 16px;
	font-weight: bold;
}
#sale_inner .sales_contents_ .typelist02_ .name_ {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: #2b1306;
}
#sale_inner .sales_contents_ .typelist02_ .text_ {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #2b1306;
}
#sale_inner .sales_contents_ .typelist02_ .type_ {
	width: 35%;
	height: 37px;
	padding: 3px 0 0 0;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
	background: #e60012;
	float: left;
}
#sale_inner .sales_contents_ .typelist02_ .type_ span {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	display: block;
}
#sale_inner .sales_contents_ .typelist02_ .pprice_ {
	width: 60%;
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	text-align: right;
	color: #2b1306;
	float: right;
}
#sale_inner .sales_contents_ .typelist02_ .pprice_ span {
	padding: 0 2px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #e60012;
}
#sale_inner .sales_contents_ .typelist02_ .pprice_ span.yen_ {
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #2b1306;
}
#sale_inner .sales_contents_ .typelist02_ .cart_ {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	clear: both;
}
#sale_inner .sales_contents_ .typelist02_ .cart_ a {
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	background: #ff6537;
	text-decoration: none;
	display: block;
}
#sale_inner .sales_contents_ .typelist02_ .cart_ a span {
	padding: 0 0 0 25px;
	font-size: 14px;
	background: url(../img/usr/sale/ico_cart.png) left center no-repeat;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
#sale .img_.chart_img_ {
    width: 157px;
    height: 157px;
    background: url(../img/usr/common/chart_img_bg.png) 0 0 no-repeat;
	display: block;
}
#sale .img_.chart_img_ li {
    width: 157px;
    height: 31px;
	border: none;
    background: url(../img/usr/common/chart_img.png) 47px 35px no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
#sale .img_.chart_img_ li.chart00 {
    background-position: 47px 9px;
}
#sale .img_.chart_img_ li.chart05 {
    background-position: 47px -22px;
}
#sale .img_.chart_img_ li.chart10 {
    background-position: 47px -55px;
}
#sale .img_.chart_img_ li.chart15 {
    background-position: 47px -86px;
}
#sale .img_.chart_img_ li.chart20 {
    background-position: 47px -119px;
}
#sale .img_.chart_img_ li.chart25 {
    background-position: 47px -152px;
}
#sale .img_.chart_img_ li.chart30 {
    background-position: 47px -182px;
}
#sale .img_.chart_img_ li.chart35 {
    background-position: 47px -215px;
}
#sale .img_.chart_img_ li.chart40 {
    background-position: 47px -247px;
}
#sale .img_.chart_img_ li.chart45 {
    background-position: 47px -278px;
}
#sale .img_.chart_img_ li.chart50 {
    background-position: 47px -310px;
}
#sale .for_pc_ {
	display: none;
}

/* --------------------------------------------------------------------
  r-gift　珈琲問屋のギフト
--------------------------------------------------------------------- */
.box_r-gift_top {
}

.box_r-gift_top .onlypc,
.box_r-gift_bottom .onlypc{
	display:none;
}

.box_r-gift_top .box_menu {
	margin: 10px 0 30px;
    background: #47372e;
    padding: 1px 0;
}
.box_r-gift_top .box_menu ul {
	letter-spacing: -.4em;
    border: #e7dec9 1px solid;
}
.box_r-gift_top .box_menu li {
	display: inline-block;
    letter-spacing: normal;
}
.box_r-gift_top .box_menu li:first-child,
.box_r-gift_top .box_menu li:nth-child(2),
.box_r-gift_top .box_menu li:nth-child(3) {
	width: 33%;
}
.box_r-gift_top .box_menu li:nth-child(4),
.box_r-gift_top .box_menu li:last-child {
	width: 49.6%;
}
.box_r-gift_bottom .box_scene {
	margin: -51px 0 30px;
	padding-top:61px;
}
.box_r-gift_bottom h3 {
	text-align: center;
    margin: 0 20px 20px;
}
.box_r-gift_bottom .box_scene ul {
	margin: 10px 1%;
    letter-spacing: -.4em;
}
.box_r-gift_bottom .box_scene li {
	display: inline-block;
    letter-spacing: normal;
    margin-bottom: 5px;
    width: 49%;
}
.box_r-gift_bottom .box_scene li:nth-child(odd) {
	margin-right: 1.5%;
}
.box_r-gift_bottom .box_opponent {
	margin: -61px 0 30px;
	padding-top:61px;
}
.box_r-gift_bottom .box_opponent h3 {
	margin: 0 35px 20px;
}
.box_r-gift_bottom .box_opponent li {
	margin-bottom: 10px;
}
.box_r-gift_bottom .box_cate {
	margin: -61px 0 40px;
	padding-top:61px;
}
.box_r-gift_bottom .box_cate h3 {
	margin: 0 35px 20px;
}
.box_r-gift_bottom .box_cate ul {
	letter-spacing: -.4em;
	margin: 0 1%;
}
.box_r-gift_bottom .box_cate li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 1.8% 1.8% 0;
	width: 49%;
}
.box_r-gift_bottom .box_cate li:nth-child(2n) {
	margin-right: 0;
}
.box_r-gift_bottom .box_price {
	margin: -61px 0 40px;
	padding-top:61px;
}
.box_r-gift_bottom .box_price h3 {
	margin: 0 50px 20px;
}
.box_r-gift_bottom .box_price ul {
	margin: 0 5%;
}
.box_r-gift_bottom .box_price li {
	margin: 0 0 10px 0;
}

/* --------------------------------------------------------------------
  g55　アイスコーヒー
--------------------------------------------------------------------- */
#ice_cofee .onlypc {
	display:none;
}
#ice_cofee {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url(../img/usr/icecoffee/spbg01.png) center top no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#ice_cofee #fixed_sale_nav {
	width: 100%;
	background: url(../img/usr/sale/layer02.png) center top repeat;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}
#ice_cofee #fixed_sale_nav ul {
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
#ice_cofee #fixed_sale_nav ul li {
	width: 48%;
	line-height: 40px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
}
#ice_cofee #fixed_sale_nav ul li:nth-child(2) {
	float: right;
}
#ice_cofee #fixed_sale_nav ul li a {
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.4;
	color: #ffffff;
	text-decoration: none;
	display: block;
}
#ice_cofee #fixed_sale_nav ul li.btn_detail_ a {
	background: #8fc31f;
}
#ice_cofee #fixed_sale_nav ul li.btn_kodawari_ a {
	background: #ff6537;
}
#ice_cofee #fixed_sale_nav ul li span {
	font-size: 12px;
	line-height: 1.4;
	display: block;
}
#ice_cofee_inner {
	margin: 0 auto;
}
#ice_cofee_inner .sales_head_ {
	position: relative;
}
#ice_cofee_inner .sales_head_ .pickup_ {
	padding: 0px 0 10px;
    margin: 10px 0 0 0;
    background: url(../img/usr/sale/layer01.png) center top repeat;
}
#ice_cofee_inner .sales_head_ .pickup_ h2 {
	margin-bottom: 20px;
	text-align: center;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ {
	min-width: 290px;
    padding: 20px 1px 15px 20px;
    margin: 0;
    background: url(../img/usr/icecoffee/bkg_spec.png)no-repeat -5px 5px;
    background-size: cover;
    color: #281700;
    position: relative;
    zoom: 1;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .qty_ {
	padding: 0 20% 0 23%;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.2;
	color: #281700;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .qty_ span {
	font-size: 20px;
	font-weight: bold;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .normal_ {
	padding: 0 22% 0 23%;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.4;
    color: #281700;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .normal_ span {
	font-size: 20px;
	font-weight: bold;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .special_ {
	width: 50%;
    height: 50px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #e60012;
    float: right;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .special_ span.yen_ {
	font-size: 24px;
	font-weight: bold;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .special_ span {
	font-size: 33px;
	font-weight: bold;
	color: #e60012;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .off_ {
	width: 27%;
    max-width: 145px;
    height: 35px;
    margin: 3px 0 0 22%;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    background: url(../img/usr/icecoffee/off.png) right top no-repeat;
    float: left;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .off_ span {
	font-size: 16px;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .point_ {
	width: 80px;
	height: 65px;
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 20px;
	background: url(../img/usr/sale/cupof.png) center top repeat;
	-webkit-background-size: 80px 80px;
	background-size: 80px 80px;
	position: absolute;
	right: 5px;
	top: 0;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .point_ span {
	line-height: 1.2;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #ffffff;
	display: block;
}
#ice_cofee_inner .sales_head_ .pickup_ .spec_ .point_ span.l_ {
	font-size: 32px;
	letter-spacing: -2px;
	color: #ffff00;
	display: inline;
}
#ice_cofee_inner .sales_head_ .mystar_ {
	margin: 0;
    background: #ffffff;
    position: relative;
    padding: 2% 5%;
}
#ice_cofee_inner .sales_head_ .mystar_:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#ice_cofee_inner .sales_head_ .mystar_ .free_ {
	width: 36%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}
#ice_cofee_inner .sales_head_ .mystar_ .level_ {
	width: 48%;
    display: inline-block;
    vertical-align: middle;
}
#ice_cofee_inner .sales_head_ .catch_ {
	width: 60px;
	position: absolute;
	top: 0;
	left: 10px;
}
#ice_cofee_inner .sales_head_ .catch_ img {
	width: 60px;
}
#ice_cofee_inner .sales_contents_ {
	padding: 20px 20px 1px 20px;
	margin-bottom: 20px;
	background: url(../img/usr/sale/bg02.png) center top repeat;
}
#ice_cofee_inner .sales_contents_ .typelist01_ {
	margin-bottom: 30px;
}
#ice_cofee_inner .sales_contents_ .typelist01_ li {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: #e0dfdd 1px solid;
	position: relative;
}
#ice_cofee_inner .sales_contents_ .typelist01_ li:after,
#ice_cofee_inner .sales_contents_ .typelist01_ .desc_:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .image_ {
	width: 30%;
	padding: 2%;
	box-sizing: border-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	background: #ffffff;
	float: left;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .image_ img {
	max-width: 100%;
	max-height: 100%;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .desc_ {
	width: 65%;
	float: right;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .icon_ {
	width: 46px;
	height: 33px;
	padding: 15px 0 0 0;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	letter-spacing: -1px;
	text-align: center;
	color: #ffffff;
	background: #097c25;
	position: absolute;
	top: -12px;
	left: -12px;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .icon_ span {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .type_ {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4;
	color: #2b1306;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .type_ span {
	font-size: 12px;
	font-weight: bold;
	color: #2b1306;
	/*display: block;*/
}
#ice_cofee_inner .sales_contents_ .typelist01_ .cart_ {
	width: 80%;
	margin:0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .cart_ a {
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	display: block;
	background: #ff6537;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .cart_ a span {
	padding: 0 0 0 20px;
	font-size: 12px;
	background: url(../img/usr/sale/ico_cart.png) left center no-repeat;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .pprice_ {
	font-size: 12px;
	font-weight: normal;
	line-height: 40px;
	text-align: right;
	color: #2b1306;
	float: left;
}
#ice_cofee_inner .sales_contents_ .typelist01_ .pprice_ span {
	padding: 0 3px 0 0;
	font-size: 20px;
	font-weight: bold;
	color: #e60012;
}
#ice_cofee_inner .sales_contents_ .typelist02_ {
}
#ice_cofee_inner .sales_contents_ .typelist02_ li {
	min-width: 240px;
	min-height: 132px;
	padding: 30px 20px 15px 20px;
	margin: 0 0 20px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff url(../img/usr/icecoffee/coffee_s.png) 0 bottom no-repeat;
	position: relative;
}
#ice_cofee_inner .sales_contents_ .typelist02_ li:last-child {
	background: #ffffff url(../img/usr/icecoffee/coffee_ss.png) 0 bottom no-repeat;
}

#ice_cofee_inner .sales_contents_ .typelist02_ .desc_ {
	padding: 0 0 0 26%;
}
#ice_cofee_inner .sales_contents_ .typelist02_ li .title_ {
	width: 100%;
    height: 51px;
    line-height: 2.7;
    text-align: center;
    background: url(../img/usr/icecoffee/title_bg.png) center top no-repeat;
    -webkit-background-size: auto 90%;
    background-size: 90% auto;
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    top: -18px;
    left: 0;
}
#ice_cofee_inner .sales_contents_ .typelist02_ li:last-child .title_ {
    background: url(../img/usr/icecoffee/title_bgp.png) center top no-repeat;
    -webkit-background-size: auto 90%;
    background-size: 90% auto;
}

#ice_cofee_inner .sales_contents_ .typelist02_ li .title_ p {
	text-align: left;
	font-size:13px;
    margin-left: 16%;
}
#ice_cofee_inner .sales_contents_ .typelist02_ li .title_ span.txt_n {
	color: #ffff00;
	font-size: 16px;
	font-weight: bold;
}
#ice_cofee_inner .sales_contents_ .typelist02_ li .title_ span.txt_nn {
	font-size: 12px;
    font-weight: normal;
    color: #fff;
	padding: 0 6% 0 0;
}

#ice_cofee_inner .sales_contents_ .typelist02_ .name_ {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	color: #2b1306;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .text_ {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #2b1306;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .type_ {
	width: 35%;
	height: 37px;
	padding: 3px 0 0 0;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	color: #ffffff;
	background: #e60012;
	float: left;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .type_ span {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	display: block;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .pprice_ {
	width: 62%;
	padding: 5px 0 0 0;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	text-align: right;
	color: #2b1306;
	float: right;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .pprice_ span {
	padding: 0 2px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #e60012;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .pprice_ span.yen_ {
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #2b1306;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .cart_ {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	clear: both;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .cart_ a {
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	background: #ff6537;
	text-decoration: none;
	display: block;
}
#ice_cofee_inner .sales_contents_ .typelist02_ .cart_ a span {
	padding: 0 0 0 25px;
	font-size: 14px;
	background: url(../img/usr/sale/ico_cart.png) left center no-repeat;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}
#ice_cofee .img_.chart_img_ {
    width: 157px;
    height: 157px;
    background: url(../img/usr/common/chart_img_bg.png) 0 0 no-repeat;
	display: block;
}
#ice_cofee .img_.chart_img_ li {
    width: 157px;
    height: 31px;
	border: none;
    background: url(../img/usr/common/chart_img.png) 47px 35px no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
#ice_cofee .img_.chart_img_ li.chart00 {
    background-position: 47px 9px;
}
#ice_cofee .img_.chart_img_ li.chart05 {
    background-position: 47px -22px;
}
#ice_cofee .img_.chart_img_ li.chart10 {
    background-position: 47px -55px;
}
#ice_cofee .img_.chart_img_ li.chart15 {
    background-position: 47px -86px;
}
#ice_cofee .img_.chart_img_ li.chart20 {
    background-position: 47px -119px;
}
#ice_cofee .img_.chart_img_ li.chart25 {
    background-position: 47px -152px;
}
#ice_cofee .img_.chart_img_ li.chart30 {
    background-position: 47px -182px;
}
#ice_cofee .img_.chart_img_ li.chart35 {
    background-position: 47px -215px;
}
#ice_cofee .img_.chart_img_ li.chart40 {
    background-position: 47px -247px;
}
#ice_cofee .img_.chart_img_ li.chart45 {
    background-position: 47px -278px;
}
#ice_cofee .img_.chart_img_ li.chart50 {
    background-position: 47px -310px;
}
#ice_cofee .for_pc_ {
	display: none;
}
#ice_cofee .box_bn_ {
	margin: 0 20px;
}
#ice_cofee .box_bn_ li {
	margin-bottom: 10px;
}
#ice_cofee_inner .img_.chart_img_ {
    width: 157px;
    height: 157px;
    background: url(../img/usr/common/chart_img_bg.png) 0 0 no-repeat;
	display: block;
	margin: 0 auto 10px;
}
#ice_cofee_inner .img_.chart_img_ li {
    width: 157px;
    height: 31px;
	border: none;
    background: url(../img/usr/common/chart_img.png) 47px 35px no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
#ice_cofee_inner .img_.chart_img_ li.chart00 {
    background-position: 47px 9px;
}
#ice_cofee_inner .img_.chart_img_ li.chart05 {
    background-position: 47px -22px;
}
#ice_cofee_inner .img_.chart_img_ li.chart10 {
    background-position: 47px -55px;
}
#ice_cofee_inner .img_.chart_img_ li.chart15 {
    background-position: 47px -86px;
}
#ice_cofee_inner .img_.chart_img_ li.chart20 {
    background-position: 47px -119px;
}
#ice_cofee_inner .img_.chart_img_ li.chart25 {
    background-position: 47px -152px;
}
#ice_cofee_inner .img_.chart_img_ li.chart30 {
    background-position: 47px -182px;
}
#ice_cofee_inner .img_.chart_img_ li.chart35 {
    background-position: 47px -215px;
}
#ice_cofee_inner .img_.chart_img_ li.chart40 {
    background-position: 47px -247px;
}
#ice_cofee_inner .img_.chart_img_ li.chart45 {
    background-position: 47px -278px;
}
#ice_cofee_inner .img_.chart_img_ li.chart50 {
    background-position: 47px -310px;
}
#ice_cofee_inner .sales_head_ .mystar_ .level_ {
	width: 55%;
    background-size: 100%;
    position: relative;
    border: #66523a 8px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#ice_cofee_inner .sales_head_ .mystar_ .level_ h3 {
	height: 32px;
    margin-bottom: 0px;
    text-indent: -9999px;
    background: url(../img/usr/icecoffee/lv_ttl_sp.png) center top no-repeat;
    -webkit-background-size: 123px auto;
    background-size: 123px auto;
    margin-top: -10px;
}

#ice_cofee_inner .sales_head_ .mystar_ .level_ h4 {
	height: 17px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background: url(../img/usr/sale/ttl_level_sp.png) center top no-repeat;
	-webkit-background-size: 123px auto;
	background-size: 123px auto;
}