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

/* COMMON */

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 文字設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
body, h1, h2, h3, h4, h5, h6, td, th, p, div, input, textarea, pre, ul, li, ol {
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif!important;
	-webkit-text-size-adjust: 100%!important;
	font-weight: normal!important;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// マージン設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.m_a0 {
	margin: 0!important;
}
.m_auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.m_t-5 {
	margin-top: -5px !important;
}
.m_t0 {
	margin-top: 0px !important;
}
.m_t5 {
	margin-top: 5px !important;
}
.m_t10 {
	margin-top: 10px !important;
}
.m_t15 {
	margin-top: 15px !important;
}
.m_t20 {
	margin-top: 20px !important;
}
.m_t30 {
	margin-top: 30px !important;
}
.m_t25 {
	margin-top: 25px !important;
}
.m_t40 {
	margin-top: 40px !important;
}
.m_t50 {
	margin-top: 50px !important;
}
.m_t100 {
	margin-top: 100px !important;
}
.m_b0 {
	margin-bottom: 0px !important;
}
.m_b5 {
	margin-bottom: 5px !important;
}
.m_b10 {
	margin-bottom: 10px !important;
}
.m_b15 {
	margin-bottom: 15px !important;
}
.m_b20 {
	margin-bottom: 20px !important;
}
.m_b30 {
	margin-bottom: 30px !important;
}
.m_b40 {
	margin-bottom: 40px !important;
}
.m_b50 {
	margin-bottom: 50px !important;
}
.m_b100 {
	margin-bottom: 100px !important;
}
.m_r0 {
	margin-right: 0px !important;
}
.m_r5 {
	margin-right: 5px !important;
}
.m_r10 {
	margin-right: 10px !important;
}
.m_r15 {
	margin-right: 15px !important;
}
.m_r20 {
	margin-right: 20px !important;
}
.m_r30 {
	margin-right: 30px !important;
}
.m_l0 {
	margin-left: 0px !important;
}
.m_l5 {
	margin-left: 5px !important;
}
.m_l10 {
	margin-left: 10px !important;
}
.m_l15 {
	margin-left: 15px !important;
}
.m_l20 {
	margin-left: 20px !important;
}
.m_l30 {
	margin-left: 30px !important;
}
.m_l35 {
	margin-left: 35px !important;
}
.m_l50 {
	margin-left: 50px !important;
}
.allnone {
	padding: 0!important;
	margin: 0!important;
	border: none!important;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// インデント設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.indent-25 {
padding-left:2.5em;
text-indent:-2.5em;
}

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

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// パディング設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.p_a0 {
	padding: 0!important;
}
.p_5 {
	padding: 5px !important;
}
.p_10 {
	padding: 10px !important;
}
.p_t0 {
	padding-top: 0px !important;
}
.p_t5 {
	padding-top: 5px !important;
}
.p_t10 {
	padding-top: 10px !important;
}
.p_t15 {
	padding-top: 15px !important;
}
.p_t20 {
	padding-top: 20px !important;
}
.p_t30 {
	padding-top: 30px !important;
}
.p_b0 {
	padding-bottom: 0px !important;
}
.p_b5 {
	padding-bottom: 5px !important;
}
.p_b10 {
	padding-bottom: 10px !important;
}
.p_b15 {
	padding-bottom: 15px !important;
}
.p_b20 {
	padding-bottom: 20px !important;
}
.p_b30 {
	padding-bottom: 30px !important;
}
.p_r0 {
	padding-right: 0px !important;
}
.p_r5 {
	padding-right: 5px !important;
}
.p_r10 {
	padding-right: 10px !important;
}
.p_r15 {
	padding-right: 15px !important;
}
.p_r20 {
	padding-right: 20px !important;
}
.p_r30 {
	padding-right: 30px !important;
}
.p_l0 {
	padding-left: 0px !important;
}
.p_l5 {
	padding-left: 5px !important;
}
.p_l10 {
	padding-left: 10px !important;
}
.p_l15 {
	padding-left: 15px !important;
}
.p_l20 {
	padding-left: 20px !important;
}
.p_l25 {
	padding-left: 25px !important;
}
.p_l30 {
	padding-left: 30px !important;
}
a:hover img {
	opacity: 0.8!important;
	filter: alpha(opacity=80)!important;
	-ms-filter: "alpha( opacity=80 )"!important;
//ie6 background: #fff!important;
}
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.fred {
	color: #e71e0f !important;
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// リンク設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
a {
color:#000000;
text-decoration:none;
}

a:hover {
color:#000000;
text-decoration: underline;
}

a:visited {
color:#000000;
text-decoration:none;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// 装飾
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.uchikeshi {
  text-decoration: line-through;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Bootstrap修正
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.btn {
white-space: normal;
}

.btn a{
	color: #ffffff;
}

.noline{
	text-decoration: none!important;
	
}

ul{
	padding-left: 20px!important;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
.breadcrumb {
    padding: 8px 0 8px 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: rgba(238, 235, 235, 1.0);
    border-radius: 4px;
}
	}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
.breadcrumb {
    padding: 8px 0 8px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: rgba(238, 235, 235, 1.0);
    border-radius: 4px;
}
	}

.breadcrumb > .active {
    color: #000;
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// パンくずリスト
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
#bread{
	background: rgba(238, 235, 235, 1.0);
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// PCとスマホで画像切り替え
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// h1～の設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
h2 {
	margin-bottom: 20px;
	font-size: 170%
}
h3 {
	margin-bottom: 20px;
	font-size: 150%
}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// カラー
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.red{
	color:#b60505;
}

.gold{
	color:#957a41
}

.white{
	color: #ffffff;
}
.bc_white{
	background-color: #ffffff;
}

/* PC・タブレットheader　部分 */
#n_header {
	background: rgba(255,255,255,1.00)!important;
	margin-bottom: 10px;
	margin-top: 10px;
}
/*#n_header .logo_mark img {
	height: 90px!important;
}*/

#n_header .cart_btn img {
	height: 45px!important;
}
/*#n_header .free{
	font-size: 10vmin;
}
*/

#n_header .login_btn img {
	height: 45px!important;
}

