@charset"Shift_JIS";

/* = ボディー ==========================================*/
body{
	font-size: 4.266vw !important;
	font-size: 16px;
	 -webkit-text-size-adjust: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	line-height: 1.6em;
	text-align:-moz-center; /*FF*/	
	#text-align:center; /*IE */  
	-moz-user-select : Firefox
	-khtml-user-select : Safari
	-webkit-user-select : Safari
}



/* = form ==========================================*/
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
		border-radius: 6px;
  vertical-align:middle;
  text-align:center;
	padding:20px;
}

input[type="text"],
input[type="tel"],
textarea {
		border-radius: 6px;
		padding:20px;
    border: 1px solid #999;  /* 枠線 */
}
input[type="text"]:focus,
input[type="tel"]:focus,
textarea:focus {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
		padding:20px;
	  border: 1px solid #ff9900;
	  outline: 0;
}
select {
		padding:20px 30px 20px 20px;
    border: 1px solid #999;  /* 枠線 */
}

input, button, textarea, select {
	font-Size:95%;
	line-height:95%
}

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(2.5);
   transform: scale(2.5);
   margin-right: 0.5em;
}

/* = font ==========================================*/
font.j8{font-Size:10px; line-height:12px;}
font.j9{font-Size:11px; line-height:13px;}
font.j10{font-Size:12px; line-height:14px;}
font.j10a{font-Size:12px; line-height:15px;}
font.j10b{font-Size:12px; line-height:16px;}
font.j11{font-Size:13px; line-height:15px;}
font.j12{font-Size:14px; line-height:16px;}
font.j13{font-Size:15px; line-height:17px;}
font.j14{font-Size:16px; line-height:18px;}
font.j15{font-Size:17px; line-height:25px;}
font.j16{font-Size:18px; line-height:25px;}
font.j17{font-Size:19px; line-height:25px;}
font.j18{font-Size:20px; line-height:27px;}
font.j19{font-Size:21px; line-height:27px;}
font.j20{font-Size:22px; line-height:27px;}
font.j21{font-Size:23px; line-height:27px;}
font.j22{font-Size:24px; line-height:28px;}
font.j23{font-Size:25px; line-height:29px;}
font.j24{font-Size:26px; line-height:30px;}
font.j25{font-Size:27px; line-height:32px;}
font.j26{font-Size:28px; line-height:33px;}

font.j27{font-Size:30px; line-height:26px;}
font.j28{font-Size:30px; line-height:38px;}
font.j30{font-Size:30px; line-height:40px;}

font.f13{font-Size:75%; line-height:60%;}
font.f14{font-Size:80%; line-height:80%;}
font.f15{font-Size:90%; line-height:90%;}
font.f16{font-Size:95%; line-height:95%;}




/* = コンテンツメイン ==========================================*/

div.contents{
	width:800px;
	background:#ffffff;
	font-family: "Droid Sans", Robot,"游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
 	-webkit-text-size-adjust: 100%;
}

.header-fixed{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 250px;              /* 縦幅140px */
		background:#ffffff;
		z-index: 9992000;
}


/*--ページ、ヘッダー、コンテンツ--*/
.ui-page{
	background:#ffffff;
}
.ui-header{
	background:#ffffff;
	border:1px solid #ffffff;
}
.ui-header img{
	width:40%;
}
.ui-header .ui-title{
	color:#ffffff;
	text-align:left;
	margin:1.0em 5% 0.8em;
}
.ui-header .ui-btn-icon-notext{
	top:20px;
}
.ui-header .ui-btn-right{
	right:10px;
}
.ui-content{
	background:#ffffff;
}

/*---スライドショー---*/
.flexslider{
    border:none;
    box-shadow:none;
}

/*---下層ページの画像---*/
.img_w{
	width:100%;
}

/*--クリア--*/
.clear{
	clear:both;
}

/* リンク -----------------------------------------------------------------------------------------*/
a:link{
	color: #444445;
	text-decoration: none;
}
a:visited{
	color: #444445;
	text-decoration: none;
}
a:hover{
	color: #FF6600;
	text-decoration: none;
}


/*--ページトップへ--*/
.pagetop{
	padding:10px 5px;
	text-align:right;
}
/*--フッター--*/
.footermenu{
	width:100%;
	background-color:#898989;
	font-size:70%;
	line-height:2.0;
	color:#ffffff;
}
.footermenu a:link{
	color: #ffffff;
	text-decoration: none;
}
.footermenu a:visited{
	color: #ffffff;
	text-decoration: none;
}
.footermenu a:hover{
	color: #ffffff;
	text-decoration: none;
}


