@charset "UTF-8";

/* font */
.newContents{
color:#333333;
}
.newContents a,
.newContents a:visited,
.newContents a:link{
color:#00754A;
margin-left: 10px;
}
.newContents a:hover{
color:#333333;
}

/* searchMenu */
.newContents .searchMenu{
overflow:hidden;
margin-bottom:36px;
}
.newContents ul.searchMenuL{
display:inline;
margin:0;
float:left;
}
.newContents ul.searchMenuL li{
display:inline;
padding:0 22px 0 0;
margin-bottom:0;
float:left;
}
.newContents ul.searchMenuR{
display:inline;
margin:0;
float:right;
}
.newContents ul.searchMenuR li{
display:inline;
padding:0 0 0 20px;
margin-bottom:0;
float:left;
}

/* listInlineBorder */
.newContents ul.listInlineBorder{
margin-bottom:13px;
}
.newContents ul.listInlineBorder li{
background:none;
padding-right:23px;
font-size:10px;
}
.newContents .arrowAnchor a {
background-image:url(/common/images/arrow-anchor.gif);
color:#333333;
}
.newContents .arrowAnchor a:hover{
background-image:url(/common/images/arrow-anchor.gif);
color:#888888;
text-decoration:underline;
}

/*** index ***/
#index #contents .contentsIn h1{
margin-bottom:35px;
}
#index #contents .contentsIn .lead{
margin-bottom:37px;
}
#index #contents .contentsIn .question a{
background:url(/customize/images/icon-customize-question.gif) no-repeat left 0.5em;
padding-left:18px;
text-decoration:none;
line-height:1;
padding-top:5px;
padding-bottom:5px;
color:#888888;
}
#index #contents .contentsIn .question a:hover{
color:#333333;
}
#index .newContents .favorites{
margin-bottom:35px;
overflow:hidden;
}
#index .newContents .favorites .carouselHr2{
margin-bottom:0;
}
#index .newContents .favorites .favoritesBoxL{
display:inline;
width:345px;
float:left;
}
#index .newContents .favorites .favoritesBoxR{
display:inline;
float:right;
}
#index .newContents .col2 dl dt{
line-height:1;
}
#index .newContents .col2 dl dt img{
vertical-align:top;
}
#index .newContents .col2 dl dd{
line-height:1.4;
}

/* carousel */
#index .newContents .carouselHr2 .carouselContentsWrapper{
width:480px;
}
#index .newContents .carouselHr2 .carouselMain{
background-color:transparent;
}

/* popupArea */
#index #popupArea{
display:none;
}
#index .popup{
color:#5b5b5b;
}
#index .popupElement {color:#333333; text-decoration:none;}
#index .popupElement a{font-size:120%;}
#index .popupElement a:link{color:#5b5b5b; text-decoration:none;}
#index .popupElement a:visited{color:#5b5b5b; text-decoration:none;}
#index .popupElement a:hover{color:#5b5b5b; text-decoration:none;}
#index .popupElement a:active{color:#5b5b5b; text-decoration:none;}

/* popupElement */
#index .popupElement{
width:700px;
clear:both;
overflow:hidden;
font-size: 1.2em;
}
#index .popupElement p{ margin: 0; }
/** link **/
#index .popupElement .linkIcon{
padding-left: 12px;
background: url(/products/images/icon_arrow_02.gif) no-repeat left 0.4em;
}
/** item **/
#index .popupElement .item{
width:680px;
clear:both;
overflow:hidden;
position:relative;
}
#index .popupElement .item .btns{
position:absolute;
right:-20px;
bottom:0;
}
#index .popupElement .item .btns ul{
list-style:none;
clear:both;
margin:0;
padding:0;
text-align:right;
}
#index *:first-child+html .btns ul li{float:left; display: inline;}
#index .popupElement .item .btns ul li{ display:inline; }
#index .popupElement .item .btns ul li.mixiBtn{ margin-left:10px; }
#index .popupElement .item .btns ul li.facebookBtn{ margin-left:10px; }
#index .popupElement .productImg{
width:333px;
float:left;
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
#index .popupElement .productInfo{
width:347px;
float:left;
margin-top:22px;
}
#index .popupElement .productInfo h3{ margin: 0 0 45px 42px; }

/** withImgCol **/
#index .popupElement .productInfo .withImgCol{
_zoom:1;
overflow:hidden;
margin-bottom:1em;
width:100%;
}
#index .popupElement .productInfo .withImgCol p,
#index .popupElement .productInfo .withImgCol ul,
#index .popupElement .productInfo .withImgCol ol{ margin-top:0; }
#index .popupElement .productInfo .withImgCol .imgL{
float:left;
margin:0 20px 0 0;
}
#index .popupElement .productInfo .withImgCol .txtR,
#index .popupElement .productInfo .withImgCol .txtL{
overflow:hidden;
_zoom:1;
}
#index .popupElement .productInfo .withImgCol .imgL { margin-right:8px; }
#index .popupElement .productInfo .withImgCol .txtR {
width:270px;
color:#000000;
}
#index .popupElement .productInfo .withImgCol .txtR p { margin-bottom: 0; }
#index .popupElement .productInfo .withImgCol .txtR ol {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}
#index .popupElement .productInfo .withImgCol .txtR ol li {
padding-left: 14px;
text-indent: 0;
list-style: none;
line-height: 1.5;
}
#index .popupElement .productInfo .withImgCol .txtR ul {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}
#index .popupElement .productInfo .withImgCol .txtR ul li {
display: inline;
margin-right: 5px;
}
#index .popupElement .productInfo .withImgCol .txtR ol li.num1 {
background:url(/coffee/images/img-12summer2-or-howto-num1.gif) no-repeat left 0.25em;
}
#index .popupElement .productInfo .withImgCol .txtR ol li.num2 {
background:url(/coffee/images/img-12summer2-or-howto-num2.gif) no-repeat left 0.25em;
}
#index .popupElement .productInfo .withImgCol .txtR ol li.num3 {
background:url(/coffee/images/img-12summer2-or-howto-num3.gif) no-repeat left 0.25em;
}
#index .popupElement .productInfo .withImgCol .txtR ol li.num4 {
background:url(/coffee/images/img-12summer2-or-howto-num4.gif) no-repeat left 0.25em;
}
#index .popupElement .productInfo .withImgCol .txtR ol li.num5 {
background:url(/coffee/images/img-12summer2-or-howto-num5.gif) no-repeat left 0.25em;
}
#index .popupElement .productInfo .withImgCol { margin-bottom: 15px; }
#index .popupElement .productInfo .withImgCol.coffee .imgL { padding-top: 12px; }
#index .popupElement .productInfo .withImgCol.coffee .txtR {
padding-top: 12px;
background:url(/common/images/border-bg.gif) repeat-x left top;
}
/*** customize ***/
#customize #contents .contentsIn #contentsWrapper {
margin-top: 6px;
}
/* productdetail */
#customize #contents .contentsIn .h1Block{
border-bottom:none;
}
#customize #contents .contentsIn .h1Block h1{
margin-bottom:39px;
}
#customize .newContents .productdetail h1{
font-size:24px;
margin:56px 0;
font-weight: bold;
}
#customize .newContents .searchMenu{
margin-bottom:30px;
}
#customize .newContents .productdetail a.arrow{
background:url(/customize/images/t-arrow-right-off.png) no-repeat left 0.5em transparent;
padding-left:12px;
}
#customize .newContents .productdetail a.arrow:hover {
background:url(/customize/images/t-arrow-right-on.png) no-repeat left 0.5em transparent;
}
#customize .newContents .productdetail .productImg{
position: relative;
max-height: 514px;
margin-right: 56px;
}

