@charset "utf-8";


/*=================================================
* common
* ================================================= */
html, body {
	margin:0;
	padding:0;
}
body {
	-webkit-text-size-adjust: 100%;
	color:#333333;
}
a, * a{
	text-decoration:none;
	color: #888888;
}
* img {
	max-width:100%;
	height:auto;
}
.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
}
.clearfix{
    display:block;
}
/*=================================================
* header
* ================================================= */
header#globalHeader {
	max-width:640px;
/*	margin:30px auto;
	padding:0 10px;*/
}
header#globalHeader ul.menu {
	right:10px;
}
/*=================================================
* layout
* ================================================= */
#wrapper {
	margin:0;
}
#main {
	max-width:640px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	text-align:center;
}
#social {
	max-width:640px;
	margin: 20px 10px 20px 10px;
}
article.title h1 {
	height: 2.5em;
	line-height: 2.5em;
	text-align: left;
	padding-left: 10px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	font-size: 115%;
}
article.title h1 img {
	padding: 12px 0;
}
/* nav */
nav#itemNav {
	text-align:left;
}
nav#itemNav ul {
	border-top:1px solid #e2e2e2;
}
nav#itemNav ul li {
	border-bottom:1px solid #e2e2e2;
}
nav#itemNav ul li a {
	display:block;
	padding: 15px 33px 15px 10px;
	background:url("/customize/sp-common/images/icon-arrow-cmt.png") 95% center no-repeat;
	background-size:11px 11px;
}
@media screen and (max-width: 320px){
	nav#itemNav ul li a {
		padding: 15px 33px 15px 10px;
	}
}
@media screen and (max-width: 640px){
	nav#itemNav ul li a {
		padding: 15px 50px 15px 10px;
	}
}
/* btn */
article.centerBtn {
	margin: 20px auto;
	text-align: center;
}

/* 140114 */
header#globalHeader { margin-bottom:20px; }

/* 140704 */
section.index p.spBk { background:url("/customize/sp-common/images/icon_content_link_right_bk.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0); background-size:5px 9px;  padding-right:16px; text-align:right; margin: 16px 10px; }
section.index p.spBk a { font-size:14px; color:#171717; }
section.index article.centerBtn { margin: 27px 10px 10px 10px; }
section.index .customize { margin: 10px 10px 30px; text-align:left; border:1px solid #e2ddd7; padding:10px 0; }
section.index .customize .customizeImg { float:left; margin:7px 10px 8px 14px; }
section.index .customize .customizeTxt { display: block; margin-left:80px; margin-top:2px; margin-right:4px; font-size:12px; line-height:1.55; }
/* customizeOverlay */
div.overlay { background-color:#ffffff; width:270px; color:#333333; padding-bottom:0; }
div.overlay .customizeOverlayTitle { margin-bottom:10px; margin-top:-10px; }
div.overlay li.customizeOverlay { padding:16px 5px; border-top:1px dotted #000000;}
div.overlay li.customizeOverlay p.overlayImg { float:left; margin:8px 14.5px 0 4px; }
div.overlay li.customizeOverlay p.lead { font-size:11px; padding-right:5px; line-height:1.55; }
div.overlay li.customizeOverlay .overlayImg.favorites { margin-top:22px; }
div.overlay li.customizeOverlay p.sublead { background:url("/customize/sp-common/images/icon-overlay-mark.gif") no-repeat left 0.3em; background-size:10px 10px; font-size:10px; margin-top:10.5px; margin-left: 116px; padding-left:10px; color:#b1aba7; } 
div.overlay li.customizeOverlay p.sp.entry { margin:2px 0; }
div.overlay li.customizeOverlay p.sp.entry a { color:#5f4e44; font-size:11px; }

/* 2017.10.30 add */
/* 2018.4.13 modify */
#main.feeling ul.annotation li,
#main.flavor ul.annotation li,
#main.beverage ul.annotation li,
#main.recommend ul.annotation li,
#main.choice ul.annotation li {
	text-align: left;
	color: #cbcbcb;
	font-size: 10px;
	padding: 15px 10px;
	border-bottom: none;
}