#footer{
	text-align:center;
	padding:10px 0px;
	font-size:60%;
}



/*------------リスト・ボタン系-----------------*/
/*--文字省略なし(ヘッダー・フッター含む)---*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc
{
	overflow: visible;
	white-space: normal;
}

/*-ボタンコーナー部分-*/
.ui-btn-corner-all{
	border-radius:5px;
}
/*-ボタンサイズ-*/
.ui-btn-inner{
	padding:5px 20px;
}
/*-ヘッダー ボタンコーナー部分-*/
.ui-header .ui-btn-corner-all{
	border-radius:15px;
}
/*-リストビュー リスト名部分-*/
.ui-li .ui-btn-text a.ui-link-inherit{
	font-size:13px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height: 20px;
	padding-left:60px;
}
/*-リストビュー サムネイル部分-*/
.ui-listview .ui-li-thumb {
	max-height: 36px;
	max-width: 36px;
	left: 8px;
	top:  12px; 
}



/*--トップ　リストビュー(メニュー)の背景色、タップ時--*/
li.toplist_menu1{
	background:#dcdcdc;
}
li.toplist_menu2{
	background:#efefef;
}

.toplist_menu1.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu1.ui-btn-active:visited,
li.toplist_menu1.ui-btn-active:hover,
li.toplist_menu1.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_menu2.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu2.ui-btn-active:visited,
li.toplist_menu2.ui-btn-active:hover,
li.toplist_menu2.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}








/* --- コンテンツ  -----*/

.content	{
	text-align: left;
	padding:15px 20px;
	background:#ffffff;
	text-shadow:none;
	overflow:hidden;
}


/* --- タイトル  -----*/
.title_header	{
	text-align: left;
	padding:3px 5px;
	border:1px solid #778899;
	background:#708090;
	margin-bottom:5px;
	text-shadow:none;
	color:#ffffff;
}

.title_box	{
	text-align: left;
	padding:2px 5px;
	background:#ffffff;
	text-shadow:none;
}


/* --- カテゴリーページ  -----*/
.category_title	{
	text-align: left;
	padding:5px 5px;
	border:1px solid #CECECE;
	background:#e586b4;
	margin-bottom:5px;
	text-shadow:none;
}

.category_box	{
	text-align: left;
	padding:2px 5px;
	background:#ffffff;
}


/* --- サブカテゴリーページ  -----*/

table.item_list{
	width:100%;
	padding:5px;
}

.item_list td.top{
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background-color: #f5f5f5;
	padding:10px;
}
.item_list td.top4{
	border-top: 2px solid #ffffff;
	background-color: #f5f5f5;
	padding:10px;
}

.item_list td.topSp{
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	background-color: #ffe4e1;
	padding:10px;
}
.item_list td.topSp4{
	border-top: 2px solid #ffffff;
	background-color: #ffe4e1;
	padding:10px;
}



/* --- タイトル  -----*/
.title_bar{
	background:#F2F2F5;
	border-left:7px solid #636C2E;
	padding:3px 12px;
}

.title_barPink{
	background:#f7afd3;
	border-left:7px solid #bc78a8;
	padding:3px 12px;
}

.title_barPink2{
	background:#f7afd3;
	border-left:7px solid #bc78a8;
	border-right:7px solid #bc78a8;
	border-top:2px solid #bc78a8;
	border-bottom:2px solid #bc78a8;
	padding:3px 12px;
	text-align:center;
}

.subtitle_bar{
	width:auto;background:#f0f8ff;
	border-left:7px solid #636C2E;
	border-bottom:1px solid #636C2E;
	padding:3px 10px;
}

/* --- 入力項目  -----*/
.input_bar{
	background:#F2F2F5;
	padding:3px 5px 3px 20px;
}

.input_valuebar{
	padding:20px 5px 20px 20px;
}



/* --- 入力項目  -----*/
.input_title{
	float:left;
	padding:10px 5px 1px 5px;
	width:150px;
}
.input_value{
	float:left;
	padding:5px;
}

.input_title2{
	float:left;
	padding:16px 5px 1px 5px;
	width:150px;
}
.input_value2{
	float:left;
	padding:16px 0px 1px 0px;
}


.input_title3{
	float:left;
	padding:12px 5px 1px 5px;
	width:150px;
}
.input_value3{
	float:left;
	padding:12px 0px 1px 0px;
}