#customize #contents .contentsIn #contentsWrapper #contentsMain #contentsFooter{
margin-top:15px;
}
#customize .newContents .productdetail .productImg ul{
width:330px;
}
#customize .newContents .productdetail .productImg ul li{
text-align:right;
margin-bottom:9px;
}
#customize .newContents .productdetail .productImg ul li.customizeLink{
font-size:14px;
font-weight:bold;
}
#customize .newContents .productdetail .withImgCol{
position:relative;
}
#customize .newContents .productdetail .withImgCol ul{
list-style-type:none;
padding-left:0;
}
#customize .newContents .productdetail .withImgCol h4{
text-align:left;
border-bottom:#e2e2e2 solid 3px;
margin:0px;
padding-bottom:3px;padding-top: 24.4px;font-weight: bold;}
#customize .newContents .productdetail .withImgCol .fontS{
color:#cbcbcb;
}
#customize .newContents .productdetail .withImgCol p.commentLink{
position:absolute;
right:0;
top:0;
}
#customize .newContents .productdetail .withImgCol .commentArea{
overflow-y:scroll;
overflow: auto;
width:540px;
height:190px;
padding-top:5px;
}
#customize .newContents .productdetail .withImgCol .commentArea ul{
margin-left:0;
}
#customize .newContents .productdetail .withImgCol .commentArea ul li{
background:url(/common/images/border-bg.gif) repeat-x scroll left bottom transparent;
padding:12px 0px;
margin-right:30px;
font-size:10px;
}
#customize .newContents .productdetail .withImgCol .commentArea ul li span{
font-weight:bold;
}
#customize .newContents .productdetail .productInfo .imgS{
margin-bottom:11px;
}
#customize .newContents .productdetail .productInfo dl{
margin-top:5px;
margin-bottom:31px;
}
#customize .newContents .productdetail .productInfo dl dt{
margin-bottom:11px;
font-weight:bold;
font-size:20px;
line-height:1.2;
}
#customize .newContents .productdetail .productInfo dl dt span{
font-size:17px;
margin-right:12px;
line-height:2.5;
}
#customize .newContents .productdetail .productInfo dl dt span .nomal{
font-weight:normal;
margin:0;
}
#customize .newContents .productdetail .productInfo dl dd{
margin:0;
}
#customize .newContents .productdetail dl.otherProduct{
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
padding-top:21px;
}
#customize .newContents .productdetail dl.otherProduct dt img{
background-color:#ffffff;
border:1px solid #e2e2e2;
padding:2px;
}
#customize .newContents .productdetail dl.otherProduct ul{
margin-top:-4px;
margin-bottom:6px;
}
#customize .newContents .productdetail dl.otherProduct ul li{
font-size:10px;
color:#333333;
padding-bottom:10px;
}
#customize .newContents .productdetail dl.otherProduct ul li.price{
font-weight:normal;
color:#cbcbcb;
}
#customize .newContents .productdetail dl.otherProduct ul li a{
font-size:12px;
}

/* sns */
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns{
overflow:hidden;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns{
float:left;
display:inline;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns{
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns ul{
margin:0;
padding:0;
width:auto;
overflow:hidden;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns ul li{
float:left;
margin-right:5px;
vertical-align:middle;
line-height:0;
list-style:none;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns ul li.facebookBtn02 iframe{
width:900px!important;
height:80px;
}
#customize #contents .contentsIn .typeWithSideA #contentsMain .customizeSns .btns ul li.facebookBtn02{
width:690px;
height:80px;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns ul li.mixiBtn{
width:70px;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns ul li img{
vertical-align:top;
}
*:first-child+html #customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns iframe.twitter-share-button{
width:60px!important;
}
* html #customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns iframe.twitter-share-button{
width:60px!important;
}

/*** favorite ***/
#favorite #contents .contentsIn #contentsWrapper{
margin-top:6px;
}
#favorite #contents .contentsIn .h1Block{
border-bottom:none;
}
#favorite #contents .contentsIn .h1Block h1{
margin-bottom:39px;
}
#favorite #contents .contentsIn .newContents .searchMenu{
margin-bottom:63px;
}
#favorite .newContents .coffee5Col{
margin-bottom:8px;
margin-left:-2px;
}
#favorite .newContents .coffee5Col .callingImg img,
#favorite .newContents .coffee5Col .coffeeImg img{
border:1px solid #e2e2e2;
}
#favorite .newContents .coffee5Col .callingImg a:hover img,
#favorite .newContents .coffee5Col .coffeeImg a:hover img{
border:1px solid #a2a2a2;
}
#favorite .newContents .coffee5Col .txtLink a{
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.4em;
color:#888888;
}
#favorite .newContents .coffee5Col .txtLink a:hover{
background:url(/customize/images/arrow-txtLink-ovon.gif) no-repeat left 0.4em;
color:#333333;
}
#favorite .newContents .coffee5Col .txtLinkNo{
display:block;
margin-top:3px;
margin-bottom:10px;
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.4em;
padding-left:12px;
font-weight:bold;
font-size:0.8em;
color:#888888;
}
#favorite .newContents table.layoutTable{
border-collapse:collapse;
}
#favorite .newContents table.layoutTable th,
#favorite .newContents table.layoutTable td{
padding:0;
zoom:1;
}
#favorite .newContents table.layoutTable td .callingImg,
#favorite .newContents table.layoutTable td .coffeeImg{
position:relative;
}
#favorite .newContents table.layoutTable td .favoriteAction{
position:relative;
}
#favorite .newContents table.layoutTable td .callingImg span img,
#favorite .newContents table.layoutTable td .callingImg span a:hover img,
#favorite .newContents table.layoutTable td .coffeeImg span img,
#favorite .newContents table.layoutTable td .coffeeImg span a:hover img{
background-color:transparent;
padding:0;
border:none;
}
#favorite .newContents table.layoutTable td .callingImg span.soldout,
#favorite .newContents table.layoutTable td .coffeeImg span.soldout{
position:absolute;
top:14px;
left:14px;
z-index:10;
}
#favorite .newContents table.layoutTable td .favoriteAction span.comment{
position:absolute;
top:1px;
left:1px;
z-index:10;
}
#favorite .newContents table.layoutTable td .favoriteAction span.delete{
position:absolute;
top:1px;
right:1px;
z-index:10;
}

/*** menu ***/
#menu #contents .contentsIn #contentsWrapper{
margin-top:6px;
}
#menu #contents .contentsIn .h1Block{
border-bottom:none;
}
#menu #contents .contentsIn .h1Block h1{
margin-bottom:39px;
}
#menu .newContents .category{
border-top:1px solid #e2e2e2;
padding-top:35px;
padding-bottom:10px;
}
#menu .newContents .category h2{
font-size:20px;
font-weight:normal;
margin-bottom:14px;
}
#menu .newContents .category.borderTwice{
border-top:2px solid #e2e2e2;
}
#menu .newContents .category .coffee5Col{
margin-bottom:8px;
margin-left:-2px;
}
#menu .newContents .category .coffee5Col .callingImg img,
#menu .newContents .category .coffee5Col .coffeeImg img{
border:1px solid #e2e2e2;
}
#menu .newContents .category .coffee5Col .callingImg a:hover img,
#menu .newContents .category .coffee5Col .coffeeImg a:hover img{
border:1px solid #a2a2a2;
}
#menu .newContents .category .coffee5Col .txtLink a{
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.4em;
color:#888888;
}
#menu .newContents .category .coffee5Col .txtLink a:hover{
background:url(/customize/images/arrow-txtLink-ovon.gif) no-repeat left 0.4em;
color:#333333;
}
#menu .newContents .category .coffee5Col .txtLinkNo{
display:block;
margin-top:3px;
margin-bottom:10px;
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.4em;
padding-left:12px;
font-weight:bold;
font-size:0.8em;
color:#888888;
}
#menu .newContents table.layoutTable{
border-collapse:collapse;
}
#menu .newContents table.layoutTable th,
.newContents table.layoutTable td{
padding:0;
zoom:1;
}
#menu .newContents .category table.layoutTable td .callingImg,
#menu .newContents .category table.layoutTable td .coffeeImg{
position:relative;
}