#n_header .language {
	padding-top: 10px;
}
#n_header .language a {
	color: rgba(0,0,0,1.00)
}
.carousel {
	border-top: rgba(0,0,0,1.00) solid 2px;
}
/* XS header　部分 */
#n_header-sp {
	margin: 15px 0 10px 0;
	vertical-align: bottom;
	display: table;
}
#n_header-sp a {
	color: rgba(0,0,0,1.00)!important;
}
#n_header-sp .cart_btn img {
	height:35px!important;
}


#n_header-sp .login_btn img {
	height: 35px!important;
}


/*TOPグローバルナビ(PC・タブレット)*/
.globalNavi_top {
	background: rgba(43,43,43,1.0);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.globalNavi_top ul {
	margin-bottom: 0;
}
.globalNavi_top ul li {
	list-style: none;
}

.globalNavi_top ul li a {
	padding-right: 50px;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
.globalNavi_top ul li a:hover {
	text-decoration: underline;
}
/*TOPグローバルナビ(xs)*/
.globalNavi_sptop {
	background: rgba(43,43,43,1.0);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.globalNavi_sptop ul {
	margin-bottom: 0;
}
.globalNavi_sptop ul li {
	list-style: none;
}
.globalNavi_sptop ul li a {
	/*	padding-right:5px;
*/	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
.globalNavi_sptop ul li a:hover {
	text-decoration: underline;
}


/*ページ内グローバルナビ(PC・タブレット)*/
.globalNavi {
	background: rgba(43,43,43,1.0);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.globalNavi ul {
	margin-bottom: 0;
}
.globalNavi ul li {
	list-style: none;
}
.globalNavi ul li a {
	padding-right: 50px;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
.globalNavi ul li a:hover {
	text-decoration: underline;
}
/*ページ内グローバルナビ(xs)*/
.globalNavi_sp {
	background: rgba(43,43,43,1.0);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.globalNavi_sp ul {
	margin-bottom: 0;
}
.globalNavi_sp ul li {
	list-style: none;
}
.globalNavi_sp ul li a {
	/*	padding-right:5px;
*/	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
.globalNavi_sp ul li a:hover {
	text-decoration: underline;
}


/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
.title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-size: 30px!important;
	margin-bottom: 60px!important;
	margin-top: 20px!important;
	position: relative!important;
}
}

@media only screen and (min-width: 768px) {
.title_black {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-size: 30px!important;
	margin-bottom: 60px!important;
	margin-top: 20px!important;
	position: relative!important;
}
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
.title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-size: 25px!important;
	margin-bottom: 60px!important;
	margin-top: 20px!important;
	position: relative!important;
}
}

@media only screen and (max-width: 767px) {
.title_black {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
	font-size: 25px!important;
	margin-bottom: 60px!important;
	margin-top: 20px!important;
	position: relative!important;
}
}
.title::after {
	background: #ffffff none repeat scroll 0 0;
	bottom: -20px!important;
	content: ""!important;
	height: 5px!important;
	left: 50%!important;
	margin-left: -40px!important;
	position: absolute!important;
	width: 80px!important;
}
.title::after {
	background: #ffffff none repeat scroll 0 0;
	bottom: -20px!important;
	content: ""!important;
	height: 5px!important;
	left: 50%!important;
	margin-left: -40px!important;
	position: absolute!important;
	width: 80px!important;
}
.title_black::after {
	background: #000000 none repeat scroll 0 0!important;
	bottom: -20px!important;
	content: ""!important;
	height: 5px!important;
	left: 50%!important;
	margin-left: -40px!important;
	position: absolute!important;
	width: 80px!important;
}

.title_sub{
    color: #565353!important;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif!important;
    font-size: 20px!important;
    font-weight: bold!important;
    margin: 20px 0 27px!important;
    position: relative!important;
    text-align: center!important;
}

.title_sub::after {
    background: #565353 none repeat scroll 0 0;
    bottom: -12px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px;
}

/* スライド部分 */
.item img{
	width: 100%;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
#n_concept {
	background: #000 url(../img/concept_back.jpg) no-repeat center top;
	background-size: cover;
	min-height: 880px;
}
}
.c_cach {
	padding: 40px 0;
	background-color: rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	color: #ffffff;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
#n_access {
	padding: 20px  0 40px 0;
	color: #cccccc;
	background: rgba(31, 31, 31, 1.0);
}
}
	
#n_access a {
	color: #cccccc!important;
}
#n_access .container-fluid {
	padding: 0;
}


/* TOP */
.contact img {
	margin-bottom: 20px;
}
/* TOP画像部分*/
#main-img {
	/*	border-bottom: 1px solid #cccccc;*/
	padding: 0;
}
#main-img h3 {
	/*	margin-top: 100px;
	color:#052653 ;*/
	padding-top: 56px;
	margin-bottom: 0;
	margin-top: 0;
}
#main-img h3 img {
	width: 100%;
}
#tbmain-img {
	/*	border-bottom: 1px solid #cccccc;*/
	padding: 0;
}
#tbmain-img h3 {
	/*	margin-top: 100px;
	color:#052653 ;*/
	padding-top: 35px;
	margin-bottom: 0;
	margin-top: 0;
}
#spmain-img {
	border-bottom: 1px solid #cccccc;
	padding: 0;
}
#spmain-img h3 {
	/*	margin-top: 100px;
	color:#052653 ;*/
	margin-bottom: 0;
	padding-top: 35px;
	margin-top: 0;
}
/* Information*/
#n_info {
	background: rgba(238, 235, 235, 1.0);
	padding: 20px  0 40px 0;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#n_info {
	background: rgba(238, 235, 235, 1.0);
	padding: 15px 0 30px 0;
}
	}

