@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 640px) {
/*============================
嵜本珈琲用のCSS（スマホ用）
============================*/
	
.c-ttl-head.sakimoto-coffee {
    padding: 270px 0 200px;
}
.pc_only { display: none; }
.sp_only { display: block; }

/*====== section_01 ======*/
#section_01 { margin: 0 0 35% 0; }
#section_01 h2 {
    font-size: 1.2em;
    letter-spacing: 1px;
    line-height: 1.8;
    padding: 0 2%;
}
#section_01 div.center img { width: 40%; margin-bottom: 10%; }
.links_btn { 
    width: 100%;
    margin: 4% auto 0;
    padding: 0;
	text-align: center;
}
.links_btn_L, .links_btn_R, .links_btn p, .links_btn_or { float: none; }
.links_btn_L img, .links_btn_R img { width: 70%; }
.links_btn p {
	font-size: 1.2em;
    margin: 2% 0;
}
.links_btn_or { 
    margin: 2% 0;
    font-size: 1.1em;
}

/*====== section_02 ======*/
#section_02 {
	min-height: 1500px;
}
div.latte_base img { max-width: 140%; }
.latte_base {
    top: -105px;
    left: 40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*====== section_06 ======*/	
#section_06 h2{ 
    font-size: 1.5em;
    letter-spacing: 1.6px;
    line-height: 1.6;
	margin-bottom: 8%;
}
#section_06 p { 
	font-size: 1.08em;
	letter-spacing: 1px;
	line-height: 1.4;
	padding: 0 2%;
}
#section_06 .cafe_link {
	margin-top: 10%;
	padding: 0 4%;
}
#section_06 .cafe_link a {
	line-height: 1.2;
	padding: 4% 6%;
}
#section_06 .cafe_link a br { display: block; }

/*====== section_07 店舗情報======*/
#section_07 { 
	padding: 14% 0;
}
#section_07 .content-area {
	width: 100%;
}
#section_07 .tennpo-image {
	margin: 10% 0;
	padding: 0 4%;
}
#section_07 .tennpo-image img {
	width: 100%;
}
#section_07 .left-area, #section_07 .right-area {
	float: none;
}
#section_07 .left-area h3 {
	text-align: center;
	margin-bottom: 10%;
}
#section_07 .left-area dl { 
	padding: 0 4%;
}
#section_07 .left-area dl dt, #section_07 .left-area dl dd {
	font-size: 1.08em;
	letter-spacing: 1px;
	line-height: 1.4;
}
#section_07 .right-area .map iframe {
    width: 100%;
    height: 550px;
}

/*=============
コーヒー豆ページ（SP版）
=============*/
.p-coffeelist {
  padding-top: 45px;
  margin-bottom: 25px;
}
.p-coffeelist-box {
  padding-bottom: 50px;
}
.p-coffeelist-box:nth-child(3) .p-coffeelist-box__photo {
  margin-left: -20px;
}
.p-coffeelist-box__icon.p-icon-week {
  top: -30px;
  left: -3px;
}
.p-coffeelist-box__contents {
  padding-top: 30px;
}
.p-coffeelist-box__name {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.p-coffeelist-box__btn {
  margin-top: 20px;
}
.p-coffeelist-box__btn .c-basic-btn {
  max-width: 250px;
}
.p-coffeelist-mini {
  margin-bottom: 60px;
}
.p-coffeelist-mini__icon.p-icon-week {
  top: -5px;
  left: -3px;
}

/*==================
single（SP版）
==================*/
.p-coffee-mainvisual__list {
  margin-bottom: 35px;
}
.p-coffee-mainvisual__list .slick-dots {
  margin-top: 15px;
}
.p-coffee-mainvisual__list .slick-dots li {
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
.p-coffee-ttl__sub {
  color: #D8C7B6;
  font-size: 0.875rem;
  margin-bottom: 20px;
}
.p-coffee-ttl__name {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 20px;
}
.p-coffee-ttl__pay {
  margin-top: 15px;
}
.p-coffee-ttl__pay .in {
  font-size: 14px;
  font-size: 0.875rem;
}
.p-coffee-ttl__text {
  margin-top: 20px;
}
.p-coffee-info {
  padding-top: 50px;
}

/* =====================
   コーヒー豆ページ - テーブルとフレーバー画像（SP版）
===================== */
.coffee-table_and_chart {
  display: block;
  margin: 40px 0;
}

.table-coffee-info {
  margin-bottom: 30px;
}

.table-coffee-info table {
  width: 100%;
  border-collapse: collapse;
}

.table-coffee-info table th,
.table-coffee-info table td {
  padding: 10px;
  text-align: left;
  border: 1px solid #9F764A;
  vertical-align: middle;
}

.table-coffee-info table th {
  font-weight: 400;
  background-color: #f5f5f5;
  width: 30%;
}

.table-coffee-info table td {
  width: 70%;
}

.coffee-flavor-img {
  text-align: center;
}

.coffee-flavor-img img {
  max-width: 100%;
  height: auto;
}

.p-coffee-info__ttl {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.p-coffee-info__text {
  margin-bottom: 20px;
}
.p-coffee-btn {
  margin-top: 25px;
}
.p-coffee-btn__item {
  width: 48%;
  padding: 0 5px;
}

/*--ここまでに記載する=======================-*/
}