/*** recommend ***/
#recommend #contents .contentsIn #contentsWrapper{
margin-top:6px;
}
#recommend #contents .contentsIn .h1Block{
border-bottom:none;
}
#recommend #contents .contentsIn .h1Block h1{
margin-bottom:39px;
}
#recommend #contents .contentsIn .newContents .searchMenu{
margin-bottom:35px;
}
#recommend #contents .contentsIn h2{
font-size:16px;
margin-bottom:37px;
border-bottom:2px solid #e2e2e2;
padding-bottom:6px;
}
#recommend .newContents .withImgCol .imgL{
margin:0;
padding:0;
font-size:11px;
}
#recommend .newContents .withImgCol .imgL dl{
width:132px;
}
#recommend .newContents .withImgCol .imgL dl dt span{
display:block;
margin-top:8px;
margin-bottom:9px;
}
#recommend .newContents .withImgCol .imgL dl dd table{
margin-bottom:10px;
line-height:1.5;
color:#cbcbcb;
}
#recommend .newContents .withImgCol .imgL dl dd table th{
font-weight:normal;
text-align:left;
}
#recommend .newContents .withImgCol .imgL dl dt table{
margin-bottom:10px;
color:#cbcbcb;
}
#recommend .newContents .withImgCol .txtR{
padding:0;
}
#recommend .newContents .withImgCol .txtR ul.boxLink{
background:url(/customize/images/img-recommend-plus.gif) no-repeat 20px 54px;
padding:0 0 0 49px;
margin:0 0 24px 0;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li{
position:relative;
background:url(/customize/images/icon-recommend-arealink-off.gif) no-repeat right bottom #ffffff;
border:1px solid #e2e2e2;
padding:18px;
margin:0;
overflow:hidden;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li .arrow{
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.5em;
padding-left:12px;
color:#888888;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li:hover{
background:url(/customize/images/icon-recommend-arealink-on.gif) no-repeat right bottom #ffffff;
border:1px solid #a2a2a2;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li:hover .arrow{
background:url(/customize/images/arrow-txtLink-ovon.gif) no-repeat left 0.5em;
padding-left:12px;
color:#333333;
}
html > #recommend .newContents .withImgCol .txtR ul.boxLink li a{
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
text-align:left;
text-indent:-999px;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li dl{
position:relative;
margin-bottom:21px;
padding:0 0 14px 0;
border-bottom:1px solid #f6f6f6;
display:table;
display:block;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li dl dt{
width:80px;
display:table-cell;
vertical-align:middle;
padding-right:4px;
}
* html #recommend .newContents .withImgCol .txtR ul.boxLink li dl dt{
display:inline;
zoom:1;
}
*:first-child+html #recommend .newContents .withImgCol .txtR ul.boxLink li dl dt{
display:inline;
zoom:1;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li dl dd{
width:76px;
display:table-cell;
vertical-align:middle;
padding-right:10px;
font-size:10px;
font-weight:bold;
}
* html #recommend .newContents .withImgCol .txtR ul.boxLink li dl dd{
display:inline;
zoom:1;
}
*:first-child+html #recommend .newContents .withImgCol .txtR ul.boxLink li dl dd{
display:inline;
zoom:1;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li dd.etc{
position:absolute;
bottom:7px;
right:4px;
width:auto;
padding:0;
}
#recommend .newContents .withImgCol .txtR ul.boxLink li dl dd span{
display:block;
font-weight:normal;
}
#recommend .newContents .withImgCol .txtR ul.boxLink p{
margin-bottom:7px;
}
#recommend .newContents .withImgCol .txtR ul.boxLink p.arrow{
font-weight:bold;
}
#recommend .newContents .withImgCol .txtR ul.boxLink span.arealinkArrow{
position:absolute;
bottom:1px;
right:1px;
}
#recommend #contents .newContents a.arrow {
font-weight: bold;
background: url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.5em;
}
#recommend #contents .newContents a.arrow:hover {
background: url(/customize/images/arrow-txtLink-ovon.gif) no-repeat left 0.5em;
}
/*** feeling/flavor ***/
#discovercategory #contents .contentsIn #contentsWrapper{
margin-top:6px;
}
#discovercategory #contents .contentsIn .h1Block{
border-bottom:none;
}
#discovercategory #contents .contentsIn .h1Block h1{
margin-bottom:39px;
}
#discovercategory .newContents .category{
width:900px;
border-top:1px solid #e2e2e2;
padding-top:46px;
padding-bottom:10px;
overflow:hidden;
}
#discovercategory .newContents .category.borderTwice{
border-top:2px solid #e2e2e2;
}
#discovercategory .newContents .category h2{
display:inline;
margin-right:46px;
float:left;
}
#discovercategory .newContents .categoryProduct{
display:inline;
float:left;
}
#discovercategory .newContents .categoryProduct .coffee5Col{
margin-bottom:8px;
}
#discovercategory .newContents .categoryProduct .coffee5Col .callingImg img,
#discovercategory .newContents .categoryProduct .coffee5Col .coffeeImg img{
border:1px solid #e2e2e2;
}
#discovercategory .newContents .categoryProduct .coffee5Col .callingImg a:hover img,
#discovercategory .newContents .categoryProduct .coffee5Col .coffeeImg a:hover img{
border:1px solid #a2a2a2;
}
#discovercategory .newContents .categoryProduct .coffee5Col .txtLink a{
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.4em;
color:#888888;
}
#discovercategory .newContents .categoryProduct .coffee5Col .txtLink a:hover{
background:url(/customize/images/arrow-txtLink-ovon.gif) no-repeat left 0.4em;
color:#333333;
}
#discovercategory .newContents .categoryProduct .coffee5Col .txtLinkNo{
display:block;
margin-top:3px;
margin-bottom:10px;
background:url(/customize/images/arrow-txtLink-ovoff.gif) no-repeat left 0.4em;
padding-left:12px;
font-weight:bold;
font-size:0.8em;
color:#888888;
}
#discovercategory .newContents table.layoutTable{
border-collapse:collapse;
}
#discovercategory .newContents table.layoutTable th,
#discovercategory .newContents table.layoutTable td{
padding:0;
zoom:1;
}
#discovercategory .newContents table.layoutTable td .callingImg,
#discovercategory .newContents table.layoutTable td .coffeeImg{
position:relative;
}
#discovercategory .newContents table.layoutTable td .callingImg span img,
#discovercategory .newContents table.layoutTable td .coffeeImg span a:hover img,
#discovercategory .newContents table.layoutTable td .callingImg span img,
#discovercategory .newContents table.layoutTable td .coffeeImg span a:hover img{
padding:0;
border:none;
}
#discovercategory .newContents table.layoutTable td .callingImg span.soldout,
#discovercategory .newContents table.layoutTable td .coffeeImg span.soldout{
position:absolute;
top:14px;
left:14px;
z-index:10;
}
#discovercategory .newContents table.layoutTable td .callingImg span.comment,
#discovercategory .newContents table.layoutTable td .coffeeImg span.comment{
position:absolute;
top:1px;
left:1px;
z-index:10;
}
#discovercategory .newContents table.layoutTable td .callingImg span.delete,
#discovercategory .newContents table.layoutTable td .coffeeImg span.delete{
position:absolute;
top:1px;
right:1px;
z-index:10;
}