/* --- ライン  -----*/

.line_solid{
	border-bottom:1px solid #778899;
	width:97%;
	padding:2px;
}

.line_dot{
	border-bottom:1px dotted #778899;
	width:97%;
	padding:2px;
}



/* --- エラーボックス  -----*/
.err_box{
	width:auto;
	background:#ffe4e1;
	border:1px dotted #778899;
	padding:10px;
	color:#dc143c;
}



/* --- 通販注意書き  -----*/
.notice{
	width:auto;
	background:#fff5ee;
	border:1px dotted #778899;
	padding:12px;
	color:#2f4f4f;
}



/* --- テーブル  -----*/

table.tbl{
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	width:100%;
}

.tbl th{
	padding:10px;
	background-color: #fae0dc;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	text-align: left;
}

.tbl td{
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	padding:10px;
}


#size_list{
	width: 100%;
	border: 1px solid #444445;
	border-collapse: collapse;
}
#size_list th{
	padding: 5px;
	background-color: #fae0dc;
	color: #444445;
	font-weight: normal;
	border: 1px solid #444445;
	text-align: left;
	font-Size: 28pt;
}
#size_list td{
	padding: 5px;
	border: 1px solid #444445;
	font-Size: 28pt;
}


/* --- カートボックス  -----*/
.cart_box{
	background-color: #fae0dc;
	padding:10px;
	width:97%;
	border:1px solid #ECECEC;
	font-Size:38px;
	line-height:48px;
}

/* --- お客様の声  -----*/

.diary{
	border-bottom: 1px dotted #444445;
	padding: 3px;
}


/* --- ポイントページ  -----*/

.pointsys_title{
	color: #ff6666;
	font-weight: bold;
	padding:0px 0px 5px 0px;
}

.pointsys_txtbox{
	padding:0px 0px 20px 5px;
}

.campain_box{
	width: 90%;
	padding:10px;
	text-align:center;
	background-color: #ffcccc;
	border: 1px solid #ff0099;
}


.contct_box{
	padding:20px;
	text-align:left;
	background-color: #F5F5F5;
	border: 1px solid #B0C4DE;
}


/* --- ポイント履歴  -----*/

.point_boxt{
	float: left;
	width: 200px;
	padding-left:20px;
}
.point_box{
	text-align: right;
	float: left;
	width: 80px;
}
.point_box1{
	text-align: right;
	float: left;
	width: 80px;
}
.point_box2{
	text-align: left;
	float: left;
	width: 300px;
}

/* --- ポイントページ  -----*/
.wrap {
	width:100%;
	background:#fff;
	margin:0px auto;
	padding:0px;
}
.wrap p {
}
.wrap ul {
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-right:-10px;
	clear:both;
}
.wrap li {
	display:block;
	float:left;
	background:#fff;
	argin-right:10px;
}
.wrap li img {
	cursor:pointer;
}



.decimal{
	list-style-type: decimal;
	line-height: 1.3em;
	padding:5px;
	padding-left:1em;
	text-indent:-1em;
}

.inFrame{
	width: 95%;
	height: 400px;
	margin: 0px;
	padding: 10px;
	overflow:auto;
	border: 1px solid #E8E8E8;
}

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



.recommend img.item{
	padding: 0px;
	border: 1px dotted #dcdddd;
}




/* --- お買物ガイド  -----*/
.guide_menu{
	width:95%;
	padding: 10px 15px;
	background-color: #e586b4;
	color: #FFFFFF;
}

ul.nomark{
	margin: 10px 10px 0px 10px;
	padding: 0px;
	/*height: 1.2em;*/
	list-style-type: none;
	line-height: 1.3em;
}



a.page_tops{
	float:right;
	font-Size: 26px;
	color: #444445;
	text-decoration: none;
}
a.page_tops:hover{
	text-decoration: underline;
}



.shop_info{
	margin: 0px;
	padding: 0px;
}
.shop_info td.menu{
	margin: 0px;
	padding: 9px;
	background-color: #dcdddd;
	width:200px;
}
.shop_info td.item{
	margin: 0px;
	padding: 9px;
}




#mcategory_list{
	width: 90%px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #dcdddd;
}
#mcategory_list td.img{
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 100px;
	text-align: center;
	border-bottom: 1px solid #dcdddd;
}
#mcategory_list td.name{
	margin: 0px;
	padding: 10px;
	vertical-align: top;
	border-left: 1px dotted #dcdddd;
	border-bottom: 1px solid #dcdddd;
	color: #444445;
}