#n_info h2 {
	color: #000000;
}
#n_info h3::after {
	background: #000000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 80px;
}
#n_info h3 {
	border-bottom: 1px solid #bdbdbd;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
#n_info ul {
	padding: 0!important;
	list-style-type: none;
}
#n_info ul li {
	border-bottom: 1px solid rgba(199,195,195,1.0);
	padding: 10px 0;
	width: 100%;
}
#n_info ul li, #n_info p, #n_info a {
	color: #000000!important;
}

/* about*/
#about {
	background: rgba(0, 0, 0, 1.0);
	padding: 20px  0 40px 0;
	color: #cccccc;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#about {
	padding: 15px 0 30px 0;
}
	}

#about h2 {
	color: #ffffff;
}

/*#about h3::after {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 80px;
}
*/

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
#about h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#about h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}
#about ul li {
	list-style: circle #cccccc;
}
#about ul {
	list-style: none;
	padding: 0!important;
	margin: 0;
}
#about li {
	padding-left: 1em;
	text-indent: -.7em;
}
#about li:before {
	content: "・ ";
	color: #cccccc;
}
/* Gallery部分 */
#n_gallery {
	background: rgba(238,235,235,1.00);
	padding: 20px  0 40px 0;
	color: #cccccc;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#n_gallery {
	padding: 15px 0 30px 0;
}
	}