/* popupArea */
#popupArea{
display:none;
}
.popup{
color:#5b5b5b;
}
.popupElement {color:#5b5b5b; text-decoration:none; margin:0;}
.popupElement a{font-size:10px; color:#a5a5a5}
.popupElement a:link{/*color:#5b5b5b;*/ text-decoration:none;}
.popupElement a:visited{color:#5b5b5b; text-decoration:none;}
.popupElement a:hover{color:#5b5b5b; text-decoration:none;}
.popupElement a:active{color:#5b5b5b; text-decoration:none;}

/* popupElement */
.popupElement{
clear:both;
overflow:hidden;
font-size: 1.2em;
}
.popupElement p{
    margin: 0;
}
p.recommendP{
    position: absolute;
    top:45px;
    right: 15px;
    z-index: 10;
}
/** link **/
.popupElement .linkIcon{
padding-left: 12px;
background: url(/products/images/icon_arrow_02.gif) no-repeat left 0.4em;
}
.popupElement .productInfo a.arrow{
background:url(/customize/images/t-arrow-right-off.png) no-repeat left 0.4em transparent;
padding-left:12px;
font-size:10px;
color: #888888;
}
.popupElement .productInfo a.arrow:hover {
background:url(/customize/images/t-arrow-right-on.png) no-repeat left 0.4em transparent;
color:#333333;
}
/** item **/
.popupElement .item{
clear:both;
overflow:hidden;
position:relative;
}
.popupElement .item .btns ul{
list-style:none;
margin:0;
padding:5px 0px 12px 33px;
text-align:left;
}

*:first-child+html .btns ul li{float:left; display: inline;}

.popupElement .item .btns ul li{ display:inline; margin-right:1px; }
.popupElement .item .btns ul li.mixiBtn{ margin-left:10px; }
.popupElement .item .btns ul li.facebookBtn{ margin-left:10px; }
.popupElement .productImg{
width:330px;
float:left;
padding-right: 30px;
height: auto;
}
.popupElement .productImg{
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
.productImg .productInner {
position: relative;
height: 330px;
width: 330px;
}
#addCustomCoffee,
#addCustomEspresso,
#addCustomMilk,
#addCustomOthers,
#addCustomCharacter,
#baseItemImg {
position: absolute;
top: 0;
left: 0;
}
.popupElement .productInfo{
margin: 0;
width:540px;
float:left;
}
.popupElement .productInfo h3{
margin: 0 0 25px 0;
color:#333333;
font-size:18px;
}
.popupElement .productInfo textarea{
width:367px;
height:63px;
}

/** withImgCol **/
.popupElement .productInfo .withImgCol{
_zoom:1;
overflow:hidden;
margin-bottom:1em;
width:100%;
}
.popupElement .productInfo .withImgCol p,
.popupElement .productInfo .withImgCol ul,
.popupElement .productInfo .withImgCol ol{ margin-top:0; }

.popupElement .productInfo .withImgCol .imgL{
float:left;
margin:0 20px 0 0;
}
.popupElement .productInfo .withImgCol .txtR,
.popupElement .productInfo .withImgCol .txtL{
overflow:hidden;
_zoom:1;
}

.popupElement .productInfo .withImgCol .imgL { margin-right:8px; }

.popupElement .productInfo .withImgCol .txtR {
width:270px;
color:#000000;
}

.popupElement .productInfo .withImgCol .txtR p { margin-bottom: 0; }

.popupElement .productInfo .withImgCol .txtR ol {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}

.popupElement .productInfo .withImgCol .txtR ol li {
padding-left: 14px;
text-indent: 0;
list-style: none;
line-height: 1.5;
}

.popupElement .productInfo .withImgCol .txtR ul {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}

.popupElement .productInfo .withImgCol .txtR ul li {
display: inline;
margin-right: 5px;
}
.popupElement .productInfo .withImgCol { margin-top: 30px; }

.popupElement .productInfo .withImgCol.coffee .imgL { padding-top: 12px; }
.popupElement .productInfo .withImgCol.coffee .txtR {
padding-top: 12px;
background:url(/common/images/border-bg.gif) repeat-x left top;
}

/** popupElement info **/
.popupElement div.info{
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

/** popupElwmwntCustom **/
.popupElement .withImgCol ul{
list-style-type:none;
padding-left:0;
}
.popupElement .item{
width: auto;
padding: 30px 30px 40px 30px;
}
.popupElement p.fontS{
color:  #a5a5a5;
font-size: 10px;
}
.popupElement a.arrow#moveRecomend {
background: url(/customize/images/t-arrow-right-off.png) no-repeat scroll left 0.4em transparent;
display: inline-block;
padding-left: 12px;
color: #888888;
}
.popupElement a.arrow#moveRecomend:hover {
background: url(/customize/images/t-arrow-right-on.png) no-repeat scroll left 0.4em transparent;
color: #333333;
}
.popupElement .withImgCol ul li{
background: url(/common/images/border-bg.gif) repeat-x scroll left bottom transparent;
padding: 20px 0px 15px 0;
margin-right: 24px;
}
.popupElement div.top{
background-color:#e8e8e8;
overflow:hidden;
padding: 10px 15px;
position:relative;
border:1px solid #ffffff;
}
.popupElement div.top h3{
margin:11px 0 9px 0;
}
.popupElement div.top a.arrow {
background: url(/customize/images/t-arrow-right-off.png) no-repeat scroll right center transparent;
display: inline-block;
padding-right: 12px;
position: static;
}
.popupElement div.top a.arrow:hover {
background: url(/customize/images/t-arrow-right-on.png) no-repeat scroll right center transparent;
}
.popupElement h4.products{
font-weight: normal;
font-size: 10px;
margin-top: 27px;
margin-bottom: 0;
line-height: 12px;
}
.popupElement div.ImgL{
width: 83px;
float: left;
}
.popupElement div.ImgL .productsImg{
left: 100px;
position: absolute;
top: 90px;
}
.popupElement div.ImgL p.change {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.popupElement div.ImgL p.change a {
display: block;
width: 40px;
height: 19px;
background: url(/customize/images/t-customize-change-off.png) no-repeat left top;
}
.popupElement div.ImgL p.change a:hover {
background: url(/customize/images/t-customize-change-on.png) no-repeat left top;
}
.popupElement div.ImgR{
width: 849px;
padding: 13px 0 0;
line-height: 1;
float: left;
position: absolute;
right: 5px;
}
.popupElement div.ImgR .col{
padding:0 7px 0 0;
margin:0;
float:left;
}
.popupElement div.ImgR .col dd,
.popupElement div.ImgR .col dd img{
margin:0;
padding:0;
}
.popupElement div.ImgR .col dd img{
    background-color: #FFFFFF;
}
.popupElement div.ImgR .col.last{
padding-right:0px;
}
.popupElement div.ImgR .col ul{
padding-left:0;
margin:6px 0 0 0;
}
.popupElement div.ImgR .col ul li{
display:inline;
display:table-cell;
list-style: none outside none;
padding-right: 1px;
float:left;
}
.popupElement div.ImgR .col.last{
padding-right:0px;
}
.popupElement div.ImgR .col ul{
padding-left:0;
margin:6px 0 0 0;
}
.popupElement .item .fav{
text-align:center;
}
.popupElement div.ImgR .section01{
overflow:hidden;
}
.section01 {
height: 105px;
}
.popupElement .withImgCol{
position:relative;
}
.popupElement .commentArea{
overflow-y: scroll;
width: 540px;
height: 200px;
padding-top:5px;
}
.popupElement .commentArea ul{
margin-left:0;
}
.popupElement .commentArea ul li{
background: url(/common/images/border-bg.gif) repeat-x scroll left bottom transparent;
padding:12px 0px;
margin-right:30px;
font-size:10px;
cursor: default;
float: none;
border: none;
}
.popupElement .commentArea ul li span{
font-weight:bold;
}
.popupElement .withImgCol h4{
text-align: left;
border-bottom: #e2e2e2 solid 3px;
margin: 0px;
padding-bottom:3px;
}
.popupElement .withImgCol p.commentLink{
position: absolute;
right: 0;
top: 0px;
}
.popupElement .productInfo dl{
margin-top: 5px;
}
.popupElement .productInfo dl dt{
margin-bottom: 18px;
font-weight: bold;
font-size: 14px;
}
.popupElement .productInfo dl dt #viewBaseItemName2 {
font-size: 100%;
display: block;
line-height: 1.5;
}
.popupElement .productInfo dl dt span.howToOrder{
font-size:12px;
margin-right:12px;
line-height:2.5;
}
.popupElement .productInfo dl dt span .nomal{
font-weight:normal;
margin:0;
}
.popupElement .productInfo dl dd{
margin:0;
}

/* beverageChoice */
.popupElement.beverageChoice{
width:450px;
}
.popupElement.beverageChoice .itemName{
width:394px;
background-color:#fbfbfb;
padding:30px 28px 26px 28px;
}
.popupElement.beverageChoice .itemName h3{
font-size:16px;
padding:0;
margin:0;
}
.popupElement.beverageChoice .item{
width:394px;
padding:28px;
}
.popupElement.beverageChoice .item ul{
overflow: visible;
list-style:none;
padding:0;
margin:8px 0 8px 6px;
}
.popupElement.beverageChoice .item li{
display:inline;
float:left;
}
.popupElement.beverageChoice .item #hotImg,
.popupElement.beverageChoice .item #iceImg{
border: 1px solid #e2e2e2;
}
.popupElement.beverageChoice .item #hotImg:hover,
.popupElement.beverageChoice .item #iceImg:hover{
border: 1px solid #a2a2a2;
}
.popupElement.beverageChoice .productImg{
width:116px;
margin:23px 33px 0 0;
padding:0 0 23px 28px;
}
.popupElement.beverageChoice .productInfo{
width:213px;
float:left;
margin:23px 0;
}
.popupElement.beverageChoice .item ul.customizeChoice{
overflow: visible;
margin:0;
padding:0;
}
.popupElement.beverageChoice .item ul.customizeChoice .choice01{
margin:0 0 18px 0;
}

/* commentOverlay */
.popupElement.commentOverlay .item{
background-color:#fbfbfb;
width:650px;
padding:0;
}
.popupElement.commentOverlay .productImg{
/*width:167px;
padding:28px;
*/
}
.popupElement.commentOverlay .productImg.noBack{
width:167px;
padding:28px;
}

.popupElement.commentOverlay .productImg img{
background-color:#ffffff;
padding:9px;
margin-bottom:9px;
}
.popupElement.commentOverlay .productImg .callingName {
display: block;
width:167px;
font-size:10px;
color:#333333;
}
.popupElement.commentOverlay .productInfo{
background-color:#ffffff;
width:376px;
min-height:284px;
padding:28px 28px 28px 23px;
float:left;
}
.popupElement.commentOverlay .productInfo.noBack{
background-color:#ffffff;
width:376px;
min-height:200px;
padding:28px 28px 28px 23px;
float:left;
}
.popupElement.commentOverlay .productInfo .commentTtl{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
.popupElement.commentOverlay .productInfo .commentTtl img{
margin:28px 0 15px 0;
}
.popupElement.commentOverlay .productInfo table{
margin:22px 0 18px 0;
}
.popupElement.commentOverlay .productInfo table th{
text-align:left;
padding-bottom:12px;
}
.popupElement.commentOverlay .productInfo table td.left{
width:200px;
}
.popupElement.commentOverlay .productInfo table td label.inactive{
color:#adadad;
}
.popupElement.commentOverlay .productInfo .fontS{
color:#cbcbcb;
font-size:9px;
text-indent:-1em;
padding-left:1em;
}
.popupElement.commentOverlay .productInfo .post{
text-align:center;
margin:17px 0 0 0;
padding-bottom:3px;
}
.popupElement.commentOverlay .productInfo .favoriteBtn{
margin-top:25px;
text-align:center;
}
.popupElement.commentOverlay .productImg .back{
position:relative;
}
.popupElement.commentOverlay .productImg .back{
position:absolute;
bottom:28px;
}
.popupElement.commentOverlay .productImg .back a{
background:url(/customize/images/arrow-left.gif) no-repeat left center;
color:#888888;
font-size:12px;
padding-left:13px;
}
/* commentOverlay2 */
.popupElement.commentOverlay2{
width:650px;
}
.popupElement.commentOverlay2 .item{
width:650px;
padding:0;
}
#productsOverlay08 .productImg {
min-height: 280px;
}
.popupElement.commentOverlay2 .productImg{
background-color:#fbfbfb;
width:167px;
min-height: 200px;
padding:28px;
}
.popupElement.commentOverlay2 .productImg.noBack{
width:167px;
min-height:200px;
padding:28px;
}
.popupElement.commentOverlay2 .productImg img{
background-color:#ffffff;
padding:9px;
margin-bottom:9px;
}
.popupElement.commentOverlay2 .productImg p{
width:167px;
font-size:10px;
color:#333333;
}
.popupElement.commentOverlay2 .productInfo{
width:376px;
padding:28px 28px 28px 23px;
float:left;
}
.popupElement.commentOverlay2 .productInfo.noBack{
background-color:#ffffff;
width:376px;
min-height:200px;
padding:28px 28px 28px 23px;
float:left;
}
.popupElement.commentOverlay2 .productInfo .commentTtl{
font-size:19px;
font-weight:bold;
}
.popupElement.commentOverlay2 .productInfo .commentTtl img{
margin:28px 0 15px 0;
}
.popupElement.commentOverlay2 .productInfo .favoriteDelete{
margin:30px 0 36px 0;
font-size:12px;
color:#333333;
}
.popupElement.commentOverlay2 .productInfo .deleteBtn{
position:relative;
text-align:center;
}
.popupElement.commentOverlay2 .productInfo .deleteBtn .cancel{
position:absolute;
top:0.5em;
left:0;
}
.popupElement.commentOverlay2 .productInfo table{
margin:22px 0 18px 0;
}
.popupElement.commentOverlay2 .productInfo table th{
text-align:left;
padding-bottom:12px;
}
.popupElement.commentOverlay2 .productInfo table td.left{
width:200px;
}
.popupElement.commentOverlay2 .productInfo table td label.inactive{
color:#adadad;
}
.popupElement.commentOverlay2 .productInfo .fontS{
color:#cbcbcb;
font-size:9px;
text-indent:-1em;
padding-left:1em;
}
.popupElement.commentOverlay2 .productInfo .post{
text-align:center;
margin:17px 0 0 0;
padding-bottom:3px;
}
.popupElement.commentOverlay2 .productInfo .favoriteBtn{
margin-top:40px;
text-align:center;
}
.popupElement.commentOverlay2 .productImg .back{
position:relative;
}
.popupElement.commentOverlay2 .productImg .back{
position:absolute;
bottom:28px;
}
.popupElement.commentOverlay2 .productInfo .cancel a,
.popupElement.commentOverlay2 .productInfo .back a{
background:url(/customize/images/arrow-left.gif) no-repeat left center;
color:#888888;
font-size:12px;
padding-left:13px;
}
.popupElement .item .btns {
position: relative;
right: 0;
}

.borderTop{
border-top:1px solid #e2e2e2;
}
.bold{
font-weight:bold;
padding-top:22px;
}

/* text-align */
.txtAC{
text-align:center;
}

/* magin */
.mT10{
margin-top:10px!important;
}
.mT15{
margin-top:15px!important;
}
.mT20{
margin-top:20px!important;
}
.mT30{
margin-top:30px!important;
}
.mB35{
margin-bottom:35px!important;
}
.mB80{
margin-bottom:80px!important;
}

/* #powertTip */
body #powerTipList,
body #powerTipList div.inner {
    max-width: 201px;
}
body #powerTip,
body #powerTip div.inner {
    max-width: 220px;
}
body #powerTipList,
body #powerTip {
padding: 0 0 9px 0;
background-image: url("/customize/images/arrow-toaltip.png");
background-position: center bottom;
background-repeat: no-repeat;
background-color: transparent;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(border-radius.htc);
white-space: normal;
}
body #powerTipList div.inner,
body #powerTip div.inner  {
padding: 10px;
background-color: #858585;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(border-radius.htc);
}
/* favorite */
#favoriteComp {
position: absolute;
left: 30px;
top: 340px;
}
#favoriteCompSmall {
position: absolute;
left: 383px;
top: 148px;
}
#favoriteCompDetail {
position: absolute;
left: 109px;
top: 528px;
}
.newContents .coffee5Col .callingImg img {
    background-color: #fff;
    padding: 8px;
}
body.callingtip #powerTip p {
    white-space: normal;
}

