@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:base.css
Author:fancs&co.
UpdatedBy:hirata
----------------------------------------------- */

/*----------------------------------------------------
	Structure Module
----------------------------------------------------*/

html{
	height:100%;
	margin-bottom:1px;
}

body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","メイリオ",'Meiryo',"ＭＳ Ｐゴシック",verdana,arial, 'Lato', sans-serif;
	font-size:17px;
	color:#1e1e1e;
	text-align:center;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;
	width:100%;
	overflow:auto;
}

.eng{
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

.eng02{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:100;
}

ul{
	overflow:hidden;
}

ol{
	list-style:none;
}

.clear-type {
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
}

figure{
	margin:0;
}

.border_none{
	border:none !important;
}

.top0{
	padding-top:0 !important;
	margin-top:0 !important;
}

.top10{
	padding-top:10px;
}

.top20{
	padding-top:20px;
}

.top30{
	padding-top:30px;
}

.bottom0{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

.bottom10{
	padding-bottom:10px;
}

.bottom20{
	padding-bottom:20px;
}

.bottom30{
	padding-bottom:30px;
}

.left0{
	padding-left:0 !important;
	margin-left:0 !important;
}

.left10{
	padding-left:10px;
	margin-left:10px;
}

.left20{
	padding-left:20px;
	margin-left:20px;
}

.left30{
	padding-left:30px;
}

.right0{
	padding-right:0 !important;
	margin-right:0 !important;
}

.right10{
	padding-right:10px;
}

.right20{
	padding-right:20px;
}

.right30{
	padding-right:30px;
}

/*----------------------------------------------------
	Text Module
----------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
}

em,address{
	font-style:normal;
}

em{
	font-weight:bold;
}

.txt_red{
	color:#f00404;
}

.txt_min{
	font-size:0.75em;
}

.txt_mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.txt_bold{
	font-weight:700;
}

.txt_left{
	text-align:left;
}

.txt_indent{
	padding-left:1em;
	text-indent:-1em;
}

.ttl_italic{
	font-style:italic;
}

.txt_fuchi{
	text-shadow: 1px 0px 0px #cc152b, 0px 1px 0px #cc152b, -1px 0px 0px #cc152b, 0px -1px 0px #cc152b;
}

/*----------------------------------------------------
	Hypertext Module
----------------------------------------------------*/

a{
	text-decoration: none;
	outline: none;
}

a:link,
a:visited{
	color:#1e1e1e;
}

a:link{
	text-decoration:none;
}

a.link:link,
a.link:visited{
	color:#3240fd;
}

a.link:link{
	text-decoration:underline;
}

a:hover{
	text-decoration: none;
	cursor: pointer;
}

/*----------------------------------------------------
	Image Module
----------------------------------------------------*/

img {
	border:0px;
	vertical-align: bottom;
	width:100%;
}

/*----------------------------------------------------
	List Module
----------------------------------------------------*/

ul,ol,dl,dt,dd,li{
	margin:0px;
	padding:0px;
}

ul li{
	list-style:none;
}

/*----------------------------------------------------
	Table Module
----------------------------------------------------*/

table{
	border-collapse: collapse;
	border-spacing: 0;
}
	
th,td{
	font-weight:normal;
	vertical-align:top;
}


/*----------------------------------------------------
	Forms Module
----------------------------------------------------*/
form{
	margin:0px;
	padding:0px;
}

textarea{
	width: 350px;
	font-size: 12px;
}

/*----------------------------------------------------
	tinybox
----------------------------------------------------*/
#tinybox {
	position:absolute;
	display:none; 
	padding:10px; 
	background:#fff url(../images/commons/loadinfo_net.gif) no-repeat 50% 50%; 
	border:10px solid #e3e3e3; 
	z-index:2000;
}
#tinymask {
	position:absolute; 
	display:none; 
	top:0; 
	left:0; 
	height:100%; 
	width:100%; 
	background:#000; 
	z-index:1500;
}
#tinycontent {
	background:#fff;
}

#gazou {
	cursor: pointer;
}

/*----------------------------------------------------
	order
----------------------------------------------------*/
#l_amount_01,
#l_amount_02,
#l_amount_03,
#l_amount_04 {
	text-align:right;
}

.order_total {
	color:#f00;
	font-weight:bold;
}


p.price_detail span.line_t{
	text-decoration:line-through;
}

p.price_detail span.line_non{
	text-decoration:none;
}

/*----------------------------------------------------
	label
----------------------------------------------------*/
.label_new{
	background:url(../images/commons/i_new.gif) no-repeat right 50%;
	padding-right:60px;
}
.label_recommend{
	background:url(../images/commons/i_recommend.gif) no-repeat right 50%;
	padding-right:60px;
}
.label_wakeari{
	background:url(../images/commons/i_wakeari.gif) no-repeat right 50%;
	padding-right:60px;
}
.label_standard{
	background:url(../images/commons/i_standard.gif) no-repeat right 50%;
	padding-right:60px;
}
.label_pop{
	background:url(../images/commons/i_pop.gif) no-repeat right 50%;
	padding-right:60px;
}

/*----------------------------------------------------
	err
----------------------------------------------------*/
#ERRITEM{
	width:600px;
	padding:0 10px 0 35px;
}

#ERRITEM ul{
	width:600px;
	padding-top:10px;
}

#ERRITEM li{
	padding-right:5px;
	float:left;
}

#ERRITEM li a:link,
#ERRITEM li a:visited,
#ERRITEM li a:hover{
	color:#fe5d74;
}

.err_tx{
	color:#fe5d74;
}

input.err,
textarea.err{
	border-top:solid 2px #fe5d74;
	border-left:solid 1px #fe5d74;
	border-right:solid 1px #fe5d74;
	border-bottom:solid 1px #fe5d74;
	background-color:#fff3f5;	
}

/*----------------------------------------------------
	iOSでのデフォルトスタイルをリセット
----------------------------------------------------*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}