@charset "UTF-8";
/* ### reset.scss ### */
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }



body { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; color: #392323; line-height: 1.5; -webkit-text-size-adjust: 100%; font-size: 14px; }
.fontFamily_en {
 font-family: /* Garamond, */ "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "HGSMinchoE", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.fontFamily_jp {
 font-family: /* Garamond, "Times New Roman", */ "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "HGSMinchoE", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

a { color: #7d4d1f; text-decoration: none; }
a:hover { text-decoration: none; border-bottom: dotted 1px #d9c766; }

figure { margin: 0; }

a:hover img { -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); }
img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; }

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.headerWrap {}
@media screen and (max-width: 768px) {
	.header { position: relative; z-index: 100; }
}
@media screen and (min-width: 769px) {
	.header {}
}
.header .head_text { color: #c0a200; text-align: center; }
@media screen and (max-width: 400px) {
	.header .head_logo img { width: 220px; }
}
@media screen and (max-width: 480px) {
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.header .head_text { letter-spacing: 0.2em; }
}
@media screen and (max-width: 768px) {
	.header .head_text { font-size: 0.8em; margin: 10px auto 10px; }
	.header .head_logo { margin: 0 auto 10px; }
	.header .head_navi { display: none; }
}
@media screen and (min-width: 769px) {
	.header .head_text { font-size: 0.9em; letter-spacing: 0.5em; margin: 10px auto 20px; }
	.header .head_logo { margin: 0 auto 10px; }
	.header .head_naviWrap {
	 background: -webkit-gradient(linear, left top, left bottom, from(rgba(242,236,203,0.4)), color-stop(.50, #fff), to(#fff));
	 background: linear-gradient(180deg, rgba(242,236,203,0.4), #fff 50%, #fff);
}
.header .head_navi { /* width: 1050px; */ height: 50px; margin: 0 auto; }
.header .head_navi:after { content: ""; display: block; clear: left; }
.header .head_navi > li { float: left; position: relative; z-index: 100; width: 25%; height: 50px; border-left: solid 1px #eed; text-align: center;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
/* 微調整 */
.header .head_navi > li > p { display: block; color: #c0a200; text-decoration: none; }
.header .head_navi > li > p:first-of-type { font-size: 1.275em; letter-spacing: 0; } /* _en */
.header .head_navi > li > p:last-of-type { font-size: 0.85em; letter-spacing: 0.2em; } /* _jp */
/* 微調整 */
.header .head_navi > li > a { display: block; color: #c0a200; font-size: 0.85em; text-decoration: none; letter-spacing: 0.2em; }
.header .head_navi > li > a > p:first-of-type { font-size: 1.5em; letter-spacing: 0; }
.header .head_navi > li:last-of-type { border-right: solid 1px #eed; }
.header .head_navi > li:hover {
 background: -webkit-gradient(linear, left bottom, left top, from(rgba(242,236,203,0.4)), color-stop(.50, #fff), to(#fff));
 background: linear-gradient(0deg, rgba(242,236,203,0.4), #fff 50%, #fff);
}

.header .head_navi .head_navi_child { position: absolute; min-width: 261px; background: rgba(128,95,64,0.8); }
.header .head_navi .head_navi_child > li { border-top: 1px solid #7f4f21; }
.header .head_navi .head_navi_child > li:hover { background: rgba(128,95,64,1.0); }
.header .head_navi .head_navi_child > li > a { display: block; color: #fff; padding: 9px 0; text-decoration: none; }
} /* @media screen and (min-width: 769px) */

@media screen and (min-width: 769px) and (max-width: 1050px) {
 .header .head_navi { width: 100%; }
}
@media screen and (min-width: 1051px) {
 .header .head_navi { width: 1050px; }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.header .sp_menuIcon { display: block; position: absolute; top: 20px; right: 10px; background: rgba(242,236,203,0.7); color: #7d4d1f;
	 width: 40px; height: 40px; line-height: 40px; font-size: 0.7em; text-align: center; }
	.header .sp_menuIcon.active { background: #f2eccb; }
	.header .sp_menu { display: none; position: absolute; z-index: 100; background: #f2eccb; width: 80%; top: 60px; right: 10px; padding: 15px; }
	.header .sp_menu > p { border: 1px solid #d9c766; border-radius: 5px; padding: 5px 0; margin-top: 10px; text-align: center; }
	.header .sp_menu > p:hover { background: rgba(255,255,255,0.5); }
	.header .sp_head_navi { border-radius: 5px; background: #fff url(/common/images/logo-footer.gif) no-repeat 50% 5px; }
	.header .sp_head_navi > li { padding: 10px; border-bottom: 1px dotted #d9c766; }
	.header .sp_head_navi .sp_head_navi_child {}
	.header .sp_head_navi .sp_head_navi_child > li { color: #c0a200; padding: 10px 10px 10px 30px; background: url(/menu/images/velvet/icon-featurelist.gif) 7px 17px no-repeat; border-bottom: 1px dotted #d9c766; }
}
@media screen and (max-width: 480px) {
	.header .sp_head_navi { padding: 70px 5px 10px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.header .sp_head_navi { padding: 55px 5px 10px; }
}
@media screen and (min-width: 769px) {
	.header .sp_menuIcon { display: none; }
	.header .sp_menu { display: none; }
	.header .sp_menu > p { display: none; }
	.header .sp_head_navi { display: none; }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.footerWrap { background: url(/common/images/bg-footer.jpg) 0 0 repeat-x; }
.footer {}
.footer > dl { margin: 0 auto 20px; padding-top: 60px; }
.footer > dl:after { content: ""; display: block; clear: left; }
.footer > dl > dt { width: 350px; border-right: 1px dotted #d9c766; float: left; }
.footer > dl > dt > dl {}
.footer > dl > dt > dl:after { content: ""; display: block; clear: left; }
.footer > dl > dt > dl > dt { width: 100px; float: left; }
.footer > dl > dt > dl > dd { margin-left: 110px; padding: 0.5em 0; }
.footer > dl > dd { margin-left: 400px; padding: 0.5em 0; }

.footer .foot_logo {}
.footer .foot_address {}
.footer .foot_address .foot_toll-free { /* background: url(/common/images/icon-freedial.gif) 0 3px no-repeat; padding-left: 26px; */ }
.footer .foot_navi { margin-left: 16px; }
.footer .foot_navi > li { display: inline-block; vertical-align: top; margin-right: 30px; }
.footer .foot_navi > li:before { content: "┐"; display: inline-block; transform: rotate(45deg); margin-left: -16px; font-size: 0.8em; color: #c0a200; letter-spacing: 0.3em; }
.footer .foot_navi > li > a > span { font-size: 0.8em; color: #c0a200; }
.footer .foot_copyright { text-align: center; padding: 10px 0; border-top: 1px dotted #d9c766; }

@media screen and (max-width: 480px) {
	.footer > dl { width: 99%; }
	.footer > dl > dt { width: 100%; border-right: none; float: none; }
	.footer > dl > dd { margin-left: 5px; padding: 1em 0 0; font-size: 0.9em; line-height: 2; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.footer > dl { width: 95%; }
	.footer > dl > dt { width: 100%; border-right: none; float: none; }
	.footer > dl > dd { margin-left: 0; padding: 1em 0 0; line-height: 2; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.footer > dl { width: 100%; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.footer > dl { width: 1050px; }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.contentsWrap { background: url(/common/images/bg.jpg) 0 0 repeat; }

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.contents { margin: 0 auto; }
@media screen and (max-width: 480px) {
	.contents { width: 98%; padding-top: 25px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.contents { width: 95%; padding-top: 35px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.contents { width: 100%; padding-top: 50px; }
	.contents:after { content: ""; display: block; clear: both; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.contents { width: 1050px; padding-top: 50px; }
	.contents:after { content: ""; display: block; clear: both; }
}
/*---
◆sweets_MenuPage
---*/
@media screen and (max-width: 480px) {
	.sweets_MenuPage .contents { width: 98%; padding-top: 10px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_MenuPage .contents { width: 95%; padding-top: 15px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_MenuPage .contents { width: 100%; padding-top: 40px; }
	.sweets_MenuPage .contents:after { content: ""; display: block; clear: both; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_MenuPage .contents { width: 1050px; padding-top: 40px; }
	.sweets_MenuPage .contents:after { content: ""; display: block; clear: both; }
}
/*---
◆sweets_TopPage
◆sweets_ReleasePage
◆sweets_MediaPage
---*/
@media screen and (max-width: 480px) {
	.sweets_TopPage .contents,
	.sweets_ReleasePage .contents,
	.sweets_MediaPage .contents { width: 98%; padding-top: 10px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_TopPage .contents,
	.sweets_ReleasePage .contents,
	.sweets_MediaPage .contents { width: 95%; padding-top: 15px; }
}
@media screen and (min-width: 769px) {
	.sweets_TopPage .contents,
	.sweets_ReleasePage .contents,
	.sweets_MediaPage .contents { width: 1050px; padding-top: 40px; }
}
/*---
◆sweets_NewPage
◆sweets_BrandingPage
◆sweets_ContactPage
◆sweets_SitemapPage
---*/
@media screen and (max-width: 480px) {
	.sweets_NewPage .contents,
	.sweets_BrandingPage .contents,
	.sweets_ContactPage .contents,
	.sweets_SitemapPage .contents { width: 98%; padding-top: 10px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_NewPage .contents,
	.sweets_BrandingPage .contents,
	.sweets_ContactPage .contents,
	.sweets_SitemapPage .contents { width: 95%; padding-top: 15px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_NewPage .contents,
	.sweets_BrandingPage .contents,
	.sweets_ContactPage .contents,
	.sweets_SitemapPage .contents { width: 96%; padding-top: 40px; }
}
@media screen and (min-width: 1051px) {
	.sweets_NewPage .contents,
	.sweets_BrandingPage .contents,
	.sweets_ContactPage .contents,
	.sweets_SitemapPage .contents { width: 1050px; padding-top: 40px; }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.main {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
/*---
◆sweets_TopPage
◆sweets_BrandingPage
◆sweets_SitemapPage
◆sweets_NewPage
◆sweets_ReleasePage
◆sweets_ContactPage
◆sweets_MediaPage
---*/
.sweets_TopPage .main,
.sweets_TopPage .mainInner,
.sweets_BrandingPage .main,
.sweets_BrandingPage .mainInner,
.sweets_SitemapPage .main,
.sweets_SitemapPage .mainInner,
.sweets_NewPage .main,
.sweets_NewPage .mainInner,
.sweets_ReleasePage .main,
.sweets_ReleasePage .mainInner,
.sweets_ContactPage .main,
.sweets_ContactPage .mainInner,
.sweets_MediaPage .main,
.sweets_MediaPage .mainInner { margin: 0 auto; }
/*---
◆sweets_ProductPage
---*/
.sweets_ProductPage .main { background: #fff; padding: 4px; position: relative; }
.sweets_ProductPage .mainInner { border: 4px solid #e7d99a; padding: 2px; }
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_ProductPage .main { width: 92%; margin-left: 4%; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_ProductPage .main { margin-top: 20px; }
	.sweets_ProductPage .main { float: right; width: 77.5%; max-width: calc(100% - 236px); }
}
.sweets_ProductPage .mainFrameLT { position: absolute; left: 0; top: 0; }
.sweets_ProductPage .mainFrameRT { position: absolute; right: 0; top: 0; }
.sweets_ProductPage .mainFrameLB { position: absolute; left: 0; bottom: 0; }
.sweets_ProductPage .mainFrameRB { position: absolute; right: 0; bottom: 0; }
@media screen and (max-width: 414px) {
	.sweets_ProductPage .mainFrameLT,
	.sweets_ProductPage .mainFrameRT { display: none; }
	.sweets_ProductPage .mainFrameLB,
	.sweets_ProductPage .mainFrameRB { width: 10%; }
}
@media screen and (min-width: 415px) and (max-width: 480px) {
}
@media screen and (min-width: 481px) and (max-width: 600px) {
}
@media screen and (min-width: 415px) and (max-width: 768px) {
	.sweets_ProductPage .mainFrameLT,
	.sweets_ProductPage .mainFrameRT,
	.sweets_ProductPage .mainFrameLB,
	.sweets_ProductPage .mainFrameRB { width: 10%; }
}
@media screen and (min-width: 769px) {
}
/*---
◆sweets_MenuPage
---*/
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_MenuPage .main { width: 92%; margin-left: 4%; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_MenuPage .main { float: right; width: 77.5%; max-width: calc(100% - 236px); }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.side { display: none; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.side { display: none; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.side { float: left; width: 22%; min-width: 222px; padding: 5px 10px 10px 0;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box;
	}
	.side .side_naviWrap { background: url(/menu/images/title-sidemenu.jpg) 10px 59px no-repeat, url(/menu/images/bg-sideNav.png) 0 0 no-repeat; padding: 84px 10px 20px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box;
	}
	.side .side_naviWrap h2 { color: #c0a200; text-indent: -9999em; overflow: hidden; }
	.side .side_navi { width: 190px; border: solid 1px #d9c766; }
	.side .side_navi li { padding: 8px; padding-left: 50px; }
	.side .side_navi li:nth-of-type(1) { background: url(/images/etc/sidemenu_base38x38.png) 3% 50% no-repeat; }
	.side .side_navi li:nth-of-type(2) { background: url(/images/etc/sidemenu_eye38x38.png) 3% 50% no-repeat; }
	.side .side_navi li:nth-of-type(3) { background: url(/images/etc/sidemenu_lip38x38.png) 3% 50% no-repeat; }
	.side .side_navi li:nth-of-type(4) { background: url(/images/etc/sidemenu_nail38x38.png) 3% 50% no-repeat; }
	.side .side_navi li:not(:last-of-type) { border-bottom: dotted 1px #d9c766; }
	.side .side_navi li > a { display: block; color: #c0a200; font-size: 1.0em; text-decoration: none; }
	.side .side_navi li > a:hover { border-bottom: none; }
	.side .side_navi li:hover { background-color: rgba(242,236,203,0.4); }
	.side .side_navi li > a > span.en { font-size: 1.3em; }
	.side .side_navi li > a > span.jp { display: block; text-align: right; font-size: 0.9em; margin-top: -1.8em; }
/*---
◆sweets_TopPage
◆sweets_BrandingPage
◆sweets_SitemapPage
◆sweets_NewPage
◆sweets_ReleasePage
◆sweets_ContactPage
◆sweets_MediaPage
---*/
	.sweets_TopPage .side,
	.sweets_BrandingPage .side,
	.sweets_SitemapPage .side,
	.sweets_NewPage .side,
	.sweets_ReleasePage .side,
	.sweets_ContactPage .side,
	.sweets_MediaPage .side { display: none; }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.breadnavi { background: url(/common/images/bg-panquez.jpg) 0 0 repeat-x; width: 100%; }
.breadnavi .bread_navi { margin: 0 auto; }
.breadnavi .bread_navi:after { content: ""; display: block; clear: left; }
.breadnavi .bread_navi li { float: left; font-size: 0.9em; }
.breadnavi .bread_navi li:first-of-type { margin-left: 0; }
.breadnavi .bread_navi li:last-of-type a { color: #fff; }
@media screen and (max-width: 480px) {
	.breadnavi { height: 30px; }
	.breadnavi .bread_navi { width: 99%; }
	.breadnavi .bread_navi li { line-height: 30px; margin-left: 10px; font-size: 0.8em; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.breadnavi { height: 36px; }
	.breadnavi .bread_navi { width: 95%; }
	.breadnavi .bread_navi li { line-height: 36px; margin-left: 10px; }
}
@media screen and (min-width: 769px) {
	.breadnavi { height: 40px; }
	/* .breadnavi .bread_navi { width: 1050px; } */
	.breadnavi .bread_navi li { line-height: 40px; margin-left: 20px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.breadnavi .bread_navi { width: 95%; }
}
@media screen and (min-width: 1051px) {
	.breadnavi .bread_navi { width: 1050px; }
}

/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.pagetop { width: 128px; /* margin-left: calc(100% - 138px); */ margin-left: auto; margin-right: 1%; margin-top: 10px; }
@media screen and (max-width: 480px) {
}
@media screen and (min-width: 481px) and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
}

/*---------------------------------------------------------
◆topPage sweets_TopPage
---------------------------------------------------------*/
.top_visual { background: url(/images/key-frame.png) 0 0 no-repeat; }
@media screen and (max-width: 480px) {
	.top_visual { padding: 2.8% 1.1% 1px; background-size: 100%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.top_visual { padding: 3.1% 1.1% 1px; background-size: 100%; }
}
@media screen and (min-width: 769px) {
	.top_visual { padding: 36px 11px 6px; }
}
.top_visualWrap { position: relative; }
@media screen and (max-width: 480px) {
	.top_visualWrap { padding: 0 1%; }
}
.top_visualWrap .top_visualFrame {}
.top_visualWrap .top_visualFrame .top_visualFrameLB { position: absolute; bottom: 11%; left: 0.5%; z-index: 40; }
.top_visualWrap .top_visualFrame .top_visualFrameLT { position: absolute; top: 6%; left: 0.5%; z-index: 40; }
.top_visualWrap .top_visualFrame .top_visualFrameRB { position: absolute; bottom: 11%; right: 0.5%; z-index: 40; }
.top_visualWrap .top_visualFrame .top_visualFrameRT { position: absolute; top: 6%; right: 0.5%; z-index: 40; }
@media screen and (max-width: 768px) {
	.top_visualFrameLB,
	.top_visualFrameLT,
	.top_visualFrameRB,
	.top_visualFrameRT { width: 12%; }
}
@media screen and (min-width: 769px) {
}
/*---
◆
---*/
.sweets_TopPage .main .top_new { margin-bottom: 40px; }
.sweets_TopPage .main .top_new:after { content: ""; display: block; clear: left; }
.sweets_TopPage .main .top_new h2 { background: url(/common/images/bg-titleLine.png) 0 48% repeat-x; margin-bottom: 30px; }

.sweets_TopPage .main .top_new .top_newInner {}
@media screen and (max-width: 570px) {
	.sweets_TopPage .main .top_new .top_newInner { margin-left: -moz-calc((100% - 262px) / 2); margin-left: -webkit-calc((100% - 262px) / 2); margin-left: calc((100% - 262px) / 2); }
}
@media screen and (min-width: 571px) and (max-width: 768px) {
	.sweets_TopPage .main .top_new .top_newInner { margin-left: -moz-calc((100% - 524px) / 2); margin-left: -webkit-calc((100% - 524px) / 2); margin-left: calc((100% - 524px) / 2); }
}
.sweets_TopPage .main .top_new .top_newdetail { float: left;
 background: url(/images/bg-newBox.png) 0 0 no-repeat; background-size: 100% 100%;
 padding: 20px 0 0 0; margin: 0 7px; width: 248px; height: 290px; text-align: center;
}

.top_new_name_en { color: #c0a200; font-style: italic; font-size: 1.5em; margin-bottom: 0.3em; }
.top_new_name { font-size: 12px; /* font-size: 0.786em; */ position: relative;
 color: #fff; background: #b1841d; line-height: 1;
 width: 75%;
 padding: 4px 0;
 margin: auto;
}
.top_new_name:before { content: ""; position: absolute;
  top: 0;
  left: -8px;
  height: 0;
  width: 0;
  border: 10px solid #b1841d;
  border-left-color: #fff;
  border-width: 10px 7px;
}
.top_new_name:after { content: ""; position: absolute;
  top: 0;
  right: -8px;
  height: 0;
  width: 0;
  border: 10px solid #b1841d;
  border-right-color: #fff;
  border-width: 10px 7px;
}
.top_new_picture { width: 68.5%; margin: 0.3em auto 0; }
.top_new_release_date { width: 60%;
 background: url(/images/etc/145x145_button.png) 0 0 repeat; background-size: 40%;
 color: #fff; font-size: 1.1em; padding: 3px; margin: 0 auto; border-radius: 3px;
}
/*---
◆
---*/
@media screen and (max-width: 768px) {
	.sweets_TopPage .main .top_news {}
	.sweets_TopPage .main .top_news > ul {}
	.sweets_TopPage .main .top_news > ul > li { display: block; width: 100%; }

	.sweets_TopPage .main .top_whats_newWrap { margin-bottom: 10px; }
	.sweets_TopPage .main .top_instagramWrap { margin-bottom: 30px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_TopPage .main .top_news > ul > li { display: block; width: 94%; margin-left: 3%; }

	.sweets_TopPage .main .top_whats_newWrap { margin-bottom: 10px; }
	.sweets_TopPage .main .top_instagramWrap { margin-bottom: 30px; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_TopPage .main .top_news { margin: 0 10px 40px 5px; }
	.sweets_TopPage .main .top_news > ul {}
	.sweets_TopPage .main .top_news > ul > li { display: inline-block; vertical-align: top;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box;
	}
/*
	.sweets_TopPage .main .top_news > ul > li:first-of-type { width: 65%; }
	.sweets_TopPage .main .top_news > ul > li:last-of-type { width: 33%; margin-left: 2%; }
*/
}
/*---
◆
---*/
.sweets_TopPage .main .top_whats_newWrap { background: #fff; padding: 4px; position: relative; }
.sweets_TopPage .topFrameLT { position: absolute; left: 0; top: 0; }
.sweets_TopPage .topFrameRT { position: absolute; right: 0; top: 0; }
@media screen and (max-width: 640px) {
	.sweets_TopPage .topFrameLT,
	.sweets_TopPage .topFrameRT { width: 10%; }
}
@media screen and (min-width: 641px) {
	.sweets_TopPage .topFrameLT,
	.sweets_TopPage .topFrameRT { width: 9%; }
}

.sweets_TopPage .main .top_whats_new { border: 4px solid #e7d99a; padding-top: 10px; }
.sweets_TopPage .main .top_whats_new > h2 { color: #c0a200; text-align: center; border-bottom: solid 1px #d9c766; margin: 0 10px; }
.sweets_TopPage .main .top_whats_new > h2 > span.top_whats_new_en { font-size: 2.2em; }
.sweets_TopPage .main .top_whats_new > h2 > span.top_whats_new_jp { font-size: 1em; padding-left: 1em; }
.sweets_TopPage .main .top_whats_newInner {}
@media screen and (max-width: 768px) {
	.sweets_TopPage .main .top_whats_newInner { padding: 10px 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_TopPage .main .top_whats_newInner { padding: 15px 10px 20px; }
}
.sweets_TopPage .main .top_whats_new ul { height: 127px; /* height: 169px; */ overflow: auto; -webkit-overflow-scrolling: touch; }
.sweets_TopPage .main .top_whats_new li { padding: 0.3em 0.5em; border-bottom: dotted 1px #d9c766; }
.sweets_TopPage .main .top_whats_new li > dl {}
.sweets_TopPage .main .top_whats_new li > dl:after { content: ""; display: block; clear: left; }
@media screen and (max-width: 480px) {
	.sweets_TopPage .main .top_whats_new li > dl { font-size: 0.8em; }
	.sweets_TopPage .main .top_whats_new li > dl > dt { float: left; width: 65px; }
	.sweets_TopPage .main .top_whats_new li > dl > dd { margin-left: 65px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_TopPage .main .top_whats_new li > dl { font-size: 0.9em; }
	.sweets_TopPage .main .top_whats_new li > dl > dt { float: left; width: 70px; }
	.sweets_TopPage .main .top_whats_new li > dl > dd { margin-left: 70px; }
}
@media screen and (min-width: 769px) {
	.sweets_TopPage .main .top_whats_new li > dl { font-size: 1em; }
	.sweets_TopPage .main .top_whats_new li > dl > dt { float: left; width: 80px; }
	.sweets_TopPage .main .top_whats_new li > dl > dd { margin-left: 80px; }
}
/*---
◆
---*/
.sweets_TopPage .main .top_mediaWrap { padding: 4px; }
@media screen and (max-width: 480px) {
	.sweets_TopPage .main .top_mediaWrap { background: #fff url(/images/etc/media310x75.png) no-repeat 50% 12%; background-size: 27%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_TopPage .main .top_mediaWrap { background: #fff url(/images/etc/media310x75.png) no-repeat 50% 11%; background-size: 18%; }
}
@media screen and (min-width: 769px) {
	.sweets_TopPage .main .top_mediaWrap { background: #fff url(/images/etc/media310x75.png) no-repeat 50% 10%; background-size: 18%; }
}
.sweets_TopPage .main .top_media { border: 4px solid #e7d99a; }
@media screen and (max-width: 768px) {
	.sweets_TopPage .main .top_media { padding: 36px 2px 13px; }
	.sweets_TopPage .main .top_media_en { padding-bottom: 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_TopPage .main .top_media { padding: 18px 2px 6px; }
}
.sweets_TopPage .main .top_mediaInner {}
.sweets_TopPage .main .top_media_en { text-align: center; font-size: 1.9em; color: #c0a200; line-height: 1.1; }
.sweets_TopPage .main .top_media_jp { position: relative; color: #fff; background: #bb9d00; font-size: 12px; text-align: center; line-height: 1;
 width: 85%; padding: 5px 0; margin: 0 auto; letter-spacing: 0.5em;
}
.sweets_TopPage .main .top_media_jp:before { content: ""; position: absolute;
 top: 0; left: -5px; height: 0; width: 0;
 border: 1px solid #bb9d00;
 border-left-color: rgba(255,255,255,1.0);
 border-width: 11px 8px;
}
.sweets_TopPage .main .top_media_jp:after { content: ""; position: absolute;
 top: 0; right: -5px; height: 0; width: 0;
 border: 1px solid #bb9d00;
 border-right-color: rgba(255,255,255,1.0);
 border-width: 11px 8px;
}
/*---
◆
---*/
.sweets_TopPage .main .top_instagramWrap { background: url(/images/etc/instagram50x50.png) 0 0 repeat; padding: 4px; margin-top: 8px; }
.sweets_TopPage .main .top_instagram { border: 4px dotted #e7d99a; border-radius: 7px; padding: 12px; }
.sweets_TopPage .main .top_instagram h2 {}
.sweets_TopPage .main .top_instagramInner {}
.sweets_TopPage .main .top_instagramInner dl {}
.sweets_TopPage .main .top_instagramInner dl:after { content: ""; display: block; clear: left; }
.sweets_TopPage .main .top_instagramInner dt { width: 22%; float: left; }
.sweets_TopPage .main .top_instagramInner dd { margin-left: 24%; }
/*---
◆
---*/
@media screen and (max-width: 768px) {
	.sweets_TopPage .main .top_instagramWrap { margin-bottom: 0px; border-radius: 3px; }
	.sweets_TopPage .main .top_youtubeWrap { margin-bottom: 30px; }
	.sweets_TopPage .main .top_instagramWrap { width: 96%; margin-left: auto; margin-right: auto; }
	.sweets_TopPage .main .top_youtubeWrap { width: 98%; margin-left: auto; margin-right: auto; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_TopPage .main .top_news > ul > li:first-of-type { width: 55%; }
	.sweets_TopPage .main .top_news > ul > li:last-of-type { width: 43%; margin-left: 2%; }
}
.sweets_TopPage .main .top_instagramWrap { margin-top: 0px; }
.sweets_TopPage .main .top_instagram { padding: 2% 12% 1%; }

.top_youtubeWrap { /* background: url(/images/etc/instagram50x50.png) 0 0 repeat; */ padding: 4px 0; margin-top: 8px; }
.top_youtubeInner > ul > li { width: 32.3%; /* width: 49%; */ margin: 0 0.5%; display: inline-block; vertical-align: top; line-height: 1.2;
 box-shadow: 2px 2px 6px #e7d99a inset, -2px -2px 6px #e7d99a inset; border-radius: 3px;
 background:
 -webkit-gradient(linear, left top, left bottom,
from(rgba(255,255,255,0)),
color-stop(80%,rgba(255,255,255,0)),
color-stop(95%,rgba(231,217,154,0.5)),
to(rgba(231,217,154,0.5))),
 url(/images/etc/instagram50x50.png) 0 0 repeat;
 background:
 linear-gradient(180deg,
rgba(255,255,255,0),
rgba(255,255,255,0) 80%,
rgba(231,217,154,0.5) 95%,
rgba(231,217,154,0.5)),
 url(/images/etc/instagram50x50.png) 0 0 repeat;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box;
}
.top_youtube li > a > ul.indentList { font-size: 0.8em; padding: 1.5% 2% 5% 3%; padding-bottom: 0;  margin-bottom: 0; min-height: 26px; }
/*---
◆
---*/
.sweets_TopPage .main .top_item_menu {}
.sweets_TopPage .main .top_item_menu h2 { background: url(/common/images/bg-titleLine.png) 0 48% repeat-x; margin-bottom: 20px; }
@media screen and (max-width: 768px) {
	.sweets_TopPage .main .top_item_menu > ul > li { display: block; width: 100%; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_TopPage .main .top_item_menu > ul > li { display: block; width: 100%; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_TopPage .main .top_item_menu > ul {}
	.sweets_TopPage .main .top_item_menu > ul > li { display: inline-block; vertical-align: top; width: 50%;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 box-sizing: border-box; }
}
.sweets_TopPage .main .top_item_menu > ul > li:nth-of-type(2n-1) {}
.sweets_TopPage .main .top_item_menu > ul > li:nth-of-type(2n) {}
/*---
◆
---*/
.sweets_TopPage .main .top_category { padding: 10px 10px 30px;
 background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(.66, #fff), to(#fff));
 background: linear-gradient(180deg, rgba(255,255,255,0), #fff 66%, #fff);
}
.sweets_TopPage .main .top_category h3 { margin-bottom: 0.5em; }
.sweets_TopPage .main .top_category h4 { margin-bottom: 0.5em; }
.sweets_TopPage .main .top_category ul { margin-bottom: 20px; }
.sweets_TopPage .main .top_category ul > li { display: inline-block; vertical-align: top; width: 49.5%; }
.sweets_TopPage .main .top_category ul > li:nth-of-type(2n-1) { margin-right: 0.5%; }
.sweets_TopPage .main .top_category ul > li:nth-of-type(2n) { margin-left: 0.5%; }

.sweets_TopPage .main .top_category_button { position: relative; z-index: 1; /* overflow: hidden; */ background: #815123; margin: 0 auto; }
@media screen and (max-width: 480px) {
	.sweets_TopPage .main .top_category_button { width: 44%; }
}
@media screen and (min-width: 481px) {
	.sweets_TopPage .main .top_category_button { width: 33%; }
}
.sweets_TopPage .main .top_category_button > p { color: #fff; text-align: center; padding: 6px 0; }
.sweets_TopPage .main .top_category_button > p > a { color: #fff; }
.sweets_TopPage .main .top_category_button .top_circle2 { width: 6px; height: 6px; position: absolute; z-index: 3; background: #fff;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 -ms-border-radius: 100%;
 -o-border-radius: 100%;
 border-radius: 100%;
}
.top_cL { top: 13px; left: 6px; }
.top_cR { top: 13px; right: 6px; }
.sweets_TopPage .main .top_category_button .top_circle { width: 20px; height: 20px; position: absolute; z-index: 2; background: #fff;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 -ms-border-radius: 100%;
 -o-border-radius: 100%;
 border-radius: 100%;
}
.top_cTL { top: -10px; left: -10px; }
.top_cTR { top: -10px; right: -10px; }
.top_cBL { bottom: -10px; left: -10px; }
.top_cBR { bottom: -10px; right: -10px; }

/*---
◆
---*/
@media screen and (max-width: 540px) {
	.top_detail > dl {}
	.top_detail > dl > dt { width: 70%; float: none; margin: 0 auto; }
	.top_detail > dl > dd { margin-left: 0; }
	.top_name { color: #7d4d1f; font-style: italic; font-size: 0.9em; text-align: center; }
	.top_picture { border: 1px solid #d9c766; }
	.top_catchphrase { display: none; }
	.top_price { font-size: 0.9em; margin-top: 0.5em; text-align: right; }
}
@media screen and (min-width: 541px) and (max-width: 768px) {
	.top_detail > dl {}
	.top_detail > dl:after { content: ""; display: block; clear: left; }
	.top_detail > dl > dt { width: 100px; float: left; }
	.top_detail > dl > dd { margin-left: 110px; }
	.top_name { color: #7d4d1f; font-style: italic; font-size: 1em; }
	.top_picture { border: 1px solid #d9c766; }
	.top_catchphrase { font-size: 0.9em; margin-bottom: 1.0em; }
	.top_price { display: none; }
}
@media screen and (min-width: 769px) {
	.top_detail > dl {}
	.top_detail > dl:after { content: ""; display: block; clear: left; }
	.top_detail > dl > dt { width: 100px; float: left; }
	.top_detail > dl > dd { margin-left: 110px; }
	.top_name { color: #7d4d1f; font-style: italic; font-size: 1em; }
	.top_picture { border: 1px solid #d9c766; }
	.top_catchphrase { font-size: 0.9em; margin-bottom: 1.0em; }
	.top_price { display: none; }
}

/*---------------------------------------------------------
◆menuPage sweets_MenuPage
---------------------------------------------------------*/
.menuPage {}
.menuPage h1 { margin-bottom: 20px; background: url(/menu/images/title-menu.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 414px) {
	.menuPage h1 { background-size: 170%; }
}
@media screen and (min-width: 415px) and (max-width: 480px) {
	.menuPage h1 { background-size: 150%; }
}
@media screen and (min-width: 481px) and (max-width: 550px) {
	.menuPage h1 { background-size: 140%; }
}
@media screen and (min-width: 551px) and (max-width: 768px) {
	.menuPage h1 { background-size: 130%; }
}
@media screen and (min-width: 769px) {
	.menuPage h1 { background-size: 100%; }
}
/*---
◆
---*/
.sweets_MenuPage .main .menu_categoryWrap { background: #fff; padding: 4px; margin-bottom: 50px; position: relative; }
.sweets_MenuPage .main .menu_category { border: 4px solid #e7d99a; padding: 2px; }
.sweets_MenuPage .main .menu_categoryInner { border: 1px solid #d9c766; }
@media screen and (max-width: 768px) {
	.sweets_MenuPage .main .menu_categoryInner { padding: 10px 5px 20px; }
}
@media screen and (min-width: 769px) {
	.sweets_MenuPage .main .menu_categoryInner { padding: 20px 15px; }
}
.menu_categoryInner h2 {}
@media screen and (max-width: 480px) {
	.menu_categoryInner h2 { position: absolute; top: -11px; left: 0;
	 text-align: center; width: 100%; height: 55px; font-size: 1.6em; color: #c0a200; padding-top: 1px;
	 background: url(/images/etc/categoryplate290x55.png) no-repeat 50% 0;
	 background-size: 186px;
	}
	.menu_categoryInner h2 > span.fontFamily_jp { font-size: 0.5em; }
}
@media screen and (min-width: 481px) {
	.menu_categoryInner h2 { position: absolute; top: -14px; left: 0;
	 text-align: center; width: 100%; height: 55px; font-size: 2.0em; color: #c0a200; padding-top: 0;
	 background: url(/images/etc/categoryplate290x55.png) no-repeat 50% 0;
	 background-size: 220px;
	}
	.menu_categoryInner h2 > span.fontFamily_jp { font-size: 0.5em; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
}
/*---
◆
---*/
.sweets_MenuPage .menuFrameLT { position: absolute; left: 0; top: 0; }
.sweets_MenuPage .menuFrameRT { position: absolute; right: 0; top: 0; }
.sweets_MenuPage .menuFrameLB { position: absolute; left: 0; bottom: 0; }
.sweets_MenuPage .menuFrameRB { position: absolute; right: 0; bottom: 0; }
@media screen and (max-width: 768px) {
	.sweets_MenuPage .menuFrameLT,
	.sweets_MenuPage .menuFrameRT,
	.sweets_MenuPage .menuFrameLB,
	.sweets_MenuPage .menuFrameRB { width: 10%; }
}
@media screen and (min-width: 769px) {
}
/*---
◆
---*/
.menu_category > .menu_categoryInner > ul {}
.menu_category > .menu_categoryInner > ul > li { display: inline-block; vertical-align: top; width: 50%; padding: 20px 0; border-bottom: dotted 1px #d9c766;
 background: -webkit-gradient(linear, right top, left top, from(rgba(242,236,203,0.4)), color-stop(.33, #fff), to(#fff));
 background: linear-gradient(270deg, rgba(242,236,203,0.4), #fff 33%, #fff);
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.menu_category > .menu_categoryInner > ul > li { width: 100%; padding-left: 5px; padding-right: 5px; }
}
@media screen and (min-width: 481px) {
	.menu_category > .menu_categoryInner > ul > li:nth-of-type(2n-1) { padding-left: 5px; padding-right: 10px; }
	.menu_category > .menu_categoryInner > ul > li:nth-of-type(2n) { padding-left: 10px; padding-right: 5px; }
}
/*---
◆
---*/
.menu_detail > h3 { margin-bottom: 10px; }
.menu_name { color: #7d4d1f; font-style: italic; }
.menu_catchphrase {}
.menu_price { font-size: 0.9em; text-align: right; }
.menu_release_date { color: #fff; padding: 5px 5px; text-align: center; line-height: 1; border-radius: 7px;
 background: url(/images/etc/145x145_button.png) 0 0 repeat; background-size: 40%;
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
	.menu_detail > dl {}
	.menu_detail > dl:after { content: ""; display: block; clear: left; }
	.menu_detail > dl > dt { width: 40%; float: left; }
	.menu_detail > dl > dd { margin-left: 42%; }

	.menu_name { font-size: 1.1em; margin-bottom: 1.0em; }
	.menu_catchphrase { font-size: 1.0em; margin-bottom: 1.0em; }
	.menu_price { margin-bottom: 1.0em; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.menu_detail > dl { position: relative; }
	.menu_detail > dl > dt { width: 140px; float: none; margin: 0 auto; }
	.menu_detail > dl > dd { margin-top: 0.5em; }

	.menu_detail > h3 { margin-bottom: 0; }
	.menu_name { font-size: 1.0em; min-height: 28px; max-height: 28px; line-height: 1; }
	.menu_catchphrase { font-size: 0.9em; min-height: 41px; max-height: 41px; }
	.menu_price {}
	.menu_release_date { position: absolute; top: 0; right: 0; width: 50px; height: 45px; padding: 18px 7px 0; border-radius: 50%; }
}
@media screen and (min-width: 769px) {
	.menu_detail > dl {}
	.menu_detail > dl:after { content: ""; display: block; clear: left; }
	.menu_detail > dl > dt { width: 140px; float: left; }
	.menu_detail > dl > dd { margin-left: 150px; }

	.menu_name { font-size: 1.2em; margin-bottom: 1.0em; }
	.menu_catchphrase { font-size: 1.0em; margin-bottom: 1.0em; }
	.menu_price { margin-bottom: 1.0em; }
}

/*---------------------------------------------------------
◆productPage sweets_ProductPage
---------------------------------------------------------*/
.sweets_ProductPage .productPageWrap { border: 1px solid #d9c766; }
@media screen and (max-width: 480px) {
	.sweets_ProductPage .productPageWrap { padding: 10px 3px 20px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_ProductPage .productPageWrap { padding: 10px 10px 20px; }
}
@media screen and (min-width: 769px) {
	.sweets_ProductPage .productPageWrap { padding: 20px; }
}

.productPage {}
/*---
◆
---*/
.prod_category {}
.prod_category .prod_categoryInner {}
@media screen and (max-width: 480px) {
	.prod_category { margin-bottom: 10px; }
	.prod_category .prod_categoryInner { position: absolute; top: -14px; left: 0; /* left: calc((100% - 290px)/2); */
	 text-align: center; width: 100%; height: 55px; font-size: 2.0em; color: #c0a200; padding-top: 0;
	 background: url(/images/etc/categoryplate390x55.png) no-repeat 50% 0;
	 background-size: 290px;
	}
}
@media screen and (min-width: 481px) {
	.prod_category { margin-bottom: 40px; }
	.prod_category .prod_categoryInner { position: absolute; top: -20px; left: 0; /* left: calc((100% - 390px)/2); */
	 text-align: center; width: 100%; height: 55px; font-size: 2.1em; color: #c0a200; padding-top: 3px;
	 background: url(/images/etc/categoryplate390x55.png) no-repeat 50% 0;
	}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
}
/*---
◆
---*/
.prod_pop {}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
	.prod_pop > .prod_popInner > img { margin-bottom: 30px; }
}
/*---
◆
---*/
@media screen and (max-width: 768px) {
	.prod_detail {}
	.prod_detail dl { margin-bottom: 30px; }
	.prod_detail dt { width: 90%; margin: 0 auto; max-width: 500px; }
	.prod_detail dd { padding: 10px; }
}
@media screen and (min-width: 769px) {
	.prod_detail {}
	.prod_detail dl { margin-bottom: 60px; }
	.prod_detail dl:after { content: ""; display: block; clear: both; }
	.prod_detail dt { width: 260px; float: left; }
	.prod_detail dd { margin-left: 280px; }
}

/*---
◆
---*/
.prod_picture { position: relative; overflow: hidden; }
.prod_picture_on { position: absolute; top: 0; left: 0; }
@media screen and (max-width: 768px) {
	.prod_picture_on { width: 100%; }
}
@media screen and (min-width: 769px) {
	.prod_picture_on { width: 260px; }	/* ie対応 */
}
.prod_release_date { width: 60%;
 background: url(/images/etc/145x145_button.png) 0 0 repeat; background-size: 40%;
 color: #fff; font-size: 1.1em; padding: 3px; margin: 0 auto; border-radius: 3px; text-align: center;
}
/*---
◆
---*/
.prod_name_en { color: #7d4d1f; font-style: italic; padding-bottom: 0.3em; }
@media screen and (max-width: 480px) {
	.prod_name_en { font-size: 1.8em; }
}
@media screen and (min-width: 481px) {
	.prod_name_en { font-size: 2.0em; }
}
.prod_name_price {}
.prod_name_price ul { height: 30px; background: url(/images/etc/underline70x30.png) no-repeat 99% 90%; }
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 769px) {
	.prod_name_price ul { background-size: 11%; }
}
.prod_name_price li {}
.prod_name_price li:first-of-type {}
@media screen and (max-width: 768px) {
	.prod_name_price li:last-of-type { margin-top: 0.5em; padding-right: 1em; }
}
@media screen and (min-width: 769px) {
	.prod_name_price li:last-of-type { margin-top: -1.4em; padding-right: 3.1em; }
}
.prod_name { text-align: left; }
.prod_price { text-align: right; }
.prod_feature { text-align: right; border-top: 1px solid #d9c766; margin-right: 10px; margin-top: -0.5em; }
@media screen and (max-width: 480px) {
	.prod_feature { font-size: 0.9em; }
}
@media screen and (max-width: 768px) {
	.prod_feature { padding-top: 1.7em; }
}
@media screen and (min-width: 769px) {
	.prod_feature { padding-top: 0.5em; }
}
.prod_catchphrase { color: #c1a301; }
@media screen and (max-width: 480px) {
	.prod_catchphrase { font-size: 1.5em; padding: 10px 0 15px; }
}
@media screen and (min-width: 481px) {
	.prod_catchphrase { font-size: 1.8em; padding: 10px 0 20px; line-height: 1.4em; }
}
.prod_itemize {}
.prod_itemize ul {}
.prod_itemize li { background: url(/menu/images/velvet/icon-featurelist.gif) 0 8px no-repeat; border-bottom: dotted 1px #d9c766; padding: 0 0 2px 20px; margin-bottom: 5px; }
.prod_youtube { padding-top: 1em; }
.prod_youtube > a > img { box-shadow: 4px 1px 0px 0px #e7d99a inset, -4px -1px 0px 0px #e7d99a inset; border-radius: 7px; }
.prod_description {}
.prod_description h2 {}
/*---
◆
---*/
.prod_description {}
.prod_descriptionInner { margin: 0 0 30px; }
.prod_description h2 {}
/*---
◆
---*/
.prod_recipe {}
.prod_recipeInner { margin: -17px 0 30px; border: 1px solid #d9c766; padding: 25px 10px 15px; background: #fcfaf2; }
.prod_recipe h2 { position: relative; color: #fff; background: #bb9d00; font-size: 22px; text-align: center; line-height: 1;
 width: 280px; padding: 7px 0; margin: 0 auto; border-radius: 4px;
}
.prod_recipe h2:before { content: ""; position: absolute;
 top: 6px; left: -16px; height: 6px; width: 6px;
 border: 1px solid #bb9d00; border-radius: 50%;
 border-width: 10px 10px;
}
.prod_recipe h2:after { content: ""; position: absolute;
 top: 6px; right: -16px; height: 6px; width: 6px;
 border: 1px solid #bb9d00; border-radius: 50%;
 border-width: 10px 10px;
}
@media screen and (max-width: 480px) {
	.prod_recipe h2 { width: 230px; }
}
/*---
◆
---*/
.prod_color {}
.prod_colorInner { margin: -20px 0 30px; padding-top: 25px; border-top: 7px dotted #bb9d00; }
.prod_color h2 { position: relative; color: #fff; background: #bb9d00; font-size: 22px; text-align: center; line-height: 1;
 width: 290px; padding: 7px 0; margin: 0 auto;
}
.prod_color h2:before { content: ""; position: absolute;
 top: 0; left: -8px; height: 0; width: 0;
 border: 1px solid #bb9d00;
 border-left-color: rgba(255,255,255,1.0);
 border-width: 18px 8px;
}
.prod_color h2:after { content: ""; position: absolute;
 top: 0; right: -8px; height: 0; width: 0;
 border: 1px solid #bb9d00;
 border-right-color: rgba(255,255,255,1.0);
 border-width: 18px 8px;
}
.prod_color ul {}
.prod_color li { display: inline-block; vertical-align: top; border-right: 1px dotted #d9c766; margin-bottom: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
.prod_color li > dl { padding: 10px; }
.prod_color li > dl > dt { width: 90%; min-height: 110px; margin: 0 auto; overflow: hidden; }
.prod_color li > dl > dd {}
.prod_color li > dl > dd:first-of-type { text-align: center; }
.prod_color li > dl > dd:last-of-type { color: #877; font-size: 0.9em; padding-top: 0.5em; }
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
	.prod_color h2 { width: 240px; }
	.prod_color li { width: 50%; }
	.prod_color li:nth-of-type(2n) { border-right: none; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.prod_color li { width: 33.3%; }
	.prod_color li:nth-of-type(3n) { border-right: none; }
}
@media screen and (min-width: 769px) {
	.prod_color li { width: 33.3%; }
	.prod_color li:nth-of-type(3n) { border-right: none; }
	.prod_color li > dl > dt { width: 165px; /* height: 165px; */ }
}
/*---
◆
---*/
.prod_shopping { margin-top: 20px; /* display: none; */ }
.prod_shopping a {}
.prod_shopping a:hover img { opacity: 1; }
.prod_shopping a img { width: 33%; border: solid 1px #ccc; border-radius: 4px; }
@media screen and (min-width: 481px) and (max-width: 768px) {
	.prod_shopping a img { width: 28%; margin-right: 0; }
}
@media screen and (min-width: 769px) {
	.prod_shopping a img { width: 23%; margin-right: 0; }
}
.prod_shopping a img:hover { background-color: #eee; }

.prod_color_shopping { /* display: none; */ }
.prod_color_shopping a {}
.prod_color_shopping a:hover img { opacity: 1; }
.prod_color_shopping a img { width: 60%; border: solid 1px #ccc; border-radius: 4px; }
@media screen and (min-width: 769px) {
	.prod_color_shopping a img { width: 40%; }
}
.prod_color_shopping a img:hover { background-color: #eee; }

.prod_amazon { /* display: none; */ }
.prod_amazon p { font-size: 0.7em; }
@media screen and (max-width: 768px) {
	.prod_amazon p { margin-left: 50%; }
}
@media screen and (min-width: 769px) {
	.prod_amazon p { margin-left: 66%; }
}
/*---
◆
---*/
.prod_INCI {}
.prod_INCIInner { border: 1px solid #d9c766; padding: 10px; }
.prod_INCI label { display: block; cursor: pointer; color: #c0a200; line-height: 1.8; background: #f2eccb; border-bottom: 1px dotted #d9c766; padding: 5px 10px; }
.prod_INCI label:hover { background: #e5da9a; }
.prod_INCI input { display: none; }
.prod_INCI .prod_INCIInner input:checked ~ div { height: 100%; }
.prod_INCI .prod_INCIInner > div > div { overflow: hidden; height: 0; margin-top: 6px; padding: 1px 10px; -webkit-transition: 0.4s; -transition: 0.4s; }
.prod_INCI .prod_INCIInner > div > div > p { padding-bottom: 10px; font-size: 0.9em; }
.prod_INCI h2 { color: #c0a200; font-size: 1.15em; }
.prod_INCI h3 { padding-bottom: 5px; }

/*---
◆ 全成分・販売店・通販tab
---*/
.prod_INCI_Shop_Net {}
.prod_INCI_Shop_Net > input { display: none; }
.prod_INCI_Shop_Net ul {}
.prod_INCI_Shop_Net ul > li { display: inline-block; vertical-align: top; margin-right: 3px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.prod_INCI_Shop_Net li > label { display: block; color: #c0a200; border: solid 1px #d9c766; border-bottom: none; padding: 10px 20px; border-top-right-radius: 10px; }
.prod_INCI_Shop_Net li > label:hover { background: #e5da9a; }

.divINCI_Shop_Net { border: solid 1px #d9c766; }
.divINCI_Shop_Net #prod_INCIWrap > div,
.divINCI_Shop_Net #prod_ShopWrap > div,
.divINCI_Shop_Net #prod_NetWrap > div { max-height: 0; overflow-y: hidden; padding: 0 10px; }

#INCI:checked ~ .divINCI_Shop_Net #prod_INCIWrap div,
#Shop:checked ~ .divINCI_Shop_Net #prod_ShopWrap div,
#Net:checked ~ .divINCI_Shop_Net #prod_NetWrap div { max-height: 100%; /* max-height: initial; */ }

#INCI:checked ~ ul li label.cINCI,
#Shop:checked ~ ul li label.cShop,
#Net:checked ~ ul li label.cNet { background: #bb9d00; color: #fff; }

.divINCI_Shop_Net .prod_INCI h2,
.prod_Shop h2,
.prod_Net h2 { color: #c0a200; padding-top: 5px; font-size: 1em; }
.divINCI_Shop_Net .prod_INCIInner,
.prod_ShopInner,
.prod_NetInner { border: none; padding: 5px 0; }
/*---
◆ 通販
---*/
.prod_ShopInner > #include_Shop > input { display: none; }
.prod_ShopInner > #include_Shop > ul { border-bottom: solid 1px #d9c766; }
.prod_ShopInner ul {}
.prod_ShopInner ul > li { display: inline-block; vertical-align: top; margin-right: 3px; font-size: 0.8em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.prod_ShopInner li > label { padding: 10px 10px; }

.prod_NetInner > input { display: none; }
.prod_NetInner > ul { border-bottom: solid 1px #d9c766; }
.prod_NetInner ul {}
.prod_NetInner ul > li { display: inline-block; vertical-align: top; margin-right: 3px; font-size: 0.8em;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.prod_NetInner li > label { padding: 10px 10px; }
.prod_NetInner li > label.chomotto > span { font-size: 0.9em; }

#matsukiyo:checked ~ ul li label.matsukiyo,
#cocokara:checked ~ ul li label.cocokara,
#plaza:checked ~ ul li label.plaza,
#sundrug:checked ~ ul li label.sundrug,
#shop-a:checked ~ ul li label.shop-a,
#shop-b:checked ~ ul li label.shop-b { background: #bb9d00; color: #fff; }
#chomotto:checked ~ ul li label.chomotto,
#amazon:checked ~ ul li label.amazon,
#netshop-a:checked ~ ul li label.netshop-a,
#netshop-b:checked ~ ul li label.netshop-b { background: #bb9d00; color: #fff; }

#Shop_matsukiyo > dl,
#Shop_cocokara > dl,
#Shop_plaza > dl,
#Shop_sundrug > dl,
#Shop_shop-a > dl,
#Shop_shop-b > dl { max-height: 0; overflow-y: hidden; }
@media screen and (max-width: 480px) {
 #Shop_matsukiyo > dl, #Shop_cocokara > dl, #Shop_plaza > dl, #Shop_sundrug > dl, #Shop_shop-a > dl, #Shop_shop-b > dl { padding: 0 0; }
}
@media screen and (min-width: 481px) {
 #Shop_matsukiyo > dl, #Shop_cocokara > dl, #Shop_plaza > dl, #Shop_sundrug > dl, #Shop_shop-a > dl, #Shop_shop-b > dl { padding: 0 10px; }
}
#Net_chomotto > dl,
#Net_amazon > dl,
#Net_netshop-a > dl,
#Net_netshop-b > dl { max-height: 0; overflow-y: hidden; }
@media screen and (max-width: 480px) {
 #Net_chomotto > dl, #Net_amazon > dl, #Net_netshop-a > dl, #Net_netshop-b > dl { padding: 0 0; }
}
@media screen and (min-width: 481px) {
 #Net_chomotto > dl, #Net_amazon > dl, #Net_netshop-a > dl, #Net_netshop-b > dl { padding: 0 10px; }
}

#Shop_matsukiyo > aside.prod_matsukiyo,
#Shop_plaza > aside.prod_plaza,
#Shop_sundrug > aside.prod_sundrug,
#Shop_cocokara > aside.prod_cocokara { max-height: 0; overflow-y: hidden; }
#matsukiyo:checked ~ #Shop_matsukiyo > aside.prod_matsukiyo,
#plaza:checked ~ #Shop_plaza > aside.prod_plaza,
#sundrug:checked ~ #Shop_sundrug > aside.prod_sundrug,
#cocokara:checked ~ #Shop_cocokara > aside.prod_cocokara { max-height: 100%; }
#Net_amazon > aside.prod_amazon { max-height: 0; overflow-y: hidden; }
#amazon:checked ~ #Net_amazon > aside.prod_amazon { max-height: 100%; }

#Shop_matsukiyo > aside.prod_matsukiyo p,
#Shop_plaza > aside.prod_plaza p,
#Shop_sundrug > aside.prod_sundrug p,
#Shop_cocokara > aside.prod_cocokara p { font-size: 0.7em; }
#Shop_matsukiyo > aside.prod_matsukiyo p > span,
#Shop_plaza > aside.prod_plaza p > span,
#Shop_sundrug > aside.prod_sundrug p > span,
#Shop_cocokara > aside.prod_cocokara p > span { color: #e73462; }
@media screen and (max-width: 768px) {
 #Shop_matsukiyo > aside.prod_matsukiyo p,
 #Shop_plaza > aside.prod_plaza p,
 #Shop_sundrug > aside.prod_sundrug p,
 #Shop_cocokara > aside.prod_cocokara p { margin-left: 10%; }
}
@media screen and (min-width: 769px) {
 #Shop_matsukiyo > aside.prod_matsukiyo p,
 #Shop_plaza > aside.prod_plaza p,
 #Shop_sundrug > aside.prod_sundrug p,
 #Shop_cocokara > aside.prod_cocokara p { margin-left: 10%; }
}
@media screen and (max-width: 768px) {
 #Net_amazon > aside.prod_amazon p { margin-left: 20%; }
}
@media screen and (min-width: 769px) {
 #Net_amazon > aside.prod_amazon p { margin-left: 30%; }
}

#matsukiyo:checked ~ #Shop_matsukiyo > dl,
#cocokara:checked ~ #Shop_cocokara > dl,
#plaza:checked ~ #Shop_plaza > dl,
#sundrug:checked ~ #Shop_sundrug > dl,
#shop-a:checked ~ #Shop_shop-a > dl,
#shop-b:checked ~ #Shop_shop-b > dl { max-height: 100%; padding-top: 5px; }
#chomotto:checked ~ #Net_chomotto > dl,
#amazon:checked ~ #Net_amazon > dl,
#netshop-a:checked ~ #Net_netshop-a > dl,
#netshop-b:checked ~ #Net_netshop-b > dl { max-height: 100%; padding-top: 5px; }

.prod_ShopInner dl { overflow: hidden; }
.prod_ShopInner dl a:hover { color: #e73462; }
.prod_ShopInner dl a:hover img { border-color: #e73462; }
.prod_ShopInner dt { float: left; }
.prod_ShopInner dd {}
.prod_ShopInner dd:first-of-type { float: left; padding-left: 4px; width: calc(100% - 90px); }
@media screen and (max-width: 480px) {
 .prod_ShopInner dd:first-of-type { padding-top: 0.7em; }
}
@media screen and (min-width: 481px) {
 .prod_ShopInner dd:first-of-type { padding-top: 1.4em; }
}
.prod_ShopInner dd:last-of-type { text-align: right; }
.prod_ShopInner dd:last-of-type > span { display: inline-block; padding: 17px 0; font-size: 1.5em;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.prod_ShopInner dd:last-of-type :after { content: ""; display: block; clear: left; }
@media screen and (max-width: 480px) {
 .prod_ShopInner dd:last-of-type > span { font-size: 1.2em; padding: 19px 0; }
}
.prod_ShopInner dl img { width: 60px; border: 1px solid rgba(217,199,102,0.5); }
.prod_ShopInner dl:nth-of-type(even) { background: rgba(231,217,154,0.2); }

.prod_NetInner dl { overflow: hidden; }
.prod_NetInner dl a:hover { color: #e73462; }
.prod_NetInner dl a:hover img { border-color: #e73462; }
.prod_NetInner dt { float: left; }
.prod_NetInner dd {}
.prod_NetInner dd:first-of-type { float: left; padding-left: 4px; width: calc(100% - 90px); }
@media screen and (max-width: 480px) {
 .prod_NetInner dd:first-of-type { padding-top: 0.7em; }
}
@media screen and (min-width: 481px) {
 .prod_NetInner dd:first-of-type { padding-top: 1.4em; }
}
.prod_NetInner dd:last-of-type { text-align: right; }
.prod_NetInner dd:last-of-type > span { display: inline-block; padding: 17px 0; font-size: 1.5em;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.prod_NetInner dd:last-of-type :after { content: ""; display: block; clear: left; }
@media screen and (max-width: 480px) {
 .prod_NetInner dd:last-of-type > span { font-size: 1.2em; padding: 19px 0; }
}
.prod_NetInner dl img { width: 60px; border: 1px solid rgba(217,199,102,0.5); }
.prod_NetInner dl:nth-of-type(even) { background: rgba(231,217,154,0.2); }
/*---
◆ 販売店
---*/
/* 販売店tab */
/*
.prod_INCI_Shop_Net input#Shop,
.prod_INCI_Shop_Net label.cShop { display: none; }
*/
.searchStore { margin: 1em auto 2%; }
.searchStore select { margin-right: 1%; padding: 4px 1%; width: 80%; }
.searchStore .attn { font-size: 0.75em; padding-top: 10px; text-align: right; }
@media screen and (min-width: 769px) {
 .searchStore { width: 85%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
 .searchStore { width: 86%; }
}
@media screen and (max-width: 480px) {
 .searchStore { width: 96%; }
 .searchStore select { width: 78%; }
}
#gsearchbtn { border-style: none; background: #bb9d00; color: #fff; padding: 5.5px 3.9%; border-radius: 4px; cursor: pointer; }
#gsearchbtn:hover { opacity: 0.8; }

/*---
◆ 非表示
---*/
/* cocokara */
.prod_Shop .prod_ShopInner #Shop_cocokara,
.prod_Shop .prod_ShopInner input#cocokara,
.prod_Shop .prod_ShopInner label.cocokara { display: none; }

/* 販売店a */
.prod_Shop .prod_ShopInner #Shop_shop-a,
.prod_Shop .prod_ShopInner input#shop-a,
.prod_Shop .prod_ShopInner label.shop-a { display: none; }

/* 販売店b */
.prod_Shop .prod_ShopInner #Shop_shop-b,
.prod_Shop .prod_ShopInner input#shop-b,
.prod_Shop .prod_ShopInner label.shop-b { display: none; }

/* 通販サイトa */
.prod_Net .prod_NetInner #Net_netshop-a,
.prod_Net .prod_NetInner input#netshop-a,
.prod_Net .prod_NetInner label.netshop-a { display: none; }

/* 通販サイトb */
.prod_Net .prod_NetInner #Net_netshop-b,
.prod_Net .prod_NetInner input#netshop-b,
.prod_Net .prod_NetInner label.netshop-b { display: none; }

/*---
◆ 商品画像の拡大表示
---*/
.prod_color li > dl > dt > img,
.prod_picture img {
 -moz-transition: -moz-transform 0.2s linear;
 -webkit-transition: -webkit-transform 0.2s linear;
 -o-transition: -o-transform 0.2s linear;
 -ms-transition: -ms-transform 0.2s linear;
 transition: transform 0.2s linear;
}
.prod_color li > dl > dt > img:hover,
/* .prod_picture > img:hover{ -webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; } */
@media screen and (max-width: 480px) {
 .prod_color li > dl > dt > img:hover {
 -webkit-transform: scale(1.25);
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 transform: scale(1.25); }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
 .prod_color li > dl > dt > img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}
@media screen and (min-width: 769px) {
 .prod_color li > dl > dt > img:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }
}
@media screen and (max-width: 480px) {
 .prod_picture > img:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1); }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
 .prod_picture > img:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }
}
@media screen and (min-width: 769px) {
 .prod_picture > img:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }
}

/*---
◆ 廃番・廃番予定
---*/
/* dl.prod_EOL {} */
.prod_EOL dt { opacity: 0.1; }
.prod_EOL dd:first-of-type { opacity: 0.4; }
.prod_EOL dd:last-of-type { opacity: 0.2; }

.prod_discontinued { color: #e73462; }
.prod_amazon > .prod_discontinued, /* ネイルパティシエ */
.prod_description .prod_discontinued { text-align: right; }
@media screen and (max-width: 480px) {
 .prod_amazon > .prod_discontinued,
 .prod_description .prod_discontinued { font-size: 0.8em; }
}

/*---------------------------------------------------------
◆sitemapPage sweets_SitemapPage
---------------------------------------------------------*/
.sweets_SitemapPage .main .site_sitemapWrap { background: #fff; padding: 4px; margin-bottom: 30px; position: relative; }
.sweets_SitemapPage .main .site_sitemap { border: 4px solid #e7d99a; padding: 2px; }
.sweets_SitemapPage .main .site_sitemapInner { border: 1px solid #d9c766; }
@media screen and (max-width: 768px) {
	.sweets_SitemapPage .main .site_sitemapInner { padding: 10px 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_SitemapPage .main .site_sitemapInner { padding: 20px 15px; }
}

.sitemapPage {}
.sitemapPage h1 { background: url(/sitemap/images/title-sitemap.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 480px) {
	.sitemapPage h1 { background-size: 180%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sitemapPage h1 { background-size: 150%; }
}
@media screen and (min-width: 769px) {
	.sitemapPage h1 { background-size: 100%; }
}
/*---
◆
---*/
.site_list {}
.site_list ul { margin-bottom: 30px; padding: 10px; }
.site_list li { padding: 10px 5px 10px 30px; border-bottom: 1px dotted #d9c766; }
.site_list li:first-of-type { padding-left: 10px; }
.site_list li > a > p { font-size: 1.2em; }

/*---
◆
---*/
.site_categoryWrap {}
.site_categoryWrap > ul {}
.site_categoryWrap > ul > li { padding: 0 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.site_categoryWrap > ul > li { display: block; width: 100%; border-left: none; margin-bottom: 20px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.site_categoryWrap > ul > li { display: inline-block; vertical-align: top; width: 50%; border-left: 1px dotted #d9c766; margin-bottom: 20px; }
	.site_categoryWrap > ul > li:nth-of-type(2n-1) { border-left: none; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.site_categoryWrap > ul > li { display: inline-block; vertical-align: top; width: 50%; border-left: 1px dotted #d9c766; margin-bottom: 20px; }
	.site_categoryWrap > ul > li:nth-of-type(2n-1) { border-left: none; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.site_categoryWrap > ul > li { height: 100%; display: inline-block; vertical-align: top; width: 25%; border-left: 1px dotted #d9c766; }
	.site_categoryWrap > ul > li:nth-of-type(4n-3) { border-left: none; }
}
.site_categoryWrap #base.site_category { background: url(/images/sub-title-base.png) 50% 0 no-repeat; }
.site_categoryWrap #eye.site_category { background: url(/images/sub-title-eye.png) 50% 0 no-repeat; }
.site_categoryWrap #lip.site_category { background: url(/images/sub-title-lip.png) 50% 0 no-repeat; }
.site_categoryWrap #nail.site_category { background: url(/images/sub-title-nail.png) 50% 0 no-repeat; }
@media screen and (max-width: 480px) {
}
@media screen and (min-width: 481px) and (max-width: 600px) {
	.site_categoryWrap #base.site_category,
	.site_categoryWrap #eye.site_category,
	.site_categoryWrap #lip.site_category,
	.site_categoryWrap #nail.site_category { background-size: 200%; }
}
@media screen and (min-width: 601px) {
}
.site_categoryWrap .site_category {}
.site_categoryWrap .site_category h2 { text-indent: -9999em; height: 44px; }
.site_categoryWrap .site_category > ul {}
@media screen and (min-width: 1051px) {
 .site_categoryWrap .site_category > ul { min-height: 372px; }
}
.site_categoryWrap .site_category > ul > li { font-size: 0.9em; line-height: 2.5; padding-left: 0.5em; }
.site_categoryWrap .site_category > ul > li > span.site_discontinued,
.site_categoryWrap .site_category > ul > li > span.site_color,
.site_categoryWrap .site_category > ul > li > span.site_new { color: #fff; padding: 0 5px; border-radius: 4px; margin-left: 3px; }
.site_categoryWrap .site_category > ul > li > span.site_discontinued { background: #bd9710; }
.site_categoryWrap .site_category > ul > li > span.site_color { background: #28b1aa; }
.site_categoryWrap .site_category > ul > li > span.site_new { background: #eb6d73; }

/*---
◆ 廃番・廃番予定
---*/
.site_willbeout { color: #e73462; }
.site_attention > .site_willbeout { text-align: right; padding-bottom: 10px; }
@media screen and (max-width: 480px) {
 .site_attention > .site_willbeout { font-size: 0.8em; }
}

/*---------------------------------------------------------
◆contactPage sweets_ContactPage
---------------------------------------------------------*/
.sweets_ContactPage .main .cont_contactWrap { background: #fff; padding: 4px; margin-bottom: 30px; position: relative; }
.sweets_ContactPage .main .cont_contact { border: 4px solid #e7d99a; padding: 2px; background: url(/contact/images/contact1050x850.jpg) no-repeat 100% 0; }
.sweets_ContactPage .main .cont_contactInner { border: 1px solid #d9c766; }
@media screen and (max-width: 480px) {
 .sweets_ContactPage .main .cont_contact { background-size: 100% auto; }
 .sweets_ContactPage .main .cont_contactInner { padding: 31% 0; }
}
@media screen and (min-width: 481px) and (max-width: 600px) {
 .sweets_ContactPage .main .cont_contact { background-size: auto 100%; }
 .sweets_ContactPage .main .cont_contactInner { padding: 17% 0% 7% 3%; }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
 .sweets_ContactPage .main .cont_contact { background-size: 100% auto; background-position: 100% 10%; }
 .sweets_ContactPage .main .cont_contactInner { padding: 17% 0% 7% 3%; }
}
@media screen and (min-width: 769px) {
 .sweets_ContactPage .main .cont_contact { background-size: 100% auto; }
 .sweets_ContactPage .main .cont_contactInner { padding: 17% 33% 17% 3%; }
}

.contactPage { color: #c0a200; text-align: center; }
.contactPage h1 { background: url(/contact/images/title-contact.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 480px) {
	.contactPage h1 { background-size: 180%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.contactPage h1 { background-size: 150%; }
}
@media screen and (min-width: 769px) {
	.contactPage h1 { background-size: 100%; }
}
.contactPage h2 { padding-bottom: 0.5em; }

.contactPage .cont_contactInner > .cont_phone { padding: 0.5em 0; background: rgba(255,255,255,0.5); }
@media screen and (max-width: 380px) {
 .contactPage .sp_cont_text > .cont_phone { padding: 0 0.5em 1.5em; }
}
@media screen and (min-width: 381px) and (max-width: 480px) {
 .contactPage .sp_cont_text > .cont_phone { padding: 0 1em 1.5em; }
}
.contactPage .cont_phone > ul {}
.contactPage .cont_phone > ul > li {}
.contactPage .cont_phone > ul > li > a { color: #e73462; }

.contactPage .cont_phone > ul > li:nth-of-type(4) { color: #7d4d1f; text-align: left; }
.contactPage .cont_phone > ul > li:nth-of-type(5) { text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff; }
@media screen and (max-width: 380px) {
 .contactPage .cont_phone > ul > li:nth-of-type(1) { font-size: 0.9em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(2) {}
 .contactPage .cont_phone > ul > li:nth-of-type(3) { font-size: 0.8em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(4) { font-size: 0.8em; margin-bottom: 2em; padding: 0 2%; }
 .contactPage .cont_phone > ul > li:nth-of-type(5) { font-size: 1.2em; }

 .contactPage h2 { font-size: 1.6em;
  text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff; }
 .contactPage .cont_contactInner > .cont_phone { display: none; }
 .contactPage .sp_cont_text > .cont_phone { display: block; }
}
@media screen and (min-width: 381px) and (max-width: 480px) {
 .contactPage .cont_phone > ul > li:nth-of-type(1) { font-size: 0.9em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(2) {}
 .contactPage .cont_phone > ul > li:nth-of-type(3) { font-size: 0.8em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(4) { font-size: 0.8em; margin-bottom: 2em; padding: 0 2%; }
 .contactPage .cont_phone > ul > li:nth-of-type(5) { font-size: 1.2em; }

 .contactPage h2 { font-size: 2.0em;
  text-shadow: 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff; }
 .contactPage .cont_contactInner > .cont_phone { display: none; }
 .contactPage .sp_cont_text > .cont_phone { display: block; }
}
@media screen and (min-width: 481px) and (max-width: 600px) {
 .contactPage h2 { font-size: 1.6em; padding-right: 33%; }

 .contactPage .cont_phone > ul > li:nth-of-type(1),
 .contactPage .cont_phone > ul > li:nth-of-type(2),
 .contactPage .cont_phone > ul > li:nth-of-type(3) { padding-right: 33%; }

 .contactPage .cont_phone > ul > li:nth-of-type(1) { font-size: 0.9em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(2) {}
 .contactPage .cont_phone > ul > li:nth-of-type(3) { font-size: 0.8em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(4) { font-size: 0.8em; margin-bottom: 2em; padding: 0 2%; }
 .contactPage .cont_phone > ul > li:nth-of-type(5) { font-size: 1.2em; }

 .contactPage .cont_contactInner > .cont_phone { display: block; }
 .contactPage .sp_cont_text > .cont_phone { display: none; }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
 .contactPage h2 { font-size: 2.0em; padding-right: 33%; }

 .contactPage .cont_phone > ul > li:nth-of-type(1),
 .contactPage .cont_phone > ul > li:nth-of-type(2),
 .contactPage .cont_phone > ul > li:nth-of-type(3) { padding-right: 33%; }

 .contactPage .cont_phone > ul > li:nth-of-type(1) { font-size: 0.9em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(2) {}
 .contactPage .cont_phone > ul > li:nth-of-type(3) { font-size: 0.8em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(4) { font-size: 0.8em; margin-bottom: 2em; padding: 0 2%; }
 .contactPage .cont_phone > ul > li:nth-of-type(5) { font-size: 1.2em; }

 .contactPage .cont_contactInner > .cont_phone { display: block; }
 .contactPage .sp_cont_text > .cont_phone { display: none; }
}
@media screen and (min-width: 769px) {
 .contactPage h2 { font-size: 2.5em; }

 .contactPage .cont_phone > ul > li:nth-of-type(1) { font-size: 1.2em; margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(2) {}
 .contactPage .cont_phone > ul > li:nth-of-type(3) { margin-bottom: 2em; }
 .contactPage .cont_phone > ul > li:nth-of-type(4) { font-size: 0.8em; margin-bottom: 2em; padding: 0 8%; }
 .contactPage .cont_phone > ul > li:nth-of-type(5) { font-size: 1.2em; }

 .contactPage .cont_contactInner > .cont_phone { display: block; }
 .contactPage .sp_cont_text > .cont_phone { display: none; }
}
/*---
◆
---*/
.sweets_ContactPage .main .cont_shoppingWrap { padding: 4px; margin-bottom: 30px; position: relative; }
.sweets_ContactPage .main .cont_shopping { border: 4px solid #e7d99a; padding: 2px; }
.sweets_ContactPage .main .cont_shoppingInner { border: 1px solid #d9c766; }
@media screen and (max-width: 768px) {
	.sweets_ContactPage .main .cont_shoppingInner { padding: 10px 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_ContactPage .main .cont_shoppingInner { padding: 20px 15px; }
}
.sweets_ContactPage .main .cont_shopping h2 { padding: 0; }
@media screen and (max-width: 600px) {
 .sweets_ContactPage .main .cont_shopping h2 { font-size: 2.0em; }
}
@media screen and (min-width: 601px) {
 .sweets_ContactPage .main .cont_shopping h2 { font-size: 2.5em; }
}
/*---
◆
---*/
.sweets_ContactPage .main .cont_shopping ul { text-align: left; }
.sweets_ContactPage .main .cont_shopping ul li {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
.sweets_ContactPage .main .cont_shopping ul li > dl {}
.sweets_ContactPage .main .cont_shopping ul li > dl > dt {
 border: solid 1px #d9c766;
 border-radius: 7px;
 padding: 10px;
 background: #fff;
}
.sweets_ContactPage .main .cont_shopping ul li > dl > dt a img {}
.sweets_ContactPage .main .cont_shopping ul li > dl > dd {}
.sweets_ContactPage .main .cont_shopping ul li:nth-of-type(1) a img { /* width: 30%; */ }		/* chomotto */
.sweets_ContactPage .main .cont_shopping ul li:nth-of-type(2) a img {}		/* amazon */
.sweets_ContactPage .main .cont_shopping ul li:nth-of-type(1) > dl > dd {}	/* chomotto */
.sweets_ContactPage .main .cont_shopping ul li:nth-of-type(2) > dl > dd {}	/* amazon */
.sweets_ContactPage .main .cont_shopping ul li > dl > dd:before { content: "┐"; display: inline-block; transform: rotate(45deg); color: #c0a200; }
.sweets_ContactPage .main .cont_shopping ul li > dl > dd:first-of-type { padding: 0.5em 0; }
@media screen and (max-width: 480px) {
	.sweets_ContactPage .main .cont_shopping {}
	.sweets_ContactPage .main .cont_shopping ul {}
	.sweets_ContactPage .main .cont_shopping ul li { display: block; width: 100%; padding: 10px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_ContactPage .main .cont_shopping {}
	.sweets_ContactPage .main .cont_shopping ul {}
	.sweets_ContactPage .main .cont_shopping ul li { display: inline-block; vertical-align: top; width: 50%; padding: 10px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_ContactPage .main .cont_shopping ul li { display: inline-block; vertical-align: top; width: 50%; padding: 10px; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_ContactPage .main .cont_shopping {}
	.sweets_ContactPage .main .cont_shopping ul {}
	.sweets_ContactPage .main .cont_shopping ul li { display: inline-block; vertical-align: top; width: 33.33%; padding: 10px; }
}
.sweets_ContactPage .main .cont_shopping aside.cont_amazon p { font-size: 0.7em; text-align: left; padding-right: 2%; }
@media screen and (max-width: 768px) { aside.cont_amazon p { margin-left: 20%; } }
@media screen and (min-width: 769px) { aside.cont_amazon p { margin-left: 50%; } }

/*---------------------------------------------------------
◆mediaPage sweets_MediaPage
---------------------------------------------------------*/
.sweets_MediaPage .main .media_listWrap { background: #fff; padding: 4px; margin-bottom: 30px; position: relative; }
.sweets_MediaPage .main .media_list { border: 4px solid #e7d99a; padding: 2px; }
.sweets_MediaPage .main .media_listInner { border: 1px solid #d9c766; }
@media screen and (max-width: 768px) {
	.sweets_MediaPage .main .media_listInner { padding: 10px 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_MediaPage .main .media_listInner { padding: 20px 15px; }
}

.mediaPage { }
.mediaPage h1 { background: url(/media/images/title-media.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 480px) {
	.mediaPage h1 { background-size: 180%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.mediaPage h1 { background-size: 150%; }
}
@media screen and (min-width: 769px) {
	.mediaPage h1 { background-size: 100%; }
}
/*---
◆
---*/
.main .media_list h2 { font-size: 1.15em; color: #fff; line-height: 1.2; padding: 0.5em; padding-left: 1.5em;
 background: url(/media/images/bg-media-title.jpg) 0 0 no-repeat; background-size: 100% 100%; }
.main .media_list dl {}
.main .media_list dl > dt:after { content: ""; display: block; clear: left; }
.main .media_list dl > dt > a > img { width: 120px; margin-top: 20px; float: left; }
.main .media_list dl > dd { margin-top: 10px; }
@media screen and (max-width: 768px) {
	.main .media_list h2 { font-size: 1em; }
}
@media screen and (min-width: 769px) {
	.main .media_list h2 { font-size: 1.15em; }
}

/*---------------------------------------------------------
◆newPage sweets_NewPage
---------------------------------------------------------*/
.sweets_NewPage .main .new_listWrap { background: #fff; padding: 4px; margin-bottom: 30px; position: relative; }
.sweets_NewPage .main .new_list { border: 4px solid #e7d99a; padding: 2px; }
.sweets_NewPage .main .new_listInner { border: 1px solid #d9c766; }
@media screen and (max-width: 768px) {
	.sweets_NewPage .main .new_listInner { padding: 10px 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_NewPage .main .new_listInner { padding: 20px 15px; }
}

.newPage {}
.newPage h1 { background: url(/new/images/title-new.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 480px) {
	.newPage h1 { background-size: 180%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.newPage h1 { background-size: 150%; }
}
@media screen and (min-width: 769px) {
	.newPage h1 { background-size: 100%; }
}
/*---
◆
---*/
.main .new_list h2 { display: inline-block;
 font-size: 1em; line-height: 28px; color: #7d4d1f; text-shadow: 2px 2px 6px rgba(127,127,127,0.3); padding: 14px 30px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); }
.main .new_list h2 { background:
/* grey borders */
 linear-gradient(
 transparent 8%, rgba(192,162,0,0.4) 8%,
 rgba(192,162,0,0.4) 12%, transparent 12%,
 transparent 88%, rgba(192,162,0,0.4) 88%,
 rgba(192,162,0,0.4) 92%, transparent 92%),

/* white gloss gradient */
 linear-gradient( rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),

/* thin stripes */
 linear-gradient( 45deg, transparent 40%, rgba(192,162,0,0.4) 40%, rgba(192,162,0,0.4) 60%, transparent 60%),

/* white base */
 linear-gradient(white, white);

 background:
 -webkit-gradient(
linear, left top, left bottom,
 from(rgba(255,255,255,0)), color-stop(.08, rgba(255,255,255,0)),
 color-stop(.08, rgba(192,162,0,0.4)), color-stop(.12, rgba(192,162,0,0.4)),
 color-stop(.12, rgba(255,255,255,0)), color-stop(.88, rgba(255,255,255,0)),
 color-stop(.88, rgba(192,162,0,0.4)), color-stop(.92, rgba(192,162,0,0.4)),
 color-stop(.92, rgba(255,255,255,0)), to(rgba(255,255,255,0))),

 -webkit-gradient(
linear, left top, left bottom,
 from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0))),

 -webkit-gradient(
linear, right top, left bottom,
 from(rgba(255,255,255,0)), color-stop(.40, rgba(255,255,255,0)),
 color-stop(.40, rgba(192,162,0,0.4)), color-stop(.60, rgba(192,162,0,0.6)),
 color-stop(.60, rgba(255,255,255,0.6)), to(rgba(255,255,255,0))),

 -webkit-gradient(
linear, left top, left bottom,
 from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));

 background-size:
  cover, /* borders */
  cover, /* white gloss */
  4px 4px, /* thin stripes */
  cover; /* base white */
}
.main .new_list h2 { box-sizing: border-box; background-origin: border-box; }
/*---
◆
---*/
.sweets_NewPage .main .new_list ul { margin-top: 10px; }
.sweets_NewPage .main .new_list ul li {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
.sweets_NewPage .main .new_list ul li > dl {}
.sweets_NewPage .main .new_list ul li > dl > dt { box-shadow: 5px -5px 0px 0px rgba(231,217,154,0.6); }
.sweets_NewPage .main .new_list ul li > dl > dd {}
.sweets_NewPage .main .new_list ul li > dl > dd:first-of-type:before { content: "┐"; display: inline-block; transform: rotate(45deg); color: #c0a200; }
.sweets_NewPage .main .new_list ul li > dl > dd:first-of-type { padding-top: 0.5em; }
.sweets_NewPage .main .new_list ul li > dl > dd:nth-of-type(2) { color: #7d4d1f; text-align: right; font-size: 0.9em; }

@media screen and (max-width: 480px) {
	.sweets_NewPage .main .new_list {}
	.sweets_NewPage .main .new_list ul {}
	.sweets_NewPage .main .new_list ul li { display: block; width: 100%; padding: 10px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_NewPage .main .new_list {}
	.sweets_NewPage .main .new_list ul {}
	.sweets_NewPage .main .new_list ul li { display: inline-block; vertical-align: top; width: 50%; padding: 10px; }
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	.sweets_NewPage .main .new_list ul li { display: inline-block; vertical-align: top; width: 50%; padding: 10px; }
}
/* @media screen and (min-width: 769px) { */
@media screen and (min-width: 1051px) {
	.sweets_NewPage .main .new_list {}
	.sweets_NewPage .main .new_list ul {}
	.sweets_NewPage .main .new_list ul li { display: inline-block; vertical-align: top; width: 33.33%; padding: 10px; }
}


/*---------------------------------------------------------
◆releasePage sweets_ReleasePage
---------------------------------------------------------*/
.sweets_ReleasePage .main .release_listWrap { background: #fff; padding: 4px; margin-bottom: 30px; position: relative; }
.sweets_ReleasePage .main .release_list { border: 4px solid #e7d99a; padding: 2px; }
.sweets_ReleasePage .main .release_listInner { border: 1px solid #d9c766; }
@media screen and (max-width: 768px) {
	.sweets_ReleasePage .main .release_listInner { padding: 10px 5px; }
}
@media screen and (min-width: 769px) {
	.sweets_ReleasePage .main .release_listInner { padding: 20px 15px; }
}

.releasePage {}
.releasePage h1 { background: url(/new/images/title-new.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 480px) {
	.releasePage h1 { background-size: 180%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.releasePage h1 { background-size: 150%; }
}
@media screen and (min-width: 769px) {
	.releasePage h1 { background-size: 100%; }
}
/*---
◆
---*/
.main .release_list h2 { display: inline-block;
 font-size: 1em; line-height: 28px; color: #7d4d1f; text-shadow: 2px 2px 6px rgba(127,127,127,0.3); padding: 14px 30px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); }
.main .release_list h2 { background:
/* grey borders */
 linear-gradient(
 transparent 8%, rgba(192,162,0,0.4) 8%,
 rgba(192,162,0,0.4) 12%, transparent 12%,
 transparent 88%, rgba(192,162,0,0.4) 88%,
 rgba(192,162,0,0.4) 92%, transparent 92%),

/* white gloss gradient */
 linear-gradient( rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),

/* thin stripes */
 linear-gradient( 45deg, transparent 40%, rgba(192,162,0,0.4) 40%, rgba(192,162,0,0.4) 60%, transparent 60%),

/* white base */
 linear-gradient(white, white);

 background:
 -webkit-gradient(
linear, left top, left bottom,
 from(rgba(255,255,255,0)), color-stop(.08, rgba(255,255,255,0)),
 color-stop(.08, rgba(192,162,0,0.4)), color-stop(.12, rgba(192,162,0,0.4)),
 color-stop(.12, rgba(255,255,255,0)), color-stop(.88, rgba(255,255,255,0)),
 color-stop(.88, rgba(192,162,0,0.4)), color-stop(.92, rgba(192,162,0,0.4)),
 color-stop(.92, rgba(255,255,255,0)), to(rgba(255,255,255,0))),

 -webkit-gradient(
linear, left top, left bottom,
 from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0))),

 -webkit-gradient(
linear, right top, left bottom,
 from(rgba(255,255,255,0)), color-stop(.40, rgba(255,255,255,0)),
 color-stop(.40, rgba(192,162,0,0.4)), color-stop(.60, rgba(192,162,0,0.6)),
 color-stop(.60, rgba(255,255,255,0.6)), to(rgba(255,255,255,0))),

 -webkit-gradient(
linear, left top, left bottom,
 from(rgba(255,255,255,1)), to(rgba(255,255,255,1)));

 background-size:
  cover, /* borders */
  cover, /* white gloss */
  4px 4px, /* thin stripes */
  cover; /* base white */
}
.main .release_list h2 { box-sizing: border-box; background-origin: border-box; }

/*---------------------------------------------------------
◆brandingPage sweets_BrandingPage
---------------------------------------------------------*/
.brand_visualWrap { position: relative; }
@media screen and (max-width: 480px) {
	.brand_visualWrap { padding: 0 2%; }
}
.brand_visualWrap .brand_visualFrame { position: absolute; top: 0.8%; left: 0; z-index: 50; width: 100%; }
/*---
◆
---*/
@media screen and (max-width: 480px) {
	.sweets_BrandingPage .main .sp_brand_text { display: block; text-align: center; color: #c0a200; }
	.sweets_BrandingPage .main .sp_brand_text > h2 { font-size: 1.7em; padding-bottom: 1em; }
	.sweets_BrandingPage .main .sp_brand_text > h3 { font-size: 1.5em; padding-top: 1em; }
	.sweets_BrandingPage .main .sp_brand_text > p { line-height: 1.8; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.sweets_BrandingPage .main .sp_brand_text { display: none; }
}
@media screen and (min-width: 769px) {
	.sweets_BrandingPage .main .sp_brand_text { display: none; }
}

.brandingPage {}
.brandingPage h1 { background: url(/branding/images/title-branding.png) 50% 0 no-repeat; padding: 3% 0; text-indent: -9999em; overflow: hidden; }
@media screen and (max-width: 480px) {
	.brandingPage h1 { background-size: 180%; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.brandingPage h1 { background-size: 150%; }
}
@media screen and (min-width: 769px) {
	.brandingPage h1 { background-size: 100%; }
}


/*---------------------------------------------------------
◆
---------------------------------------------------------*/
.indentList { margin: 0 0 1em 1em; text-indent: -1em; }
.indentList li {}

.numList { margin: 0 0 1em 1.33em; }
.numList li { list-style-type: decimal; }
/*---
◆
---*/
.commonFrameLT { position: absolute; left: 0; top: 0; }
.commonFrameRT { position: absolute; right: 0; top: 0; }
.commonFrameLB { position: absolute; left: 0; bottom: 0; }
.commonFrameRB { position: absolute; right: 0; bottom: 0; }
@media screen and (max-width: 768px) {
	.commonFrameLT,
	.commonFrameRT,
	.commonFrameLB,
	.commonFrameRB { width: 10%; }
}
@media screen and (min-width: 769px) {
}