.favorite-text-link{
    margin-left: 16px;
}

/*エラー文言*/
p.error {
    margin-top: 3px;
    color:#BE0006;
    font-size: 10px;
    position: absolute;
}
p.error img {
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
}
/*カルーセル*/
.favoritesBoxR .carouselHr2 .carouselContents ul li a {
    border: 1px solid #e2e2e2;
}
.favoritesBoxR .carouselHr2 .carouselContents ul li a:hover {
    border: 1px solid #a2a2a2;
}
.favoritesBoxR .carouselHr2 .carouselMain {
    padding: 0 10px;
}
.carouselHr2 .carouselContents ul li.carouselItem {
    position: relative;
}
.carouselHr2 .carouselContents li.carouselItem span.soldout {
    position: absolute;
    top: 3px;
    right: 3px;
}
/* SNSarea */
.addSnsArea {
    background-color: #f7f7f7;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.popupElement.commentOverlay .productInfo .addSnsArea .fontS {
    padding-left: 0;
}
.popupElement .thankyouTxt {
    margin-bottom: 15px;
}
.popupElement.commentOverlay .back a{
background:url(/customize/images/arrow-left.gif) no-repeat left center;
color:#888888;
font-size:12px;
padding-left:13px;
}
.newContents .withImgCol ul.mainImg li {
    float: left;
}