#n_gallery h2 {
	color: #000000;
	margin-bottom: 40px!important;
}
#n_gallery h3::after {
	background: #000000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 80px;
}
#n_gallery h3 {
	border-bottom: 1px solid #bdbdbd;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
#sns {
	font-size: 40px;
	color: rgba(0,0,0,1.00);
}
#sns a {
	color: rgba(0,0,0,1.00);
}

#n_gallery .sns-btn {
    border: 1px solid rgba(0,0,0,1.0) !important;
    padding: 5px !important;
    font-size: 150% !important;
    width: 50%;
    margin: 0 auto !important;
	text-align: center;
	color: #000!important;
}

#n_gallery .sns-btn a{
color: #000!important;
}

/* ＦOOTER */
footer {
	background: #000000;
}
#copy {
	margin-top: 10px;
	background: #ffffff;
}
#foot {
    margin: 0;
    padding-bottom: 0;
}
#footer_navi{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}

#footer_navi ul{
	padding-left: 0!important;
}

#footer_navi a{
	color: #ffffff;
	text-decoration: none;
}

#footer_navi a:hover{
	text-decoration: underline;
}

#footer_navi ul{
	padding-left: 0;
}
#footer_navi h4{
	font-weight: 600;
	color: #957a41;
}

#footer_navi h4 a{
	color: #957a41;
}

#footer_navi ul li{
	color: #ffffff;
	list-style-type: none;
}

/*Pick up*/
#pickup {
	background: rgba(0, 0, 0, 1.0);
	padding: 20px  0 40px 0;
	color: #cccccc;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#pickup {
	padding: 15px 0 30px 0;
}
	}

#pickup h2 {
	color: #ffffff;
}

/*footer_banner*/
#footer_banner {
	background: rgba(0, 0, 0, 1.0);
	padding: 40px 0 20px 0;
	color: #cccccc;
}

/* CUPカテゴリー*/
#cup,#cup_esp,#machine,#machine_sara {
	background: rgba(238, 235, 235, 1.0);
	padding: 0  0 40px 0;
	color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#cup,#cup_esp,#machine,#machine_sara {
	padding: 15px 0 30px 0;
}
	}

#cup h2,#cup_esp h2 {
	font-size: 18px;
    margin: 0;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
#cup h3,#cup_esp h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#cup h3,#cup_esp h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* CUPカプチーノカテゴリー、マシーンカテゴリー*/
#cup_cap,#machine_piccola {
	background: rgba(0, 0, 0, 1.0);
	padding: 20px  0 40px 0;
	color: #000;
}

#cup_cap,#machine_sara {
/*	background: rgba(0, 0, 0, 1.0);
*/	padding: 20px  0 40px 0;
	color: #000;
}

#machine_piccola a:hover,#machine_sara a:hover{
	text-decoration: none !important;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#cup_cap,#machine_piccola,#machine_sara {
	padding: 15px 0 30px 0;
}
	}


#cup_cap h2,#machine_piccola h2 {
	color: #ffffff;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
#cup_cap h3,#machine_piccola h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#cup_cap h3,#machine_piccola h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* コーヒーメーカー*/
#machine h4{
	
	font-size: 14px;
	margin: 0;
}

/* 注文について(背景ベージュ)*/
.order_beige,#cup_esp {
	background: rgba(238, 235, 235, 1.0);
	padding: 20px  0 40px 0;
	color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
.order_beige,#cup_esp {
	padding: 15px 0 10px 0;
}
	}

.order_beige h2,#cup_esp h2 {
	color: #000;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
.order_beige h3,#cup_esp h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
.order_beige h3,#cup_esp h3 {
	border-bottom: 1px solid #bdbdbd;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* 注文について(背景グレー)*/
.order_grey {
	background: rgba(221,220,218,1.0);
	padding: 20px  0 40px 0;
	color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
.order_grey {
	padding: 15px 0 30px 0;
}
	}

.order_grey h2 {
	color: #000000;
}

/* PC・タブレットだけに適用 */
@media only screen and (min-width: 768px) {
.order_grey h3 {
/*	border-bottom: 1px solid #bdbdbd;
*/	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
.order_grey h3 {
/*	border-bottom: 1px solid #bdbdbd;
*/	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}
}

.order_box{
}

.box_txt{
	padding: 0 15px 15px 15px;
}

.box_top_txt{
	padding: 15px 15px 0 15px;
}

.order_beige hr{
	border-top: 1px dotted #cccccc;
	margin-top: 0;
}

/* お手入れについて(mainte) */
#mainte h3{
	font-size: 18px;
	border-bottom: none !important;
	padding-bottom: 0px !important;
	margin: 10px 0 !important;
	text-align: center !important;
}

