@charset "utf-8";

/*==================================================
   layout
==================================================*/
body	{ background: #fdeff5; color: #000; font: 12px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a		{ color: #e4007f; text-decoration: none; }

.pc { display: block; }
.sp { display: none; }
img.pc { display: inline; }
img.sp { display: none; }
table.pc { display: table; }
table.sp { display: none; }
.pc-i { display: inline; }

.txt-green	{ color: #006837 !important; }
.txt-gray	{ color: #808080 !important; }
.txt-black	{ color: #000 !important; }
.txt-blue	{ color: #000099 !important; }
.txt-red	{ color: #f00 !important; }
.txt-white	{ color: #fff !important; }
.txt-pink	{ color: #eb6d9a !important; }

.txt-error		{ color: #f00; font-size: 141%; font-weight: bold; }

.fs13			{ font-size: 108%; }
.fs16			{ font-size: 133%; }

.bg-lightgreen	{ background: #8cc63f !important; }
.bg-darkgray	{ background: #4d4d4d !important; }
.bg-pink		{ background: #eb6d9a !important; }

.fixedPagetop		{ position: fixed; bottom: 20px; right: 40px; }

.component-link a {
    color: #333366;
    font-weight: 700;
}

#header				{ position: relative; z-index: 1000; width: 100%; min-width: 960px; height: 90px; background: #eb6d9a; }
#header .inner		{ width: 960px; margin: 0 auto; }
#header h1			{ float: left; padding: 27px 0 0 19px; } 
#header p			{ float: left; font:0/0 sans-serif; }
#header #honly		{ float: right; padding: 25px 20px 19px 0; }
#header #hcontact	{ padding: 14px 0 0 17px; }
#header #hcart		{ padding: 20px 0 0 49px; }

#main				{ width: 100%; min-width: 960px; background: url(../../../img/common/bg_main.gif) repeat-y center top; -moz-background-size:100% 100%; background-size:100% 100%; }
#main #main-bg		{ width: 960px; margin: 0 auto; padding-bottom: 43px; background: #fff url(../../../img/common/bg_mainy.gif) repeat-y; }
/*
#main .pagetop		{ clear: both; padding-right: 40px; text-align: right; font:0/0 sans-serif; }
*/

#main #content		{ float: right; width: 660px; padding-top: 30px; padding-right: 20px; }
#main #content.ordersim		{ float: none; margin: 20px auto 0; padding-right: 0; }
#main #side			{ float: left; width: 220px; padding-left: 20px; }
#main #side #s-itemnavi			{ margin-bottom: 30px; padding-top: 20px; }
#main #side #s-itemnavi li		{ margin-top: 10px; }
#main #side #s-itemnavi a		{ display: block; padding: 5px 0; border: 1px solid #f5b6cc; background: #fff; color: #EB6D9A; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 133%; text-align: center; }
#main #side #s-itemnavi .cur a,
#main #side #s-itemnavi a:hover	{ border: 1px solid #ee85ae; background: #f19ec2; color: #fff; }
#main #side #s-calendar			{ padding-bottom: 10px; }
#main #side #s-calendar dd		{ margin-top: 15px; padding: 5px; border: 1px solid #e61673; background: #fff; }
#main #side #s-calendar table	{ width: 100%; }
#main #side #s-calendar table th	{ text-align: center; }
#main #side #s-calendar table td	{ padding-top: 5px; text-align: center; }
#main #side #s-calendar .holiday	{ color: #f00; }
#main #side #s-guidenavi li			{ margin-top: 10px; font:0/0 sans-serif; }

#footer						{ width: 100%; min-width: 960px; border-top: 1px solid #d28caa; }
#footer .inner				{ position: relative; width: 940px; margin: 0 auto; padding: 13px 0 30px 20px; }
#footer .inner a			{ color: #000; text-decoration: none; }
#footer .inner a:hover		{ color: #E4007F; text-decoration: none; }
#footer .inner .lead		{ color: #E4007F; font-size: 117%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#footer .inner .address		{ margin-bottom: 5px; font-size: 83%; }
#footer .inner .copy		{ font-size: 83%; }
#footer .inner ul			{ margin: 12px 0 11px; border-left: 1px solid #B5B5B6; }
#footer .inner ul li		{ float: left; padding: 0 12px; border-right: 1px solid #B5B5B6; }
#footer .pagetop			{ position: absolute; top: -43px; right: 40px; }

.popup { display: none; }

/*==================================================
   store
==================================================*/

/* idx
--------------------------------------------------*/
#store .idx						{ padding-top: 0 !important; }
#store .idx .itemlist			{ margin: 30px 0; }
#store .idx .itemlist h2		{ padding: 3px 10px; background: #eb6d9a; color: #fff; font-size: 200%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#store .idx .itembox			{ margin-top: 20px; padding: 10px; border: 1px solid #f28ab9; background: #fff; }
#store .idx .itemimg			{ float: left; width: 140px; text-align: center; }
#store .idx .itemimg img		{ max-width: 140px; }
#store .idx .itemcon			{ float: right; width: 485px; }
#store .idx .itemcon h3			{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid #f199b8; color: #4d4d4d; font-size: 133%; font-weight: bold; }
#store .idx .itemcon dl			{ color: #727171; font-size: 108%; }
#store .idx .itemcon dt			{ float: left; font-weight: bold; }
#store .idx .itemcon dd			{ margin-left: 3em; }
#store .idx .itemcon .ingredients	{ padding: 2px 0 0 10px; line-height: 1.1 !important; }
#store .idx .itemcon .ingredients span	{ font-size: 77%; }
#store .idx .itemlist04 { display: flex; align-items: center; margin-top: 20px; }
#store .idx .itemlist04 dt { float: none; }
#store .idx .itemlist04 dd { margin-left: 0; }

/* ordersim
--------------------------------------------------*/
.ordersim { position: relative; }
.ordersim-res { position: sticky; top: 0; left: 0; z-index: 100; width: 100%;
  background: rgba( 255, 255, 255, 0.6 );
  box-shadow: 0 0 10px 0 rgba( 0, 0, 0, 0.2 );
  backdrop-filter: blur( 6px );
  -webkit-backdrop-filter: blur( 6px );
  border: 1px solid rgba( 255, 255, 255, 0.18 );
  padding: 0.5em 1.5em 1em;
  box-sizing: border-box;
}
.ordersim .ttl-store { margin: 20px 0; font-size: 150%; text-align: center; }
.ordersim-res-total { display: flex; align-items: flex-end; margin-bottom: 10px; padding: 0 0.5em 5px 0.5em; border-bottom: 3px solid #000; }
.ordersim-res-total .ordersim-res-label { width: 8em; }
.ordersim-res-total .ordersim-res-num { flex: 1; text-align: center; }
.ordersim-res-total .ordersim-res-num big { font-size: 150%; font-weight: bold; }
.ordersim-res-btn { padding: 0.5em; border: none; background-color: #000; color: #fff; cursor: pointer; }
.ordersim-res-btn.is-current { background-color: #c8b871; color: #000; }
.ordersim-res-calc { display: flex; margin-bottom: 20px; }
.ordersim-res-calc-num { flex: 1; margin-right: 1em; }
.ordersim-res-calc-line { display: flex; align-items: flex-end; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #000; }
.ordersim-res-calc-line:last-child { margin-bottom: 0; }
.ordersim-res-calc-line .ordersim-res-label { width: 4em; margin-left: 0.5em; }
.ordersim-res-calc-line .ordersim-res-num { flex: 1; padding-right: 1em; text-align: right; }
.ordersim-res-calc .ordersim-res-btn { width: 5em; }
.ordersim-res-btns { display: flex; justify-content: space-between; }
.ordersim-res-btns .ordersim-res-btn { flex: 1; margin-right: 0.5em; }
.ordersim-res-btns .ordersim-res-btn:last-child { margin-right: 0; }
.ordersim-sel { font-size: 150%; }
@media screen and (min-width: 641px) {
  .ordersim-res { font-size: 120%; }
}

/* guide
--------------------------------------------------*/
#store .guide .guidebox			{ margin-bottom: 50px; color: #4d4d4d; }
#store .guide .guidebox h2		{ margin-bottom: 15px; padding-bottom: 2px; border-bottom: 2px solid #eb6d9a; color: #eb6d9a; font-size: 167%; font-weight: bold; }
#store .guide #guide h3			{ margin-top: 10px; margin-left: -0.5em; color: #eb6d9a; font-size: 117%; font-weight: bold; }
#store .guide #guide .cap		{ font-size: 117%; }
#store .guide #deliverytime li	{ float: left; width: 170px; margin: 3px 3px 0 0; padding: 8px 0; border: 1px solid #e85298; background: #fbe6ef; text-align: center; }
#store .guide #creditcard		{ margin-top: 5px; padding-left: 1em; }
#store .guide #creditcard li	{ float: left; margin-right: 10px; }
#store .guide #law h3			{ margin-top: 15px; margin-left: -0.5em; font-size: 133%; font-weight: bold; }
#store .guide #law table		{ width: 100%; border-collapse: collapse; font-size: 117%; }
#store .guide #law th			{ width: 190px; padding: 5px 0; border: 1px solid #ee85ae; background: #f19ec2; color: #fff; text-align: center; }
#store .guide #law td			{ padding: 5px 5px 5px 10px; border: 1px solid #ee85ae; }
#store .guide #privacy			{ font-size: 117%; }
#store .guide #privacy dt		{ margin-top: 5px; color: #eb6d9a; font-weight: bold; }
#store .guide #privacy .tar		{ margin-top: 5px; padding-right: 70px; }
#store .guide #personal h3		{ margin-top: 15px; margin-left: -0.5em; color: #eb6d9a; font-size: 133%; font-weight: bold; }
#store .guide #personal p		{ font-size: 117%; }
#store .guide #personal dl		{ font-size: 117%; }
#store .guide #personal dd		{ margin-bottom: 15px; }
#store .guide #policy p			{ font-size: 117%; }
#store .guide #policy dl		{ font-size: 117%; }
#store .guide #policy dd		{ margin-bottom: 15px; }

/* cart
--------------------------------------------------*/
#store .cart h2					{ margin-bottom: 10px; }
#store .cart .lead p			{ margin-bottom: 15px; font-size: 125%; }
#store .cart .lead dl			{ margin-bottom: 15px; font-size: 117%; }
#store .cart .lead ul			{ margin-bottom: 30px; padding: 5px 10px; background: #eb6d9a; color: #fff; font-size: 108%; }
#store .cart table				{ width: 100%; margin-bottom: 10px; border-collapse: collapse; }
#store .cart th					{ padding: 5px 0; border: 2px solid #ccc; background: #fff; font-size: 117%; text-align: center; }
#store .cart td					{ padding: 5px; border: 2px solid #ccc; background: #fff; font-size: 125%; }
#store .cart .tar td			{ font-weight: bold; }
#store .cart #ssl				{ margin-bottom: 20px; }
#store .cart #ssl dt			{ float: left; width: 115px; }
#store .cart #ssl dd			{ margin-left: 115px; font-size: 108%; }

/* input
--------------------------------------------------*/
#store .input h2				{ margin-bottom: 30px; }
#store .input .input-head h3	{ float: left; font:0/0 sans-serif; }
#store .input .input-head p		{ margin-left: 230px; font-size: 108%; }
#store .input table				{ width: 100%; margin-bottom: 20px; border-collapse: collapse; }
#store .input th				{ width: 200px; padding: 10px; border: 1px solid #fff; background: #e6e6e6; font-size: 117%; }
#store .input th span			{ /*display: block;*/ float: right; }
#store .input th p				{ padding-left: 4em; }
#store .input td				{ padding: 5px 5px 5px 10px; border: 1px solid #fff; background: #cccccc; font-size: 108%; }
#store .input td.bg-lightgreen	{ color: #fff; }
#store .input #creditcard li	{ float: left; margin-right: 10px; }
#store .input #delivery			{ margin-bottom: 20px; padding: 5px 10px 10px; border: 1px solid #b3b3b3; background: #fff; font-size: 150%; }
#store .input #delivery label	{ display: block; margin-top: 5px; }
#store .input .input-text		{ padding: 3px; border: none; font-size: 125%; vertical-align: middle; }
#store .input select			{ font-size: 125%; }
#store .input input[type=button]	{ padding: 0 4px; font-size: 125%; }

/* conf
--------------------------------------------------*/
#store .conf h2					{ margin-bottom: 40px; }
#store .conf table				{ width: 100%; margin-bottom: 40px; border-collapse: collapse; }
#store .conf th					{ padding: 10px; border: 1px solid #b3b3b3; background: #fadce9; font-size: 117%; font-weight: bold; text-align: center; }
#store .conf td					{ padding: 10px; border: 1px solid #b3b3b3; background: #fff; font-size: 125%; }
#store .conf #total				{ width: 400px; margin-left: 260px; }
#store .conf #total td			{ width: 50%; text-align: right; }
#store .conf #myinfo th			{ width: 120px; }

/* comp
--------------------------------------------------*/
#store .comp h2					{ margin-bottom: 55px; }
#store .comp h3					{ margin-bottom: 35px; text-align: center; }
#store .comp .lead				{ margin-bottom: 30px; font-size: 125%; }
#store .comp #orderno			{ margin-bottom: 35px; text-align: center; font-size: 208%; font-weight: bold; }
#store .comp .creditcard-box { padding: 20px 10px; border: 2px solid #f00; }
#store .comp .creditcard-txt { color: #f00; font-size: 208%; font-weight: bold; text-align: center; }
#store .comp #creditcard { display: flex; flex-direction: column; align-items: center; margin-top: 20px; }
#store .comp #creditcard h4		{ margin-bottom: 5px; font-size: 125%; font-weight: bold; }
#store .comp #creditcard ul		{ float: left; padding-top: 5px; }
#store .comp #creditcard li		{ float: left; margin-right: 10px; }
#store .comp #creditcard p		{ float: right; }

/* credit
--------------------------------------------------*/
#store .credit h2				{ margin-bottom: 30px; }
#store .credit #creditcard li	{ float: left; margin-right: 10px; }
#store .credit table			{ width: 100%; margin-bottom: 20px; border-collapse: collapse; }
#store .credit th				{ width: 180px; padding: 10px; border: 1px solid #fff; background: #e6e6e6; font-size: 117%; }
#store .credit th span			{ /*display: block;*/ float: right; }
#store .credit td				{ padding: 5px 5px 5px 10px; border: 1px solid #fff; background: #cccccc; font-size: 108%; }
#store .credit strong			{ font-size: 123%; }
#store .credit .input-text		{ padding: 3px; border: none; }

/* creditcomp
--------------------------------------------------*/
#store .creditcomp h2			{ margin-bottom: 25px; }
#store .creditcomp h3			{ margin-bottom: 55px; text-align: center; }
#store .creditcomp table		{ width: 100%; margin-bottom: 65px; border-collapse: collapse; }
#store .creditcomp td			{ padding: 5px 5px 5px 15px; border: 1px solid #fff; background: #e6e6e6; font-size: 133%; }


/*==================================================
   ngword
==================================================*/
#ngword				{ background: #fff; }
#ngword h1			{ padding: 10px 15px; background: #eb6d9a; color: #fff; font-size: 150%; }
#ngword p			{ margin: 10px 15px; }
#ngword dl			{ margin: 10px 15px; padding: 10px 10px 0; border: 1px solid #eb6d9a; }
#ngword dl dt		{ padding: 5px; background: #fbe6ef; font-size: 125%; }
#ngword dl dd		{ padding: 15px 5px; }


/* ====================================================================================================
   640px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 640px) {
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #fff; font-size: 3.75vw !important; }
img { max-width: 100%; height: auto; vertical-align: bottom; }

#main		{ width: 100%; margin: 0 auto; }
#mainArea	{ float: none; width: 100%; }

.pc { display: none; }
.sp { display: block; }
img.pc { display: none; }
img.sp { display: inline; }
table.pc { display: none; }
table.sp { display: table; }
.pc-i { display: none; }

.svg { width: 100%; }

.font-m { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
   
.component-link {
    display: none;
}

#main { min-width: 100%; background: none; }
#main #main-bg { width: 100%; background: none; padding-bottom: 0; }
#main #content { float: none; width: 100%; padding-top: 0; padding-right: 0; }
#main #side { display: none; }

/* header
--------------------------------------------------*/
#header { width: 100%; min-width: 100%; height: auto; color: #fff; background: #000; }
#header .box { width: 100%; padding: 3.125%; background: #000; }
#header .header-logo { float: left; width: 32.83%; padding: 0; }
#header .box .header-nav { position: relative; float: right; width: 66%; text-align: right; }
#header .box .header-nav li { display: inline-block; vertical-align: middle; }
#header .box .header-nav li:first-child { width: 30%; }
#header .box .header-nav li:last-child { width: 7.83%; margin-left: 2.5%; font: 0/0 sans-serif; }
#header .box .menu_txt { float: none; cursor: pointer; display: inline-block; width: 15%; font-size: 66.66%; margin-right: 20%; vertical-align: middle; }
#header .box .header-menu { cursor: pointer; display: inline-block; position: relative; width: 50%; margin: 0; padding-top: 45%; vertical-align: middle; }
#header .box .header-menu p { position: absolute; width: 60%; padding-top: 60%; top: 20%; left: 20%; }
#header .box .header-menu span { position: absolute; display: inline-block; transition: all .4s; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 4px; }
#header .box .header-menu span:nth-of-type(1) { top: 2px; }
#header .box .header-menu span:nth-of-type(2) { top: 50%; margin-top: -1px; }
#header .box .header-menu span:nth-of-type(3) { bottom: 2px; }


/* MENU
--------------------------------------------------*/
.menu { display: none; z-index: 999; position: absolute; width: 100%; background: #fff; }
.menu .close-btn { cursor: pointer; padding: 3.33% 11.6%; background: #ccc; color: #fff; font-size: 150%; text-align: right; }
.menu .close-btn span { display: inline-block; margin-right: 5px; vertical-align: middle; }
.menu .close-btn i { display: inline-block; width: 42px; height: 42px; background: url(../../../img/common/sp/close_i001.gif) no-repeat center right; vertical-align: middle; background-size: 60% auto; }
.menu ul { width: 93.75%; margin: 0 auto; font-size: 125%; }
.menu ul a { display: block; padding: 5.8% 0 5.8% 10%; background: url(../../../img/common/sp/arrow_i001.png) no-repeat right 10% center; color: #000; text-decoration: none; }
.menu ul li { border-bottom: 1px solid #ccc; }
.menu .nolink { cursor: pointer; padding: 5.8% 0 5.8% 10%; background: url(../../../img/common/sp/arrow_i001.png) no-repeat right 10% center; }


/* POPUP
--------------------------------------------------*/
.popup-contents .inner{ padding: 4.16% 0; }
.popup-contents .popup-box { width: 93.75%; margin: 0 auto; }
.popup-contents .close-btn { cursor: pointer; margin-bottom: 6.12%; font-size: 150%; text-align: right; }
.popup-contents .close-btn span { display: inline-block; margin-right: 5px; vertical-align: middle; }
.popup-contents .close-btn i { display: inline-block; width: 42px; height: 42px; background: url(../../../img/common/sp/close_i002.gif) no-repeat center right; vertical-align: middle; background-size: 60% auto; }
.popup-contents .ttl-popup { margin-bottom: 12.24%; padding: 4.08% 0; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size: 150%; text-align: center; }
.popup-contents dl { margin-bottom: 5px; font-size: 91.66%; line-height: 1.6; }
.popup-contents dl dt { margin-bottom: 5px; color: #E95383; }
.pay li { width: 89.79%; margin: 10px auto; }
.contact input,.contact select ,.contact textarea { width: 100%; border: 0; padding: 0 10px; background: #E6E6E6; }
.contact input { height: 40px; }
.contact select { height: 40px; }
.contact dl { margin-bottom: 5%; }
.contact dl dt { color: #000; }
.contact dl dd p { margin-top: 5px; padding-left: 1em; text-indent: -1em; }
.contact .name-box dl { width: 45%; }
.contact .name-box dl:first-child { float: left; }
.contact .name-box dl:last-child { float: right; }
.contact .contact_btn { -webkit-appearance: none; }
.btn-contact { width: 40%; margin: 0 auto; }
.btn-contact input { background: #000 !important; color: #fff; text-align: centere; }

/* footer
--------------------------------------------------*/
#footer { min-width: 100%; padding: 0; background: #666; border-top: none; color: #fff; }
#footer .inner { width: 100%; padding: 0; }
#footer .inner a:hover { color: #fff; }
#footer .box-tel { padding: 3.33% 0; text-align: center; }
#footer .box-tel dt { margin-bottom: 10px; font-size: 83%; }
#footer .box-tel dd { width: 82.5%; margin: 0 auto; }
#footer .pagetop { position: static; top: 0; background: #000; color: #fff; font-size: 125%; }
#footer .pagetop a { display: block; padding: 4.68% 0; color: #fff; text-align: center; }
#footer .inner .footer-nav { background: #F2F2F2; }
#footer .inner ul { width: 93.75%; margin: 0 auto; border: none; font-size: 125%; }
#footer .inner ul li { float: none; padding: 0; border: none; border-bottom: 1px solid #ccc; }
#footer .inner ul li.lastChild{ border: none;}
#footer .inner ul li a { display: block; padding: 5.8% 0 5.8% 10%; background: url(../../../img/common/sp/arrow_i001.png) no-repeat right 10% center; color: #000; text-decoration: none; }
#footer .inner ul li a:hover { color: #000; }
#footer .inner .copy { margin: 1.6% 3.125%; padding: 15px 0 15px 13%; background: url(../../../img/common/sp/logo_ph002.png) no-repeat left center; font-size: 73%; background-size: 10% auto; }
#footer .nolink { cursor: pointer; padding: 5.8% 0 5.8% 10% !important; background: url(../../../img/common/sp/arrow_i001.png) no-repeat right 10% center; color: #000; }

/* idx
--------------------------------------------------*/
#store .idx .ttl-store { margin: 3.125% 0; font-size: 108%; text-align: center; }
#store .idx .itemlist { width: 100%; margin: 0; }
#store .idx .itemlist h2 { margin-bottom: 3.125%; padding: 3% 3.125%; background: #C8B871; color: #000; font-size: 116%; text-align: center; }
#store .idx .itemlist-line li { margin-bottom: 7%; padding: 0 0 7%; border-bottom: 1px solid #666;  }
#store .idx .itemlist-line li:last-child { margin-bottom: 0; border: none; }
#store .idx .itembox { margin: 0; padding: 0; border: none; }
#store .idx .itemimg { float: none; width: 100%; margin-bottom: 3.125%; text-align: center; }
#store .idx .itemimg img { max-width: 100%; }
#store .idx .itemcon { float: none; width: 100%; }
#store .idx .itemcon h3 { margin-bottom: 3.9%; padding-bottom: 0; border-bottom: none; color: #000; font-size: 125%; text-align: center; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#store .idx .itemcon h4 { margin-bottom: 3.9%; padding: 0 3.25%; }
#store .idx .itemcon dl { color: #000; font-size: 91%; }
#store .idx .itemcon dt { font-weight: bold; }
#store .idx .itemcon dd { margin-left: 0; }
#store .idx .itemlist01 { width: 70%; margin: 0 auto 5.46%; }
#store .idx .itemlist02 { width: 93.75%; margin: 0 auto; }
#store .idx .itemlist02 dt { float: none !important; margin-bottom: 1.66%; padding: 3.33% 0; border: 1px solid #000; cursor: pointer; background: url(../../../img/common/sp/menu_i003.png) no-repeat right 3.33% center; text-align: center; }
#store .idx .itemlist02 dt.active { background: url(../../../img/common/sp/menu_i004.png) no-repeat right 3.33% center; }
#store .idx .itemlist02 dd { display: none; padding: 5% 0; }
#store .idx .itemlist03 { width: 80%; margin: 0 auto 5.46%; }
#store .idx .itemlist03 dt { margin-right: 10px; padding-top: 30px; vertical-align: middle; }
#store .idx .itemlist03 dd { vertical-align: middle; }
#store .idx .itemlist03 .cart_btn { -webkit-appearance: none; display: inline-block; width: 60%; margin-left: 20px; padding: 10px 0; border: none; background: #000; text-align: center; color: #fff; }
#store .idx .itemlist04 { justify-content: center; }


/* guide
--------------------------------------------------*/
#store .guide .guidebox { padding-top: 9.37%; color: #000; }
#store .guide .guidebox h2 { width: 68.75%; margin: 0 auto 6.25%; padding: 20px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size: 150%; font-weight: bold; color: #000; text-align: center; }
#store .guide .guidebox .sp_box{ width: 93.75%; margin: 0 auto; font-size: 91%; }
#store .guide .guidebox ul { margin-bottom: 6.66%; }
#store .guide .guidebox li { margin-bottom: 5px; padding-left: 1em; text-indent: -1em; }
#store .guide #law h2 { width: 82.81%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#store .guide #law h3 { margin-top: 0; margin-left: 0; margin-bottom: 5px; font-size: 100%; font-weight: bold; color: #E95383; }
#store .guide #privacy { font-size: 100%; }
#store .guide #privacy h2 { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#store .guide #privacy p { margin-bottom: 8.33%; }
#store .guide #privacy dt		{ color: #000; }
#store .guide #privacy .tar		{ padding-right: 1.5em; }
#store .guide #personal h2 { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#store .guide #personal .link_btn { width: 85%; margin: 5.83% auto; }
#store .guide #personal .link_btn a { display: block; padding: 10px 0; background: #000; color: #fff; text-align: center; }
#store .guide #personal p { font-size: 100%; }
#store .guide #personal dl { font-size: 100%; }
#store .guide #personal dd { margin-bottom: 8.33%; }
#store .guide #personal span { display: inline; }
#store .guide #policy h2 { width: 82.81%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#store .guide #policy p { margin-bottom: 8.33%; font-size: 100%; }
#store .guide #policy dl { font-size: 100%; }
#store .guide #policy dd { margin-bottom: 8.33%; }


/* cart
--------------------------------------------------*/
#store .cart .cartbox { width: 93.75%; margin: 0 auto; }
#store .cart h2					{ margin-bottom: 7.81%; padding-top: 9.37%; font-size: 125%; text-align: center; }
#store .cart .cartbox .itemlist li { margin-bottom: 3.33%; padding: 3.33%; border-bottom: 1px solid #CCC; }
#store .cart .cartbox .itemlist li:last-child { margin-bottom: 8.33%; border-bottom: 3px solid #000; }
#store .cart .cartbox .img-item { float: left; width: 26%; }
#store .cart .cartbox .txt-item { float: right; width: 73%; }
#store .cart .cartbox .itemlist h3 { margin-bottom: 5%; font-size: 116%; }
#store .cart .cartbox .itemlist .price { margin-top: 9.3%; font-size: 91%; }
#store .cart .cartbox .itemlist input { border: 1px solid #000; }
#store .cart .cartbox .itemlist .txt { float: left; margin: 2% 4.65% 0 0; }
#store .cart .cartbox .itemlist .number { float: left; width: 18%; margin: 2% 4.65% 0 0; font-size: 91%; }
#store .cart .cartbox .itemlist .number input { width: 100%; }
#store .cart .cartbox .itemlist .change { float: left; width: 18%; }
#store .cart .cartbox .itemlist .change input { width: 100%; border: none; }
#store .cart .cartbox .itemlist .delete { float: right; width: 18%; }
#store .cart .cartbox .table-total { width: 100%; margin-bottom: 10% !important; text-align: right !important; }
#store .cart .cartbox .table-total th { border: none !important; font-size: 125% !important; }
#store .cart .cartbox .table-total td { border: none !important; font-size: 125% !important; }
#store .cart .cartbox .datelist dt { cursor: pointer; margin-bottom: 1.66%; padding: 3.33% 0; background: #000 url(../../../img/common/sp/menu_i005.gif) no-repeat right 3.33% center; font-size: 125%; color: #fff; text-align: center; }
#store .cart .cartbox .datelist dt.active { background: #000 url(../../../img/common/sp/menu_i006.gif) no-repeat right 3.33% center; }
#store .cart .cartbox .datelist dd { display: none; padding: 5% 0 13.33%; }
#store .cart .cartbox .datelist dd span { color: #E95383; }
#store .cart .cartbox .datelist h4 { width: 73.33%; margin: 0 auto; margin-bottom: 12.24%; padding: 4.08% 0; border-top: 1px solid #666; border-bottom: 1px solid #666; font-size: 150%; text-align: center; }
#store .cart .cartbox .cash_btn { margin-bottom: 6.33%; }
#store .cart .cartbox .cash_btn a { display: block; padding: 3.33% 0; background: #000; font-size: 125%; color: #fff; text-align: center; }
#store .cart .cartbox .back_btn { margin-bottom: 8.33%; text-align: center; }
#store .cart .cartbox .table-calendar { width: 100%; margin-bottom: 6.66% !important; }
#store .cart .cartbox .table-calendar th { border: 1px solid #000 !important; text-align: center; font-size: 100%; }
#store .cart .cartbox .table-calendar td { border: 1px solid #000 !important;  text-align: center; font-size: 100%; }
#store .cart .cartbox .red { color: #FF0000; }
#store .cart .cartbox .holiday { background: #F7C9DD !important; color: #fff; }
 
/* input
--------------------------------------------------*/
#store .btn-store { -webkit-appearance: none; width: 100%; padding: 10px 0; background: #C8B871; border: none; font-size: 125%; color: #fff; text-align: center; }
#store .btn-store a { color: #fff; }

#store .inputbox { width: 93.75%; margin: 0 auto; padding-bottom: 10%; }
#store .txt-error { margin-bottom: 40px; }
#store .input h2 { margin-bottom: 7.81%; padding-top: 3.9%; font-size: 125%; text-align: center; }
#store .input .cap { padding-left: 0; text-indent: 0; }
#store .input .input-head h3	{ float: none; margin-bottom: 5%; font-size: 125%; text-align: center; }
#store .input .input-head p { margin-left: 0; margin-bottom: 5%; font-size: 100%; }
#store .input table { width: 100% !important; margin: 0 auto 15%; }
#store .input th { display: block; width: 100%; border: 1px solid #B3B3B3; border-bottom: none; background: #B3B3B3; color:#fff; font-size: 125%; }
#store .input th span { margin-top: 5px; color: #C00; font-size: 66%; }
#store .input td { display: block; padding: 5px; border: 1px solid #B3B3B3; border-top: none; background: #fff; font-size: 100%; }
#store .input td.bg-lightgreen { border-bottom: none; border-left: none; border-right: none; color: #000; background: #fff !important; }
#store .input td.bg-lightgreen span { color: #ED1E79; }
#store .input .bg-pink { color: #000 !important; background: none !important; border-bottom: none; border-left: none; border-right: none; }
#store .input .txt-pink { color: #000 !important; }
#store .input .txt-pink span { color: #ED1E79; }
#store .input .table-pay { margin-bottom: 20px !important; }
#store .input #creditcard { margin-top: 20px; }
#store .input #delivery { margin-bottom: 10%; font-size: 100%; }
#store .input .input-text { border: 1px solid #B3B3B3; }
#store .input select { font-size: 100%; }
#store .input input[type=button] { font-size: 100%; }
#store .input .w400	{ width: 100% !important; }
#store .input .w150	{ width: 30% !important; }

/* conf
--------------------------------------------------*/
#store .conf h2 { margin-bottom: 7.81%; padding-top: 3.9%; font-size: 125%; text-align: center; }
#store .confbox { width: 93.75%; margin: 0 auto; padding-bottom: 10%; }
#store .conf th { padding: 10px; font-size: 100%; text-align: center; }
#store .conf td { padding: 10px; font-size: 100%; }
#store .conf #total { width: 100%; margin-left: 0; }
#store .conf #myinfo tr:last-child td { border-bottom: 1px solid #b3b3b3; }
#store .conf #myinfo th { display: block; width: 100%; border-bottom: none; }
#store .conf #myinfo td { display: block; width: 100%; border-bottom: none; }
#store .conf .txt-pink { color: #ED1E79 !important; }
#store .conf .fs16 { font-size: 100% !important; }

/* comp
--------------------------------------------------*/
#store .comp h2 { margin-bottom: 7.81%; padding-top: 3.9%; font-size: 125%; text-align: center; }
#store .comp h3 { margin-bottom: 7.81%; font-size: 125%; }
#store .comp .lead { font-size: 100%; }
#store .compbox { width: 93.75%; margin: 0 auto; padding-bottom: 10%; }
#store .comp #orderno { font-size: 125%; }
#store .comp .creditcard-txt { font-size: 125%; }

/* credit
--------------------------------------------------*/
#store .credit h2 { margin-bottom: 7.81%; padding-top: 3.9%; font-size: 125%; text-align: center; }
#store .creditbox { width: 93.75%; margin: 0 auto; padding-bottom: 10%; }
#store .credit th {  display: block; width: 100%; border: 1px solid #B3B3B3; border-bottom: none; background: #B3B3B3; color:#fff; font-size: 125%; }
#store .credit th span { margin-top: 5px; color: #C00; font-size: 66%; }
#store .credit td { display: block; padding: 5px; border: 1px solid #B3B3B3; border-top: none; background: #fff; font-size: 100%; }
#store .credit strong			{ font-size: 123%; }
#store .credit .input-text		{ border: 1px solid #B3B3B3; }
#store .credit .btn-store { margin-top: 20px; }

/* creditcomp
--------------------------------------------------*/
#store .creditcomp h2 { margin-bottom: 7.81%; padding-top: 3.9%; font-size: 125%; text-align: center; }
#store .creditcomp h3 { margin-bottom: 7.81%; font-size: 125%; }

}