/* 20130424 */
.popupElement .ImgR .carouselPrev{
    width:13px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 14px;
    z-index: 10;
}
.popupElement .ImgR .carouselNext{
    width:13px;
    float: left;
    position: absolute;
    right: 0;
    bottom: 14px;
    z-index: 10;
}
.popupElement .ImgR .customizeAreaWrap{
    width:815px;
    float:left;
    margin-right: 4px;
    margin-left: 17px;
}
.popupElement .ImgR .customizeAreaIn{
    position: relative;
    width: 800px;
    height: 95px;
    overflow:hidden;
    padding-left: 10px;
    padding-right: 5px;
}
.popupElement .ImgR .customizeAreaContents{
/*  position: absolute;
    left: 7px;*/
    width: 9999px;
}
.popupElement div.ImgR .col dt{
font-size:5px;
}

/* 130604add */
#index #contents .contentsIn h1 {
margin-bottom:30px;
}
#index #contents .contentsIn .lead {
margin-bottom:65px;
}
#index .newContents .withImgCol .imgR {
margin-top:16px;
}
#index .newContents .favorites .col{
margin-bottom:0;
}
#index .newContents .noEntry{
margin-bottom:20px;
}
#index .newContents .noEntry p{
margin-bottom:0;
}
#index .newContents .noFavorites dl{
float:left;
width:366px;
}
#index .newContents .noFavorites p{
float:left;
margin-bottom:0;
}
#index .newContents .col2.col445{
width:445px;
font-size:0.8em;
}
#index .newContents .col2.col425{
width:425px;
font-size:0.8em;
}

/* margin */
.mB75{
margin-bottom:75px!important;
}

/* 2014.03.12 add */
#customize .newContents .productdetail .productInfo dl dt span.taxText,
.popupElement .productInfo dl dt span.taxText {
    color: #CBCBCB;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.8;
    display:block;
}

/* 2022.09.01 add */
#customize .newContents .productdetail .productInfo dd span.note,
.popupElement .productInfo dd span.note {
    color: #CBCBCB;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.8;
    display:block;
}

/* 2014.07.04 add */
.newContents ul.searchMenuR{
	padding-right:1px;
}
.newContents ul.searchMenuR li{
	padding-left:15px;
}
/* index */
#index #contents .contentsIn h1{
	margin-bottom:29px;
}
#index #contents .contentsIn .lead{
	margin-bottom:49px;
}
#index .newContents .memberNotes a{
	color:#aca39c;
}
#index .newContents .memberNotes li{
	color:#aca39c;
	float:left;
	font-size:0.8em;
	margin-right:24px;
}
#index .newContents .favorites.noEntry{
	margin-bottom:31px;
}
#index .newContents .favorites.noEntry dl{
	margin-bottom:18px;
}
#index .newContents .favorites.noEntry dl dt{
	padding-bottom:16px;
}
#index .newContents .favorites.noEntry dl .withImgCol .imgL{
	margin-right:9px;
}
#index .newContents .memberNotes{
	margin-top:15px;
	margin-bottom:0;
	zoom:1;
}
#index .newContents .memberNotes:after{
	content:"";
	display:block;
	clear: both;
}
#index .newContents .col2 dl dd{
	font-size:1.2em;
}
#index .newContents .arrow a{
	background-image:url(/customize/images/bg-customize-index-arrow-ovoff.png);
}
#index .newContents .arrow a:hover{
	background-image:url(/customize/images/bg-customize-index-arrow-ovon.png);
	color:#6cb33f;
}
#index .newContents .favorites{
	margin-bottom:43px;
}
#index .newContents .favorites .loginFavorite dt{
	margin-bottom:10px;
}
#index .newContents .favorites .favoritesBoxL .withImgCol,
#index .newContents .favorites .favoritesBoxL .withImgCol p{
	margin-bottom:0;
}
#index .newContents .favorites .favoritesBoxL .withImgCol .imgL{
	margin-top:6px;
	margin-right:9px;
}
#index .newContents .favorites .favoritesBoxL .withImgCol .txtR p{
	line-height:1.6;
}
#index .newContents .favorites .favoritesBoxR{
	margin-top:35px;
}
/* favorite */
#favorite #contents .contentsIn .newContents .searchMenu.loginNofavorite{
	margin-bottom:31px;
}
#favorite .newContents .withImgCol.loginNofavorite{
	margin-left:-3px;
	margin-bottom:25px;
}
#favorite .newContents .withImgCol.loginNofavorite .imgL{
margin-right:16px;
}
#favorite .newContents .withImgCol.loginNofavorite .txtR{
	font-size:1.2em;
	margin-top:34px;
	margin-bottom:0;
}
#favorite #contents .contentsIn{
	min-height:400px;
}
#favorite #contents .contentsIn #contentsWrapper #contentsMain #contentsFooter{
	margin-top:88px;
}
/* customize */
#customize .newContents .productdetail .productInfo dl{
	margin-bottom:25px;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns{
	margin-bottom:24px;
}
#customize .newContents .productdetail .productImg ul li{
	margin-bottom:13px;
	text-align:left;
}
#customize .newContents .productdetail .productInfo .imgS{
	margin-bottom:6px;
}
#customize .newContents .productdetail .productInfo dl{
	margin-bottom:21px;
	margin-top:0;
}
#customize .newContents .productdetail .productInfo dl dt{
	line-height:1.7;
}
#customize .newContents .productdetail .productInfo dl dt span{
	line-height:1.8;
}
#customize .newContents .productdetail .productInfo dl dt span.taxText,
.popupElement .productInfo dl dt span.taxText{
	margin-top:3px;
}
#customize .newContents .productdetail .productInfo dd span.note,
.popupElement .productInfo dd span.note{
	margin-top:3px;
}
#customize .newContents .productdetail .withImgCol .commentArea{
	height:181px;
}
#customize .newContents .productdetail .withImgCol .commentArea ul{
	margin-bottom:0;
}
#customize .newContents .productdetail .withImgCol p.commentLink{
	margin-bottom:0;
	right:30px;
}
#customize .newContents .productdetail .withImgCol .annotation{
	margin-bottom:21px;
	text-align:right;
}
#customize .newContents .productdetail .withImgCol .annotation li{
	color:#cbcbcb;
	display:inline;
	font-size:10px;
	margin-left:6px;
	zoom:1;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain #contentsFooter{
	margin-top:35px;
}
/* popupElement */
/*.popupElement.detail .productInfo{
	float:none;
	margin-left:360px;
}*/
.popupElement .item .btns ul{
	padding-top:0;
	padding-left:0;
}
.popupElement .productInfo .withImgCol{
	margin-top:24px;
	margin-bottom:5px;
}
.popupElement .withImgCol h4{
	padding-top:6px;
}
.popupElement ul.annotation{
	padding:0 0 10px 0;
	margin:0;
	text-align:right;
}
.popupElement ul.annotation li{
	color:#cbcbcb;
	display:inline;
	font-size:10px;
	list-style:none;
	margin:0 0 0 6px;
	padding:0;
	zoom:1;
}
.popupElement.commentOverlay .dyfChoice{
	margin-top:20px;
}
.popupElement.commentOverlay .snsChoiceTtl{
	color:#5b5b5b;
	font-size:12px;
	font-weight:bold;
	margin-top:16px;
}
.popupElement.commentOverlay .snsChoice{
	margin:15px 0 0 0;
	padding:0;
	zoom:1;
}
.popupElement.commentOverlay .snsChoice:after{
	content:"";
	display:block;
	clear:both;
}
.popupElement.commentOverlay .snsChoice li{
	float:left;
	list-style:none;
	margin:0 53px 0 0;
	padding:0;
}
.popupElement.commentOverlay .snsNotes{
	color:rgba( 0, 0, 0, .7 );
	font-size:10px;
	line-height:1.7;
}
.popupElement.commentOverlay .productInfo .post{
	margin-top:16px;
}