/* プライバシーポリシー */
#privacy{
	padding: 20px  0 40px 0;
	background: rgba(238, 235, 235, 1.0);
    color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#privacy{
	padding: 15px 0 30px 0;
}
	}


#privacy h2 {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 19px;
    font-weight: bold;
    margin: 30px 0 10px;
    padding-bottom: 10px;
}

#privacy h3 {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 19px;
    font-weight: bold;
    margin: 30px 0 10px;
    padding-bottom: 10px;
}

#privacy ul{
	padding-left: 10px;
	margin-left: 10px;
	list-style: square;
}

/* 取り扱い店舗 */
#shop{
	padding: 20px  0 40px 0;
	background: rgba(238, 235, 235, 1.0);
    color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#shop{
	padding: 15px 0 30px 0;
}
	}

#shop h3 {
    margin: 0;
    font-size: 110%;
}

#shop h5 {
    margin: 0;
    font-size: 110%;
}

#shop ul li {
    padding: 15px 0 !important;
    border-bottom: #CCC dotted 1px;
    list-style: none;
}

#shop .noline {
    padding: 15px 0 !important;
    border: none !important;
    list-style: none;
}


/*特定商取引法に基づく表記*/
#law{
	padding: 20px  0 40px 0;
	background: rgba(238, 235, 235, 1.0);
    color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#law,#machine{
	padding: 15px 0 30px 0;
}
	}

#law h2{
	font-size: 14px !important;
	margin: 0 !important;
	
}

#law th, #law td,#machine th,#machine td {
    padding: 15px !important;
}
#law p, #law th, #law td,#machine p,#machine th, #machine td {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

#law th,#machine th{
	background-color: #f3f3f3;
	text-align: center;
}

#law table,#machine table{border-collapse: collapse;font-size:13px;background-color: #ffffff;}
#law th, td,#machine th {font-weight: normal;line-height: 1.5em;}

#law .law_tb,#machine .machine_tb {margin-bottom:30px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;width:100%}
#law .law_tb th,#machine .machine_tb th{background-color: #999;color: #fff;font-weight: bold;}
#law .law_tb th, .law_tb td,#machine .machine_tb th, .machine_tb td {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 10px 12px;text-align: left;}
#law .law_tb .item_name,#machine .machine_tb .item_name{width: 30%;background-color: #fcf7f7;text-align: center;border-left: 1px solid #ccc;}
#law.law_tb .percent,#machine.law_tb .percent{background-color: #e6f2fa;}

#law ul,#machine ul {
	margin-bottom: 0;
	padding-left: 15px;
}

.law_tb h5,.machine_tb h5{
	margin-bottom: 0;
	margin-top: 0;
	}

/* 右下固定バナー */
img#floatbanner_right{
    position: fixed;
    right: 0;
    bottom: 100px;
	z-index: 1;
}

/* 下部固定バナー */
img#floatbanner_bottom{
    position: fixed;
	width: 100%;
    bottom: 0;
	z-index: 1;
}

/* 下部固定バナー */
/*#machine{
	background: #ffffff;
}*/

/*Machine*/
#machine .price,#machine_piccola .price,#machine_sara .price{
	font-size: 150%!important;
}

/* おすすめの飲み方カテゴリー*/
#drink {
	background: rgba(238, 235, 235, 1.0);
	padding: 0  0 40px 0;
	color: #000;
}

/* スマホだけに適用 */
@media only screen and (max-width: 767px) {
#drink{
	padding: 15px 0 30px 0;
}
	}

#drink h2 {
	font-size: 90%;
	margin: 10px 0;
	padding: 0;
}

#drink h4 {
	font-size: 90%;
}


/* コラム*/
#column p,#column ul,#column li{
	font-size: 16px !important;
	line-height: 1.6;
}

#column h3{
	color: #957a41;
	margin: 30px 0 15px 0;
	font-weight: 500 !important;

}

#column .order_grey h3{
	border-bottom: 1px solid #bdbdbd;
}

#column h4{
	color: #000000;
	margin: 30px 0 15px 0;
	font-weight: 600 !important;

}

/* お問合せ */
#contact{
	padding: 20px  0 40px 0;
	background: rgba(238, 235, 235, 1.0);
    color: #000;
}