/*---------------------------------------------------------
      					common
    ---------------------------------------------------------*/
body { font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; font-size:9pt;}	
a:hover { text-decoration:none;} 
a:hover img { opacity:.8;}
h1 { font-size:1.6em; padding:2%; line-height:1.2em; border-bottom:solid 2px #2b2b2b;}
h2 { font-size:1.5em; width:96%; margin:10px auto; line-height:1.2em; border-bottom:solid 18px #E68888;border-image:url(images/borderimg.png) 20 20 round;}
h3 { font-size:1em; width:96%; margin:0 auto; line-height:1.2em;}
h4 { clear:both;text-align:center;font-size:2em; width:93%; margin:0 auto; line-height:2em; border:dotted 3px #2b2b2b; border-radius:5px;}
h1, h2, h3, h4, h5, h6 {
  padding-top: .5rem;
  margin-bottom: .5rem;
  font-weight: 600; }
.styleHeadLine {font-size:1.3em;}
.blk80ctr {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.blk90ctr {
    display: block;
    width: 90%;
    margin: 0 auto;
}
.blk100ctr {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.blk50l { display:block; width:50%; float:left;}
.pdng10px { padding: 10px }
.margin_btm_30px { margin-bottom: 30px }
.margin_btm_20px { margin-bottom: 20px }
.margin_btm_10px { margin-bottom: 10px }
.smallfont { font-size:.5em;}
.red { color:#C00;}
.pink { color:#F66;}
.purple {color:#CC88B3; font-weight:600;}
.green {color:#989759; font-weight:600;}
.bold { font-weight:700;}

.cleantbl, .cleantbl td{ border:none;}
.wrap_review { height:220px;margin-bottom:30px;overflow-y: scroll;}
.list_review { list-style:none; }
.list_review li {display:block;}
.review_title,.review_stars,.review_info,.review_content{ margin:0; padding:0;}
.review_title { font-size:1.3em; font-weight:600;}
.review_stars{}
.review_info{ font-size:.8em; }
.review_content{ font-size:1em; }
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
@font-face {
      font-family: 'fontello';
      src: url('font/fontello.eot?34369061');
      src: url('font/fontello.eot?34369061#iefix') format('embedded-opentype'),
           url('font/fontello.woff?34369061') format('woff'),
           url('font/fontello.ttf?34369061') format('truetype'),
           url('font/fontello.svg?34369061#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    .demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

.clearboth { clear:both;}

/* Larger than phablet */
@media (min-width: 550px) {
}

p {
  margin-top: 0; font-size:1.1em;line-height:1.2em; padding:3%;word-wrap: break-word;}
p.gray_border, div.gray_border{ font-size:1.5em; width:86%; margin:10px auto; line-height:1.2em; border:solid 10px #E68888;border-image:url(images/borderimg2.png) 10 10 round;}
 div.gray_border { padding:4% 0 0 0; width:90%}
p.green_border{ font-size:1.5em; width:86.5%; margin:10px auto; line-height:1.2em; border:solid 7px #99CC66;}
div.green_border { font-size:1.5em; width:92.5%; margin:10px auto; line-height:1.2em; border:solid 7px #99CC66;}

.accordion_dl dt {
	font-size:1.5em;
	font-weight: 600; 
	background:url(images/borderimg3.png);
    border-bottom: solid 1px #2b2b2b;
    padding: 1em;;
    color: #CC6666;
    cursor: pointer;
    position: relative;
}
 
.accordion_dl dt:before {
  display: block;
  content:"";
  background:url(images/bg_btn_plus.png) no-repeat;
  background-size:contain;
  position: absolute;
  top: 20%;
  right: 15px;
  width: 2em;
  height: 2em;
}
 
.accordion_dl dt:after {
  display: none;
  content:"";
  background:url(images/bg_btn_minus.png) no-repeat;
  background-size:contain;
  position: absolute;
  top: 20%;
  right: 15px;
  width: 2em;
  height: 2em;
}
 
.accordion_dl dt.active:before {
  display: block;
}
 
.accordion_dl dt.active:after {
  display: block;
}
 
.accordion_dl dd {
    background-color: #eaeaea;
    border-bottom: solid 1px #2b2b2b;
	padding:0;
	margin:0;
}
.accordion_dl_gray dt {
	font-size:1em;
	font-weight: 600; 
	background:url(images/borderimg2.png);
    border-bottom: solid 1px #2b2b2b;
    padding: .5em 2em .5em .5em;
    color: #2b2b2b;
    cursor: pointer;
    position: relative;
}
 
.accordion_dl_gray dt:before {
  display: block;
  content:"";
  background:url(images/bg_btn_plus_gray.png) no-repeat;
  background-size:contain;
  position: absolute;
  top: 20%;
  right: 15px;
  width: 20px;
  height: 20px;
}
 
.accordion_dl_gray dt:after {
  display: none;
  content:"";
  background:url(images/bg_btn_minus_gray.png) no-repeat;
  background-size:contain;
  position: absolute;
  top: 20%;
  right: 15px;
  width: 20px;
  height: 20px;
}
 
.accordion_dl_gray dt.active:before {
  display: block;
}
 
.accordion_dl_gray dt.active:after {
  display: block;
}
 
.accordion_dl_gray dd {
    background-color: #eaeaea;
    border-bottom: solid 1px #2b2b2b;
	padding:0;
	margin:0;
}
 
TABLE { border:solid 1px #2b2b2b;}
th, td { border:solid 1px #2b2b2b;padding:0;}
th { font-size:1em;  line-height:2em;color:#fff;background-color:#2b2b2b;text-align:center;color:#fff; font-weight:600;}
td { font-size:1em; line-height:1em; padding:.5em 0;}
td a { display:block; width:100%;height:100%; text-decoration:none;color:#2b2b2b;/*background:url("images/bg_btn_tbl.png") no-repeat 97% center; background-size:20px 20px;*/}
td a:hover { color:#2b2b2b;}
.align_l{text-align:left;}
.align_c{text-align:center;}
.align_r{text-align:right;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }



    /*---------------------------------------------------------
      					header
    ---------------------------------------------------------*/
	
    /*---------------------------------------------------------
      					footer
    ---------------------------------------------------------*/
#shopmenu_ftr { border:solid 1px #2b2b2b;}
#shopmenu_ftr th, #shopmenu_ftr td { border:solid 1px #2b2b2b;padding:2%;width:46%;}
#shopmenu_ftr th { font-size:1.4em; color:#fff;background-color:#2b2b2b;text-align:center;color:#fff;}
#shopmenu_ftr td { font-size:1em;}
    /*---------------------------------------------------------
      					contents
    ---------------------------------------------------------*/
.pd_productListing {
    position: relative;
    float: left;
    width: 32%;
    padding: 5px;
    border: 1px dashed #eaeaea;
}
.pd_productimg { text-align:center;}
.pd_productimg img{ max-width:100%;}
.pd_producttxt { height:6em;line-height:1em;padding-top:.5em;}
.pd_itemname { font-size:1em; color:#666; font-weight:700;}
.pd_price { color:#C30; font-weight:700;}
.pd_tax { color:#C30; font-size:.8em;}
.navSplitPagesResult { clear:both;}
/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet */
@media (min-width: 550px) {
.pd_productListing {
    width: 25%;
}

}

/* Larger than tablet */
@media (min-width: 750px) {
body { font-size:14px;}
	
	
}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}
#fondmi_container {padding-top:1em;margin-left:0;}
#fondmi_facetypeselect {
    padding-left: 3%;
}
#fondmi_facetypeselect li {
    display: inline-block;
    width: 14%;
}
#fondmi_facetypeselect li:first-child {
    width: 21%;
}
#fondmi_facetypeselect li img {
    width: 100%;
}
#fondmi_colorselect {
	list-style:none;
}
#fondmi_colorselect li {
    display: inline-block;
    width: 16%;
}
#fondmi_colorselect li img {
    width: 100%;
}
.fondmifiber ,.fondmicart_wrap { display:inline-block; float:left;}
.fondmifiber {width:26%;padding:2%;}
.fondmifiber img {width:100%;}
.fondmicart_wrap {width:96%; line-height:1em;padding-top:2%;font-size:1em;}
.fondmicart_wrap input.fondmi_cart { display:block; font-size:1.5em; width:90%; margin:0 auto; line-height:2.5em;}
.fondmicart_wrap label { line-height:1.4em;}
.zaiko_mark { display:block; font-size:5em; text-align:center;}
.zaiko_txt { display:block; font-size:1em; text-align:center;}
.zerostock { color:#C00; font-weight:700;}
.lessstock { color:#F9C; font-weight:700;}

#style_link_bottom {}
#style_link_bottom ul{ list-style:none; padding-top:1%; padding-left:1%;}
#style_link_bottom ul li{
	display:inline-block;
	width:16%;
	margin-bottom:1%;
}
#itemcolorselect label { display:block;}
.sp_fondmi_cartQty {font-size:1.2em; padding:0;}
#snslink {margin-bottom:4%;}
#snslink li { display:inline-block; width:25%;margin:0; float:left;}

    /*---------------------------------------------------------
      					slide menu
    ---------------------------------------------------------*/
    .slideout-menu {
		padding:10px 0;
    	position: fixed;
    	top: 0;
    	right: -320px;
    	width: 320px;
    	height: 100%;
    	z-index: 100;
		overflow:scroll;
    }
    .slideout-menu h3 {
    	position: relative;
    	padding: 12px 10px;
    	color: #333;
    	font-size: 1.2em;
    	font-weight: 400;
    	border-bottom: 4px solid #222;
    }
    .slideout-menu .slideout-menu-toggle {
    	position: absolute;
    	top: 12px;
    	right: 10px;
    	display: inline-block;
    	padding: 6px 9px 5px;
    	font-family: Arial, sans-serif;
    	font-weight: bold;
    	line-height: 1;
    	background: #222;
    	color: #999;
    	text-decoration: none;
    	vertical-align: top;
    }
    .slideout-menu .slideout-menu-toggle:hover {
    	color: #fff;
    }
    .slideout-menu ul {
    	list-style: none;
    	font-weight: 700;
		margin-bottom:0;
    }
    .slideout-menu ul li {
    	border-bottom: 1px solid #FD6965;
		margin-bottom:0;
    }
    .slideout-menu ul li:last-child {
		border:none;
	}
    .slideout-menu ul li a {
    	display: block;
    	padding: 10px;
    	color: #333;
    	text-decoration: none;
		background:url(images/bg_slideoutmenu.png) no-repeat right; 
		background-size:23px 11px;
    }
    .slideout-menu ul li a:hover {
    	background: #FFD9DB;
    }
.slidemenu_inner {
	display:inline-block;
	float:right;
	width:250px;
	overflow:hidden;
    background:#FFE8E9;
	
}
.slidemenu_close {
	display:inline-block;
	float:right;
	width:50px;
	background:#FFE8E9;
	border-radius:10px;
	margin:0 -10px 0 0;
	padding:10px;
    z-index: 101;
}
.slideout-menu h2 { width:100%;color:#fff; background-color:#F99B93;padding:5px;border:none;font-size:1em;margin:0;}
.slidemenu01 {margin:10px auto; width:90%;}
.slidemenu01 a  {
	background-color:#fff;
	border-radius:10px;
	padding: 5px 4px 0 4px;
	display:inline-block;
	margin-right:4px;
}
.slidemenu01 a.margin0 ,.slidemenu02 a.margin0 ,.slidemenu03 a.margin0 ,.slidemenu04 a.margin0 {margin-right:0;}
.slidemenu02 ,.slidemenu03,.slidemenu04{
	width:90%;
	margin:10px auto;
	
}
.slidemenu02 a {
	margin-right:4px;
	background-color:#fff;
	border-radius:10px;
	padding: 10px 4px 10px 4px;
	display:inline-block;
}
.slidemenu03 a {
	margin-right:10px;
	background-color:#fff;
	border-radius:10px;
	padding: 5px 4px 0 4px;
	display:inline-block;
}
.slidemenu04 a {
	display:inline-block;
	margin-right:3px;
}
#miniitemlist { padding-left:1%; list-style:none;}
#miniitemlist li {
	display:block;
    float: left;
    width: 22%;
    border-color: #c8c8c8;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 2% 2%;
}
#miniitemlist li img{ width:100%;}
#miniitemlist li p { height:4em;}

.ttl_styleselect {
	clear:both;
	font-size:1.1em;
	text-align:center;
	padding:1em 0 .8em 0;
	background: url(images/bg_styleselect.png) repeat-x;
	background-size:auto 100%;
	line-height:1.2em;
	font-weight:600;
}
.ttl_styleselect span {
	font-size:1.5em;
	font-weight:900;
}
.stylelist { list-style:none; margin-top:4%;}
.stylelist li{
	width:48%;
	margin:0 4% 4% 0;
	float:left;
}
.stylelist li.right{
	width:48%;
	margin:0 0 4% 0;
}
.styleranking { list-style:none;width:100%; margin-bottom:30px;}
.styleranking li { clear:both;width:100%; border-bottom:dashed 1px #666;}
.styleranking li:last-child { border:none;}

.styleranking li a {  display:inline-block; float:left;}
.styleranking li p {
	display:inline-block;
	float:left;
	padding:0;
}
.styleranking li span.title {
	font-size:2em;
}


#create_account_box label,#checkoutShipAddressDefault label, label.checkboxLabel{
  display: inline-block;
  margin-bottom: .5rem;
  font-weight: 600;
}


.review_title_wrap { position:relative;}
.review_title_wrap img {
	width:100%;
}
.review_title_wrap p {
	position:absolute;
	top:.5%;
	right:0;
	width:99%;
	text-align:right;
	font-size:.6em;
}

@media (min-width: 421px) {
.review_title_wrap p {
	position:absolute;
	top:3%;
	right:2%;
	width:99%;
	text-align:right;
	font-size:1.3em;
}
	
}
/**/
.fondmi_fixedfooter{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
  background-color:#666;
  padding:5px 0 0 0;
  width:100%;
}
.fondmi_fixedfooter ul { list-style:none;width:100%;margin-bottom:0; text-align:center;}
.fondmi_fixedfooter ul li{
	display:inline-block;
	width:24%;
	text-align:center;
	vertical-align:top;
}
.fondmi_fixedfooter ul li a{
	font-size:1em;
	color:#fff;
	font-weight:700;
	text-decoration:none;
}
/*------------------------------------------------------
					login
------------------------------------------------------*/
FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
}
#create_account_box { padding:0 2%;}
#loginDefault fieldset input[type="text"], #loginDefault fieldset input[type="email"], #loginDefault fieldset input[type="password"], #loginDefault fieldset input[type="select"], #create_account_box fieldset input[type="text"], #create_account_box fieldset input[type="email"], #create_account_box fieldset input[type="password"], #create_account_box fieldset input[type="select"], select#country, #checkoutNewAddress fieldset input[type="text"], #checkoutNewAddress fieldset input[type="email"], #checkoutNewAddress fieldset input[type="password"], #checkoutNewAddress fieldset input[type="select"],{
    border: 1px solid #CCC;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
}
input[type="text"], input[type="email"], input[type="password"], input[type="select"]{
    border: 1px solid #CCC;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
}
label.maselect {
	display:block;
	width:90%;
	height:4em;
	margin:5px auto;
	border-radius:20px;
	color:#fff;
	border-color: #ff6666;
	outline: 0;
	opacity: .9;
	background-color: #ffbaba;
	  text-align: center;
	  font-weight: 600;
	  line-height: 2em;
	  padding:.5em 0;
	  letter-spacing: .1rem;
	  text-transform: uppercase;
	  text-decoration: none;
	  white-space: nowrap;
	  border-radius: 10px;
	  cursor: pointer;
	  box-sizing: border-box; 
		background-color: #ffffff;
		border: 2px solid #ff6666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffbaba', endColorstr = '#ff8282');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffbaba', endColorstr = '#ff8282')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background:url("images/bg_select.png") no-repeat 0 center,  -moz-linear-gradient(top, #ffbaba, #ff8282);
		background:url("images/bg_select.png") no-repeat 0 center,  -ms-linear-gradient(top, #ffbaba, #ff8282);
		background:url("images/bg_select.png") no-repeat 0 center,  -o-linear-gradient(top, #ffbaba, #ff8282);
		background:url("images/bg_select.png") no-repeat 0 center,  -webkit-gradient(linear, center top, center bottom, from(#ffbaba), to(#ff8282));
		background:url("images/bg_select.png") no-repeat 0 center,  -webkit-linear-gradient(top, #ffbaba, #ff8282);
		background:url("images/bg_select.png") no-repeat 0 center,  linear-gradient(top, #ffbaba, #ff8282);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		background-size:100% auto;


    }
input.radio_color{ opacity:0;}
input.radio_color[disabled]+ label.maselect { opacity:0; }
input.radio_color:checked + label.maselect {
	border-color: #666;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaeaea', endColorstr = '#ddd');
		/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaeaea', endColorstr = '#ddd')";
		/*Element must have a height (not auto)*/
		/*All filters must be placed together*/
		background:url("images/bg_selected.png") no-repeat 0 center,  -moz-linear-gradient(top, #eaeaea, #666);
		background:url("images/bg_selected.png") no-repeat 0 center,  -ms-linear-gradient(top, #eaeaea, #666);
		background:url("images/bg_selected.png") no-repeat 0 center,  -o-linear-gradient(top, #eaeaea, #666);
		background:url("images/bg_selected.png") no-repeat 0 center,  -webkit-gradient(linear, center top, center bottom, from(#eaeaea), to(#666));
		background:url("images/bg_selected.png") no-repeat 0 center,  -webkit-linear-gradient(top, #eaeaea, #666);
		background:url("images/bg_selected.png") no-repeat 0 center,  linear-gradient(top, #eaeaea, #666);
		/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
		background-size:100% auto;
    }
.messageStackError{
 background-color:#F00;
 color:#FFF;
}
.lager{
 font-size:large;
}


/*営業カレンダー*/
.cYasumi{
	background-color:#f3b7b3;
	text-align:center;
}
table.cTable{
	/*background-color:#fff2eb;*/
		color:#49290f;
	text-align:center;
	border:solid 1px #2b2b2b;
}
.cEigyo{
	text-align:center;

}
.cHasso{
	background-color:#cad882;
	text-align:center;

}
.cToday{
 	
	color:#ef618f;
	text-decoration: underline;
}
.floatleft{
	float:left;
}
.appTable{
	color:#49290F;
}
.appTable a:link {
 color: #2792c3;
 text-decoration:underline;
}
.appTable a:visited {
 color: #ef618f;
 text-decoration: none;
}
.appTable a:hover {
 color: #ef618f;
 background-color:#FFFF99;
 
 }

.cTableYoko{
	margin:5px;
	float:left;

}
.textGray6{
	color:#666666;
	font-size:13px;
}
/*営業カレンダー*/