/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

*.osusume{
    font-size: 12px;
    color:#000;
}
thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

a.button2 {
    color:#000;
    background-color:#ffffff;
    padding:8px;
    margin: 2px;
    cursor:pointer;
    font-size: 12px;
		text-decoration: none;
}
a.button2:hover {
    color:white;
    background-color:#435AA0 ;
    font-size: 12px;
}


/*サイトロゴ*/
*.logoimg{
background: url(img/logo_ss.jpg) no-repeat;
background-color:#ffffff;
width: 100%;
height: 122px;
margin: 0px;

}
*.logoimg h1{
display:none;
} 

*.dropshadow {
  color: rgba(0,0,0,1);
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
	font-weight: bold;
}






/*新作見出し*/

*.comment_head{
background: url(img/newitem.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:0px 7px 7px 7px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.comment_head span{
display:none;
} 


/*新作見出し_smh修正20160727*/

*.comment_head_ss{
background: url(img/newitem.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:0px 7px 7px 0px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.comment_head_ss span{
display:none;
} 




/*再入荷見出し*/

*.rehead_blank{
	margin:40px 0 0 0;
}

/*再入荷見出しsmh*/

*.rehead_blank_smh{
	margin:10px 0 0 0;
}

*.comment_rehead{
background: url(img/renewitem.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:0px 7px 7px 7px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.comment_rehead span{
display:none;
} 

/*Footer支払い方法見出し*/
*.payment_head{
background: url(img/bnr_footer_pay.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:15px 7px 7px 7px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.payment_head span{
display:none;
} 



/*Footerメール見出し 20151103_takam*/
*.footmail_head{
background: url(img/bnr_footer_mail.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:15px 7px 7px 7px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.footmail_head span{
display:none;
} 


p.id_text_red {
		font-size: 13px;
		text-align: left;
		color: #ff0000;
		margin-left: 0px;
		margin-top: 5px;
		padding: 0px;
		line-height:1.1;
}		


/*Footer配送方法見出し*/
*.send_head{
background: url(img/bnr_footer_send.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:15px 7px 7px 7px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.send_head span{
display:none;
} 
/*Footer会社見出し*/
*.comp_head{
background: url(img/bnr_footer_comp.jpg) no-repeat;
background-color:#ffffff;
width: 99%;
height: 40px;
margin:15px 7px 7px 7px;
border-left:7px solid #ccc;  
border-bottom:1px solid #ccc;  
padding:.6em .8em  
}
*.comp_head span{
display:none;
} 


.Areanavi1 {  
    position: fixed;  
    top: 0px;  
    right: 0px;  
    width: 32px;  
    height: 140px;
		display:block;
}
.Areanavi1 a:hover {  
    position: fixed;  
    top: 0px;  
    right: 0px;  
    width: 41px;  
    height: 140px;
	display:block;
}

.Areanavi2 {  
    position: fixed;  
    top: 140px;  
    right: 0px;  
    width: 32px;  
    height: 140px;
	display:block;
}
.Areanavi2 a:hover {  
    position: fixed;  
    top: 140px;  
    right: 0px;  
    width: 41px;  
    height: 140px;
	display:block;
}


.Areanavi3 {  
    position: fixed;  
    top: 280px;  
    right: 0px;  
    width: 32px;  
    height: 140px;
		display:block;
}
.Areanavi3 a:hover {  
    position: fixed;  
    top: 280px;  
    right: 0px;  
    width: 41px;  
    height: 140px;
	display:block;
}


*.f_kana {
		font-size: 8px;
		text-align: left;
		color: #000;
		margin-left: 6px;
		margin-bottom: 0px;
		padding: 0px;
		line-height:100%;
}	

*.f_search {
		font-size: 9px;
		text-align: left;
		color: #000;
		margin-left: 0px;
		margin-bottom: 3px;
		padding: 0px;
		line-height:1.1;
}	
p.id_text {
		font-size: 12px;
		text-align: left;
		color: #000;
		margin-left: 0px;
		margin-top: 5px;
		padding: 0px;
		line-height:1.1;
}		
img.side_b {
		margin: 5px 0px 6px 0px;
		padding: 0px;
		line-height:1.1;
}		


img.side_rshop {
		margin: 0px 0px 7px 0px;
		padding: 0px;
		line-height:1.1;
}		

*.logbox
      {
         border: solid 1px #808080;
         width: 172px;
         height: 540px;
         padding: 0.5em;
         overflow: auto;
      }


*.sizebox
      {
         border: solid 1px #808080;
         width: 172px;
         height: 313px;
         padding: 0.5em;
         overflow: auto;
      }

*.itembox
      {
         border: solid 1px #808080;
         height: 340px;
         width: 172px;
         padding: 0.5em;
         overflow: auto;
      }

*.pricebox
      {
         border: solid 1px #808080;
         width: 172px;
         height: 310px;
         padding: 0.5em;
         overflow: auto;
         margin-bottom: 5px;
      }
/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#fff;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

*.wheel{
width:190px;
background:#fff;
margin:0;
padding:0;
}

a.button_smh {
    color:#000;
    background-color:#ffffff;
    padding:0px 1px 2px 0px;
    margin: 0px;
    cursor:pointer;
    font-size: 9px;
		text-decoration: none;
}


#footer{
text-align:center;
padding:20px;
margin:0;
border-top:1px solid #ddd;
color:#999;
font-size:0.8em;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

/*　スマホ用 */


img.smh_side_b {
		margin: 0 0 2px 0;
		padding: 0px;
		width: 49%;

}		


img.smh_side_bb {
		margin: 0 auto;
		padding: 0px;
		width: 99%;

}		
*.smh_logbox
      {
         border: solid 1px #808080;
         width: 85%;
         height: 540px;
         padding: 0.5em;
         overflow: auto;
				display:block;
      }


*.smh_sizebox
      {
         border: solid 1px #808080;
         width: 85%;
         height: 290px;
         padding: 0.5em;
         overflow: auto;
				display:block;
      }

*.smh_caption{
	background:#f5f5f5;
	border:1px solid #ddd;
	padding:3px;
	display:inline-block;
		width:90px;
	}

*.smh_itembox
      {
         border: solid 1px #808080;
         width: 100%;
         padding: 0.5em;
         overflow: auto;
				display:block;
      }


a.button_smh {
    color:#000;
    background-color:#ffffff;
    padding:0px 1px 2px 0px;
    margin: 0px;
    cursor:pointer;
    font-size: 9px;
		text-decoration: none;
}
a.button_smh:hover {
    color:white;
    background-color:#435AA0 ;
    font-size: 9px;
}

*.smh_srch {
		margin: 0 0 2px 0;
		padding: 0px;
		width: 100%;

}		

*.smh_srch2 {
		margin: 0 0 6px 0;
		padding: 0px 3px;
		width: 50%;

}		

*.smh_srch3 {
		margin: 0 1px 2px 1px;
		padding: 0px;
		width: 50%;

}		









/*---------------------------------

FORM_リニューアル＠2015/08/17タカムラ

------------------------------------ */
#searchform2 {
	position: relative;	
}
#keywords2	{
	width: 172px;
	height: 28px;
	background: #fff;
	border: 1px;
	padding: 0px;
	color: #000;
}
#searchBtn2	{
	position: absolute;
/*1pxから*/
	top:0px;
/*追記*/
	height:30px;
	left: 130px;
	padding:0;
}
/**:first-child + html #searchBtn2	{
	top: 1px;
}
/*



/*---------------------------------

レフトナビ題字＠2015/08/17タカムラ

------------------------------------ */
*.lft_title_h{
		margin: 9px 0 5px 0;
		padding: 0px;
		width: 100%;
}
*.lft_title{
		margin: 20px 0 0 0;
		padding: 0px;
		width: 100%;
}

*.lft_title_b{
		margin: 23px 0 0 0;
		padding: 0px;
		width: 100%;
}
*.lft_bnr{
		margin: 8px 0 0 0;
		padding: 0px;

}


/*---------------------------------
配置＠メニュー 201508タカムラ
-----------------------------------*/


*.menu_o_head{
		position: block;
		margin: 70px 0 0 0;
		padding: 0px;
		width: 100%;
		background: #fff;
}

*.menu_up_img{
		margin: 0 auto;
		padding: 0;
}

*.menu_txt_head{
		position: block;
		margin: 0;
		padding: 0;
		width: 100%;
		background: #fff;
		height:32px;
		border-bottom: 1px solid #000000; 
    font-size: 28px;
		text-decoration: none;
}




*.menu_tab_brand{
		position: block;
		margin: 15px 0 40px 0;
		padding: 0px;
		width: 100%;
		background: #fff;
}


table.brand_list{
	width:100%;
	margin:0 auto;
	border:none;
	border-collapse:collapse;
	color:#000;
}

table.brand_list td{
	vertical-align:middle;
	height:48px;
	color:#000;
}

table.brand_list a img{
	float:left;
	margin:0;
	padding:15px 0 15px 0;
}


a.blist {
    color:#000;
    background-color:#ffffff;
/*    padding:16px 8px 16px 8px;*/
		display:inline-block;
    margin: 28px 2px 16px 8px;
    cursor:pointer;
    font-size: 14px;
		text-decoration: none;
}
a.blist:hover {
    color:#000;
    font-size: 14px;
		text-decoration: underline;
}


a.blist_br {
    color:#000;
    background-color:#ffffff;
/*    padding:16px 8px 16px 8px;*/
		display:inline-block;
    margin: 16px 2px 16px 8px;
    cursor:pointer;
    font-size: 14px;
		text-decoration: none;
}
a.blist_br:hover {
    color:#000;
    font-size: 14px;
		text-decoration: underline;
}





*.item_txt_head{
		position: block;
		margin: 20px 0 0 65px;
		padding: 0;
		width: 100%;
		background: #fff;
		height:32px;
    font-size: 24px;
		text-decoration: none;
}


a.item_txt_head{
    color:#000;
		margin:0;
		padding: 0;
		width: 100%;
		background: #fff;
    font-size: 24px;
		text-decoration: none;
}

a.item_txt_head:hover{
    color:#000;
		text-decoration: underline;
}

*.item_ls{
		position: block;
		margin:  0 0 0 65px;
		padding: 0;
		width: 100%;
		background: #fff;
		text-decoration: none;
}


a.item_list {
    color:#000;
    background-color:#ffffff;
/*    padding:16px 8px 16px 8px;*/
		display:inline-block;
    margin: 7px 0 7px 0;
    cursor:pointer;
    font-size: 14px;
		text-decoration: none;
}
a.item_list:hover {
    color:#000;
    font-size: 14px;
		text-decoration: underline;
}
/*---------------------------------
左垂れ幕
-----------------------------------*/

#tate_left { left: 0px;  }

#tate_left a {
	display: block;
	min-height: 100%;
	width: 80px;         /*画像の横幅*/
	visibility: visible;
	height: 10400px;
	text-indent:-9999px;
}

.tateobi1 {    
	background: url(https://www.sakurastyle.com/img/side_bnr/sp2016xmas_tatebunner.jpg) repeat-y scroll;
	min-height: 100%;
	height: 10400px;
	top: 0px;
	z-index:auto;
	visibility: visible;
}

#tate_left {
	position: absolute;
	width: 80px;         /*画像の横幅*/
	min-height:100%;
	visibility: visible;
	display: block;
}


.cal_image img{
	vertical-align:top;
	width:49%;
}