/* 140709 add */
.newContents ul.searchMenuR.searchMenuFoot{
	display:block;
	float:none;
	zoom:1;
}
.newContents ul.searchMenuR.searchMenuFoot:after{
	content:"";
	display:block;
	clear:both;
}
.newContents ul.searchMenuR.searchMenuFoot li{
	float:right;
}
#contents .contentsIn #contentsWrapper #contentsMain #contentsFooter,
#favorite #contents .contentsIn #contentsWrapper #contentsMain #contentsFooter{
	margin-top:50px;
}
#customize #contents .contentsIn #contentsWrapper #contentsMain .customizeSns .btns{
	margin-left:57px;
}
.popupElement .item .btns ul{
	margin-left:47px;
	width:260px;
}
.popupElement .commentArea{
height: auto;
min-height: 135px;
max-height: 200px;
}

/* favorite 140724 add */
#favorite .newContents .withImgCol.noEntery{
	margin-bottom:34px;
	padding-top:32px;
}
#favorite .newContents .withImgCol.noEntery p{
	margin-bottom:0;
}
#favorite .newContents .withImgCol.noEntery p.imgL{
	margin-right:9px;
}
#favorite .newContents .withImgCol.noEntery .memberNotes{
	margin-top:12px;
	margin-bottom:0;
	zoom:1;
}
#favorite .newContents .withImgCol.noEntery .memberNotes:after{
	content:"";
	display:block;
	clear:both;
}
#favorite .newContents .withImgCol.noEntery .memberNotes .noEntry p{
	margin-bottom:0;
}
#favorite .newContents .withImgCol.noEntery .memberNotes a{
	color:#aca39c;
}
#favorite .newContents .withImgCol.noEntery .memberNotes li{
	color:#aca39c;
	float:left;
	margin-right:24px;
}
#favorite .newContents .withImgCol.noEntery .memberNotes .arrow a{
	background-image:url(/customize/images/bg-customize-index-arrow-ovoff.png);
	background-position: left 0.4em;
}
#favorite .newContents .withImgCol.noEntery .memberNotes .arrow a:hover{
	background-image:url(/customize/images/bg-customize-index-arrow-ovon.png);
	color:#6cb33f;
}

/* commentOverlay 140724 add */
.popupElement.commentOverlay .productInfo{
	padding-top:30px;
}
.popupElement.commentOverlay .productInfo .commentLead{
	padding-top:12px;
}
.popupElement.commentOverlay .productInfo .commentNotes{
	padding-top:31px;
	color:#7d7065;
	font-size:10px;
}
.popupElement.commentOverlay .productInfo .commentBtn{
	margin:12px 0 0;
	padding:0;
	zoom:1;
}
.popupElement.commentOverlay .productInfo .commentBtn:after{
	content:"";
	display:block;
	clear:both;
}
.popupElement.commentOverlay .productInfo .commentBtn li{
	float:left;
	list-style:none;
}
.popupElement.commentOverlay .productInfo .commentBtn li:first-child{
    margin-right: 10px;
    margin-left: -10px;
}

/* 140920 リニューアル用上書き */
#customize #contents .contentsIn,
#menu #contents .contentsIn,
#favorite #contents .contentsIn,
#recommend #contents .contentsIn,
#discovercategory #contents .contentsIn {
padding: 0;
margin: 0;
}
/*
#customize .newContents {
margin: 0;
}
*/
#recommend article .newContents p {
font-size: 12px;
}
#recommend .newContents .withImgCol .imgL dt {
font-size: 100%;
}
/* #customize #colorbox,
#menu #colorbox,
#favorite #colorbox,
#recommend #colorbox,
#discovercategory #colorbox {
box-shadow: none;
} */
@media all and (max-width: 1230px) {
body#index div.mainContents.notExNav article,
body#customize.dyfResult div.mainContents.notExNav article,
body#favorite div.mainContents.notExNav article,
body#discovercategory div.mainContents.notExNav article,
body#menu div.mainContents.notExNav article,
body#recommend div.mainContents.notExNav article { width: auto; }
body#index div.mainContents.notExNav,
body#customize.dyfResult div.mainContents.notExNav,
body#favorite div.mainContents.notExNav,
body#discovercategory div.mainContents.notExNav,
body#menu div.mainContents.notExNav,
body#recommend div.mainContents.notExNav {	margin-right: 0; }
}

/* 2015.03.25 ツールチップ不具合対応 */
#index article { overflow: visible; }

/* 2015.08.26 FB/Tw仕様変更対応 */
#cboxDyfWrapper .popupElement ul.sns {
bottom: 20px;
font-size: 10px;
position: absolute;
right: 20px;
}
#cboxDyfWrapper .popupElement ul.sns li {
display: table-cell;
padding: 10px 0 0 10px;
vertical-align: middle;
}
#cboxDyfWrapper .popupElement ul.sns li a {
display: block;
margin: 0 auto;
text-align: center;
width: 33px;
}
#cboxDyfWrapper .popupElement ul.sns li a:hover { opacity: 0.8; }
#cboxDyfWrapper .popupElement ul.sns li.forSp { display: none; }
#cboxDyfWrapper .popupElement .productInfo ul.sns { top: 24px; }
#cboxDyfWrapper .popupElement .productInfo .callingName { margin-right: 90px; }
#customize.dyfResult .productdetail .productInfo ul.sns {
font-size: 10px;
position: absolute;
right: 0;
top: 120px;
}
#customize.dyfResult .productdetail .productInfo ul.sns li {
display: table-cell;
padding: 10px 0 0 10px;
vertical-align: middle;
}
#customize.dyfResult .productdetail .productInfo ul.sns li a {
display: block;
margin: 0 auto;
text-align: center;
width: 33px;
}
#customize.dyfResult .productdetail .productInfo ul.sns li a:hover { opacity: 0.8; }
#customize.dyfResult .productdetail .productInfo ul.sns li.forSp { display: none; }
#customize.dyfResult .productdetail .productInfo h1 { margin-right: 60px; }

@media all and (max-width: 1230px) {
	#customize.dyfResult div.mainContents.notExNav.migration article { width: 930px; }
}

/* 2015.09.04 DYFコンポーネント改修 */
@media all and (max-width: 599px) {
	#cboxDyfOverlay + #colorbox { width: 320px!important; }
	#customizeOverlay01.popupElement.beverageChoice { width: 320px; }
	#customizeOverlay01.popupElement.beverageChoice .itemName,
	#customizeOverlay01.popupElement.beverageChoice .item{ width: 264px; }
	#customizeOverlay01.popupElement.beverageChoice .item ul {
		margin: 0;
		overflow: 0;
	}
	#customizeOverlay01.popupElement.beverageChoice li { width: 110px; }
	#customizeOverlay01.popupElement.beverageChoice li img {
		width: 100%;	height: auto;
	}
}

/* 2015.09.11 SNSボタン追加 */
#contents .contentsIn .h1Block {
position: relative;
overflow: visible;
}
#contents .contentsIn .h1Block ul.sns {
font-size: 10px;
position: absolute;
right: -15px;
top: 4px;
}
#contents .contentsIn .h1Block ul.sns li {
display: table-cell;
padding: 10px 0 0 10px;
vertical-align: middle;
}
#contents .contentsIn .h1Block ul.sns li.forSp {
display: none;
}
#contents .contentsIn .h1Block ul.sns li a {
display: block;
margin: 0 auto;
text-align: center;
width: 33px;
}
#contents .contentsIn .h1Block ul.sns li a:hover { opacity: 0.8; }


/* 2015.10.15 Cartボタン修正 */
#index nav.utility {
margin: 0;
padding: 53px 20px 0 0;
position: fixed;
right: 0;
text-align: right;
top: 0;
width: 100px;
}
#index nav.utility ul {
margin: 0;
}
#index nav.utility li {
font-size: 110%;
margin-bottom: 22px;
list-style: none;
}
#index nav.utility li a {
color: #222222;
}
#index nav.utility li a span.indention {
display: block;
}
#index nav.utility li.cart {
margin-bottom: 35px;
}
#index nav.utility li.cart a:hover {
opacity: 0.7;
}
#index nav.utility li.cart div.icon {
display: inline-block;
height: 32px;
margin-right: 6px;
position: relative;
width: 27px;
}
#index nav.utility li.cart span.individual {
bottom: 0;
color: #ffffff;
display: block;
font-size: 10px;
height: 19px;
line-height: 19px;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
width: 19px;
}
#index nav.utility li.cart span.price {
color: #56b42e;
display: block;
font-size: 110%;
margin-right: 2px;
}
#index nav.utility li.onlineStore {
font-size: 130%;
}
#index nav.utility li.onlineStore a {
color: #000000;
}

/* 2016.01.28 Cartボタン マージン修正 */
#index nav.utility {
padding: 0 20px 0 0;
margin-top: 50px;
}

/* 2017.10.30 */
.newContents ul.annotation li {
	text-align: right;
	color: #cbcbcb;
	font-size: 10px;
	padding: 15px 0;
}

/* 2017.12.07 #Colorbox */
@media all and (max-width: 599px) {
        body #cboxDyfOverlay + #colorbox.msb-popup{
                width: calc(100% - 40px)!important;
                min-width: unset!important;
        }
}

/* 2019.10.23 */
.item .productImg .txtAC .txtAC.toList .arrow{
	position: relative
}

/* #Colorbox End */

/** enjoy **/
img {
border: none;
}
img.title {
width: 350px;
}
div.parent {
margin:20px 30px;
width: 550px;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
}
div.parent hr{
border:none;
border-top:dashed 1px #000000;
height:1px;
color:#FFFFFF;
}
div.notes {
color: #B1ABA7;
font-size: 0.75em;
}
div.parent tr {
display: table;
border-collapse:separate;
border-spacing: 10px 0;
padding-inline-start: 0px;
}
div.parent th{
display: table-cell;
vertical-align: middle;
}
div.parent td{
padding: 35px 5px !important;
display: table-cell;
vertical-align: middle;
font-size: 13px !important;
}
div.parent th img{
max-width: 150px;
width: 150px;
}
button#cboxClose {
width:15px;
height:15px;
border:0px;
}

/* 高さの低いページ */
@media all and (min-width: 910px) {
  div.mainContents{
    min-height: calc(100vh - 104px);
  }
}

/* FAVORITE詳細画面 */
.js-delete-btn{
  background: url("/common/images/img-btn-modal-close.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    font-size: 0.1em;
    height: 14px;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: 5px;
    width: 14px;
    padding: 10px;
    cursor: pointer;
    z-index: 999;
}

/* オーバーレイ：FAVORITE詳細画面 */
.popupElement.deleteItem {
  width: 270px;
  padding: 21px 20px 0;
  font-size: 14px;
}
.popupElement.deleteItem div.withImg.TYfav {
  margin-top: 20px;
}
.popupElement.deleteItem div.withImg span.callingNameArea {
  float: right;
  width: 170px;
  padding-top: 10px;
}
.popupElement.deleteItem div.withImg {
    font-size: 85%;
    overflow: hidden;
    position: relative;
}
.popupElement.deleteItem div.withImg img {
    vertical-align: middle;
    width: 94px;
    height: 94px;
    margin-bottom: 20px;
}
.popupElement.deleteItem div.withImg p.leftImg { float: left; }
.popupElement.deleteItem div.withImg p.rightImg { float: right; }
.popupElement.deleteItem div.withImg p.center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -11px;
    font-weight: bold;
}
.popupElement.deleteItem div.withImg .right { float: right; }
.popupElement.deleteItem div.withImg .right .submitArea{
    width: 165px;
    margin: 0;
}
.popupElement.deleteItem div.withImg .right .submitArea:first-child { margin-bottom: 4px; }
.popupElement.deleteItem div.withImg .right .submitArea a {
    line-height: 1.4em;
    margin: 0;
    width: auto;
    height: 22px;
    padding: 6px 0 14px 10px;
    text-align: left;
}
.popupElement.deleteItem div.submitArea {
    width: 268px;
    height: 45px;
    margin: 20px 0;
    text-align: center;
    position: relative;
}
.popupElement.deleteItem a.submitBtn {
    width: 100%;
    height: 100%;
    background: url(/customize/sp-common/images/icon-arrow-cmt.png) no-repeat scroll 95% center;
    background-size: 10px 10px;
    border: 1px #888888 solid;
    line-height: 45px;
    display: block;ck;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

/* おすすめカスタマイズ詳細画面 */
@media all and (min-width: 768px) {
  #main.recommend{
    width: 813px;
  }
  section.recommend article.title div.titleInner{
    text-align: left;
    width: auto;
  }
  section.recommend article.title div.titleInner .txt{
    width: auto;
    display: inline-block;
  }
  section.recommend article.title div.titleInner .img{
    position: relative;
    vertical-align: top;
    display: inline-block;
  }
  section.recommend article.title div.img p img{
    margin-top: 0;
  }
  section.recommend article.rcContents a{
    border-left: none;
    border-right: none;
    padding: 5px 0 20px 10px;
  }
  section.recommend article.rcContents a h2{
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0;
  }
  section.recommend article.rcContents p.readTxt{
    font-size: 14px;
    margin: 15px 0 0;
  }
  section.recommend article.rcContents p.rcTxt{
    font-size: 14px;
    margin: 15px 0 0;
  }
  .newContents a, .newContents a:visited, .newContents a:link {
    margin-left: 17px;
}
}

@media all and (min-width: 768px) {
.newContents a, .newContents a:visited, .newContents a:link {
    margin-left: 10px;
    }
}
/* 2022.11.17 dyf_コメントモーダル */
.thanksModal .productInfo.productInfoAddFavotite,
.thanksModal .productInfo.productInfoAddedFavotite {
    box-sizing: border-box;
    width: 400px;
    height: 461px;
    padding: 32px;
}
.popupElement.commentOverlay.thanksModal .productInfo .favoriteBtn {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 28px;
}
.popupElement.thanksModal .thankyouTxt {
    margin-bottom: 0;
}
.popupElement.thanksModal .productImg {
    margin: 15px 0;
}