@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

**********************************/

html,
body { margin: 0; padding: 0;}
body {
	font-size: 76%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	min-width:1044px;
}

html { font-size: 100%;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: "CenturyGothicStd","Century Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Sans-Serif;
	font-size: 100%;
	line-height: 1.2;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
	word-break:break-all;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}

blockquote,
q { quotes: none;}

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

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del { text-decoration: line-through;}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

label{ cursor:pointer;}

input,
select,
textarea {
	font-size: 14px;
	vertical-align: middle;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: normal;
	outline:none;
}

input[type=text],
input[type=tel],
input[type=password],
textarea{ -webkit-appearance:none;}

input[type=checkbox],
input[type=radio]{
	position:relative;
	margin:0 3px 0 0;
}

/*input:focus { outline:none;}*/

ul { list-style-type: none;}
img { vertical-align: middle;}

.img-responsive{
	width:100%;
	height:auto;
}

.opacity {
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.opacity:hover {
	opacity: .7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: .7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: .7;
}

.clear { clear: both;}
.clearfix { width: 100%;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}

.fl { float: left;}
.fr { float: right;}

.txtl { text-align: left;}
.txtr { text-align: right;}
.txtc { text-align: center;}

strong,
strong *,
.fwb { font-weight: bold;}

.clrr { color: #FF0000;}
.clrb { color: #333;}
.clrw { color: #fff;}

.il { display: inline;}
.bl { display: block;}
.no { display: none;}

.li2 { line-height: 2;}

/* margin */
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt60 { margin-top: 60px;}

.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}

.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}

/* padding */
.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}

.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}

.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}

.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}

/* font-size */
.font10 { font-size: 84%;}
.font11 { font-size: 92%;}
.font12 { font-size: 100%;}
.font13 { font-size: 109%;}
.font14 { font-size: 117%;}
.font15 { font-size: 125%;}
.font16 { font-size: 134%;}
.font17 { font-size: 142%;}
.font18 { font-size: 150%;}
.font19 { font-size: 159%;}
.font20 { font-size: 167%;}
.font21 { font-size: 175%;}
.font22 { font-size: 184%;}
.font23 { font-size: 192%;}
.font24 { font-size: 200%;}
.font25 { font-size: 209%;}
.font26 { font-size: 217%;}
.font27 { font-size: 226%;}

/* editor */
#editor{
	color:#333;
	font-size:109%;
	padding-bottom:30px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}

#editor table,
#editor caption,
#editor tbody,
#editor tfoot,
#editor thead,
#editor tr,
#editor th,
#editor td {
	border: 1px solid gray;
    border-spacing: 2px;
	border-collapse: separate;
}

#editor strong * { font-weight: bold;}
#editor a:hover { text-decoration: underline;}


/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/

.inner {
	width: 1024px;
	margin: 0 auto;
	padding-right:10px;
	padding-left:10px;
	overflow: hidden;
}

.error{ margin-top:8px;}

.error span{
	display:inline-block;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#FF9EBA;
	border-radius:4px;
}
/*------------------------------------------------------------ 
    ヘッダー 
------------------------------------------------------------*/

#hd-top{
	width:100%;
	margin-bottom:15px;
	background:#E5E5E5;
}

.hd-inner{
	display:table;
	width:100%;
	max-width:1044px;
	margin:0 auto;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	position:relative;
}

#header h1{
	display:table-cell;
	color:#666;
	padding:8px 0;
}

#hd-link{
	display:table-cell;
	width:190px;
	position:relative;
}

#hd-link a{
	display:block;
	width:186px;
	height:36px;
	text-align:center;
	line-height:36px;
	color:#fff;
	background:#FF9EBA;
	border-radius:0 0 8px 8px;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
}

#hd-link:before{
	display:block;
	content:"";
	width:186px;
	height:36px;
	background:#FF9EBA;
	border-radius:0 0 8px 8px;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

#hd-logo{
	display:table-cell;
	width:275px;
	vertical-align:middle;
	padding-right:10px;
}

#hd-menu{
	display:table-cell;
	text-align:right;
	vertical-align:middle;
	padding-top:10px;
}

#hd-menu li{
	display:inline-block;
	vertical-align:middle;
	height:30px;
	padding:5px 0;
	margin-left:15px;
}

#hd-menu a{
	display:block;
	height:100%;
	text-align:center;
	line-height:30px;
	font-size:117%;
}

#hd-menu .btn-exhibit{
	width:120px;
	color:#fff;
	background:#999;
	border-radius:5px;
}

#hd-menu .btn-member{
	width:116px;
	height:26px;
	line-height:26px;
	border:2px solid #999;
	color:#333;
	border-radius:5px;
}

#hd-menu .btn-menu{ color:#333;}

#hd-menu .btn-cart{
	width:61px;
	height:30px;
	padding:0 23px 0 36px;
	color:#717071;
	background:#EFEFEF url(../img/icon-cart.png) no-repeat 13px 50% / 17px 16px;
	border-radius:5px;
}

#g-navi {
	width:100%;
	padding:20px 0;
	margin-top:20px;
	background:#FAFAFA;
	border-top:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
}

#search-box{
	display:table-cell;
	padding-right:58px;
	position:relative;
}

#search-box input{
	display:block;
	width:100%;
	height:50px;
	float:left;
	padding:0 10px;
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#search-box a{
	display:block;
	width:48px;
	height:48px;
	text-align:center;
	line-height:48px;
	float:right;
	background:#999;
	border-radius:10px;
	position:absolute;
	right:0;
	top:0;
}

#hd-navi{
	display:table-cell;
	width:528px;
}

#hd-navi > li{
	width:33.3333%;
	float:left;
	height:48px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#hd-navi > li:not(:last-child){ border-right:1px solid #ccc;}

#hd-navi > li > a{
	display:block;
	width:142px;
	height:100%;
	text-align:center;
	margin:0 auto;
	padding-right:16px;
	line-height:48px;
	color:#333;
	font-size:125%;
	position:relative;
	border-radius:8px;
	transition:all 0.2s ease-out;
}

#hd-navi > li > a:after{
	display:block;
	content:"";
	width:13px;
	height:10px;
	background:url(../img/icon-arrow.png) no-repeat 0 0 / 13px 10px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-5px;
}

#hd-navi > li > .selected,
#hd-navi > li > a:hover{
	color:#fff;
	background:#FF9EBA;
}

#hd-navi > li > a:hover:after{ background-image:url(../img/icon-arrow-on.png);}

#hd-navi > li > .selected:hover:after,
#hd-navi > li > .selected:after{ background-image:url(../img/icon-arrow-selected.png);}

#hd-navi > li > .selected:before{
	display:block;
	content:"";
	width:0;
	height:0;
	border:10px solid transparent;
	border-top:12px solid #FF9EBA;
	position:absolute;
	left:50%;
	top:48px;
	margin-left:-10px;
}

.navi-detail{
	display:none;
	width:100%;
	margin:0 10px;
	max-width:1024px;
	padding:24px;
	background:#fff;
	border:1px solid #ccc;
	position:absolute;
	left:0;
	top:70px;
	z-index:1000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* カテゴリで選ぶ */

#navi-cate{
	width:100%;
	display:table;
}

#cate-side-column{
	display:table-cell;
	vertical-align:top;
	width:160px;
	padding-right:20px;
}

#cate-side-column li{
	width:100%;
	margin-bottom:5px;
}

#cate-side-column a{
	display:block;
	width:134px;
	padding:10px;
	color:#333;
	font-size:117%;
	background:#F2F2F2;
	border-radius:8px;
	position:relative;
}

#cate-side-column .selected,
#cate-side-column a:hover{
	color:#fff;
	background:#FF9EBA;
}

#cate-side-column .selected:before,
#cate-side-column a:hover:before{
	display:block;
	content:"";
	width:0;
	height:0;
	border:6px solid transparent;
	border-left:7px solid #FF9EBA;
	position:absolute;
	left:154px;
	top:50%;
	margin-top:-6px;
}

#cate-main-column{
	display:table-cell;
	vertical-align:top;
}

#cate-main-column ul{
	width:100%;
	letter-spacing: -.40em;
}

#cate-main-column ul:not(:first-child){ display:none;}

#cate-main-column li{
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal;
	width:22.72727272727273%;
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
}

#cate-main-column li:not(:nth-child(4n)){ margin-right:3.03030303030303%;}

#cate-main-column a{
	display:block;
	padding:10px;
	color:#333;
	font-size:117%;
}

#cate-main-column a:hover{ color:#FF9EBA;}

#cate-main-column .selected:hover{ color:#fff;}

#cate-main-column .selected{
	color:#fff;
	background:#FF9EBA;
	border-radius:8px;
}



/* 出品者で選ぶ */

#seller-name-list{
	width:100%;
	overflow:hidden;
	margin-bottom:50px;
}

#seller-name-list li{
	float:left;
	height:33px;
	margin:0 3px 3px 0;
}

#seller-name-list a{
	display:block;
	line-height:33px;
	padding:0 10px;
	color:#333;
	font-size:117%;
	background:#F2F2F2;
}

#seller-name-list .selected,
#seller-name-list a:hover{
	color:#fff;
	background:#FF9EBA;
}

#seller-list{
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	letter-spacing: -.40em;
}

#seller-list li{ /* 幅固定か、％か検討 */
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:235px;
	padding:10px 8px 10px 0;
}

#seller-list a{
	display:table;
	width:100%;
}

#seller-list div{
	display:table-cell;
	width:50px;
	vertical-align:middle;
	padding-right:10px;
}

#seller-list img{
	width:50px;
	height:50px;
	border-radius:50%;
}

#seller-list p{
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	line-height:16px;
	color:#333;
	font-size:117%;
	border-radius:8px;
}

#seller-list .selected p,
#seller-list a:hover p{
	color:#fff;
	background:#FF9EBA;
}

#seller-pagination{
	width:100%;
	text-align:right;
	margin-top:20px;
	letter-spacing: -.40em;
}

#seller-pagination li{
	display:inline-block;
	letter-spacing:normal;
	width:33px;
	height:33px;
	margin:3px 0 0 6px;
}

#seller-pagination a{
	display:block;
	width:auto;
	text-align:center;
	line-height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:125%;
	color:#333;
	border:1px solid #ccc;
}

#seller-pagination .selected,
#seller-pagination a:hover{
	color:#fff;
	background:#FF9EBA;
	border-color:#FF9EBA;
}

/* こだわり検索 */

#free-search li{
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}

#free-search li:first-child{ padding-top:0;}

#free-search dt{
	display:table-cell;
	vertical-align:top;
	width:55px;
	color:#333;
	line-height:36px;
	font-size:117%;
}

#free-search dd{
	display:table-cell;
	vertical-align:middle;
	color:#333;
	font-size:117%;
}

#free-search .vertical{
	display:table-cell;
	height:48px;
	vertical-align:middle;
}

#free-search .vertical:not(:last-child){
	padding-right:30px;
	border-right:1px solid #ccc;
}

#free-search .vertical:not(:first-child){ padding-left:30px;}

#free-search a{
	display:inline-block;
	vertical-align:middle;
	padding:0 15px;
	margin:2px 4px 2px 0;
	line-height:36px;
	color:#333;
	background:#F2F2F2;
	border-radius:5px;
}

/*#free-search a:hover,*/
#free-search .selected{
	color:#fff;
	background:#FF9EBA;
}

#free-search label{
	font-size:117%;
	color:#333;
}

#free-search input[type=text]{
	width:120px;
	height:36px;
	padding:0 10px;
	margin-left:10px;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#free-search input[type=checkbox]{
	width:16px;
	height:16px;
	margin-right:10px;
}

.search-btn{
	width:100%;
	height:50px;
	margin-top:20px;
}

.search-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:175%;
	font-weight:bold;
	background:#ccc;
	border-radius:8px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.search-btn a:hover{ background:#FF9EBA;}


/* ログイン後 */

#header-menu{
	position:relative;
	z-index:100;
}

#header-menu dt a{
	display:inline-block;
	padding-right:15px;
	color:#333;
	font-size:109%;
	position:relative;
	overflow:hidden;
}

#header-menu dt a span{
	display:inline-block;
	vertical-align:middle;
	max-width:12em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:30px;
	float:left;
}

#header-menu dt a:before{
	display:block;
	content:"";
	width:0;
	height:0;
	border:3px solid transparent;
	border-top:6px solid #333;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-3px;
}

#header-menu dt img{
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right:10px;
	float:left;
}

#header-menu dd{
	display:none;
	width:170px;
	margin-top:2px;
	background:#fff;
	border:1px solid #D9D9D9;
	box-shadow:0 1px 4px #BFBFBF;
	-moz-box-shadow:0 1px 4px #BFBFBF;
	-webkit-box-shadow:0 1px 4px #BFBFBF;
	border-radius:3px;
	position:absolute;
	top:39px;
	left:0;
}

#header-menu dd:before{
	display:block;
	content:"";
	width:12px;
	height:10px;
	background:url(../img/bg-mypage-menu.png) no-repeat;
	position:absolute;
	top:-9px;
	left:10px;
}

#header-menu dd li{
	display:block;
	height:auto;
	padding:0;
	margin:0;
}

#header-menu dd li:not(:last-child){ border-bottom:1px solid #D9D9D9;}

#header-menu dd a{
	line-height:1.2;
	font-size:100%;
	text-align:left;
	padding:6px 17px 6px 12px;
	color:#333;
}

#header-menu dd a:hover{
	background:#FF9EBA;
	color:#fff;
}

#header-menu dd .sub-trigger{ position:relative;}
#header-menu dd .sub-trigger:before{
	display:block;
	content:"";
	width:0;
	height:0;
	border:3px solid transparent;
	border-top:6px solid #333;
	position:absolute;
	right:8px;
	top:50%;
	margin-top:-3px;
}

#header-menu dd .sub-trigger.selected:before{
	border:3px solid transparent;
	border-bottom:6px solid #333;
	margin-top:-6px;
}

#header-menu dd .sub-trigger:hover:before{ border-top-color:#fff;}
#header-menu dd .sub-trigger.selected:hover:before{
	border-bottom-color:#fff;
	border-top-color:transparent;
}

#header-menu dd li ul{
	display:none;
	border-top:1px solid #D9D9D9;
}
#header-menu dd li ul a{
	padding-left:22px;
}

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

/* pankuzu */

#pankuzu{
	width:100%;
	padding:20px 0;
	overflow:hidden;
}

#pankuzu li{
	float:left;
	color:#333;
	line-height:20px;
}

#pankuzu li:not(:last-child){ margin-right:14px;}

#pankuzu li:not(:first-child){
	padding-left:16px;
	background:url(../img/icon-pankuzu.png) no-repeat left 50% / 7px 13px; 
}

#pankuzu a{ color:#333;}


/* main contents */

#main-contents{
	width:100%;
	padding:20px 0 80px;
	border-top:1px solid #E7E7E7;
}


/* 商品リスト兼用 */

.item-img{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

.item-cate{
	display:inline-block;
	min-width:50px;
	height:20px;
	padding:0 5px;
	text-align:center;
	line-height:20px;
	color:#fff;
}

.item-img .item-cate{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.item-cate.cate1{ background:#BDD7EE;}
.item-cate.cate2{ background:#C5E0B4;}
.item-cate.cate3{ background:#F09898;}

.soldout{
	display:inline-block;
	min-width:50px;
	height:20px;
	padding:0 5px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background:#ccc;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.item-name{
	margin:15px 0;
	min-height:30px;
}

.slick-slider .item-name{ width:150px;} /* slider内 */

.item-name a{
	display:table-cell;
	height:30px;
	vertical-align:middle;
	line-height:15px;
	color:#333;
	font-size:109%;
}

.item-price{
	color:#333;
	float:left;
	font-size:117%;
	font-weight:bold;
	line-height:18px;
}

.item-price span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:109%;
}

.item-recommend{
	float:right;
	line-height:18px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:109%;
	padding:0 10px 0 36px;
	border-left:1px solid #ccc;
	background:url(../img/icon-recommend.png) no-repeat 10px 50% / 16px 13px;
}

.item-user-name{
	margin:12px 0 10px;
	padding-right:10px;
}

.item-user-name a{ color:#666;}


.item-flag{
	display:inline-block;
	width:58px;
	margin:5px 5px 0 0;
	color:#CC9933;
	text-align:center;
	line-height:18px;
	border:1px solid #CC9933;
}

.item-slide-wrap{
	width:100%;
	padding:25px 0;
	background:#EFEFEF;
	position:relative;
}

.item-slide-hd{
	width:auto;
	max-width:1024px;
	margin:0 auto 25px;
	padding:0 10px;
	overflow:hidden;
}
.item-slide-hd h3{
	color:#333;
	float:left;
	font-size:175%;
}

.item-slider{
	width:1024px;
	margin:0 auto;
}


/* 最近チェックしたアイテム */
/*
.flipsnap-wrapper{
	width:100%;
	padding:25px 0;
}

#flipsnap1{ border-top:1px solid #E5E5E5; margin-top:50px;}
#flipsnap2{ background:#F2F2F2; margin-top:50px;}

.flipsnap-hd{
	width:auto;
	max-width:1024px;
	margin:0 auto 25px;
	padding:0 80px;
	color:#333;
	font-size:175%;
}

.flipsnap-slider{
	width:auto;
	max-width:1024px;
	padding:0 80px;
	margin:0 auto;
	position:relative;
}

.slider-prev,
.slider-next{
	width:40px;
	height:60px;
	position:absolute;
	top:50%;
	margin-top:-30px;
	background-repeat:no-repeat;
	background-size:40px 60px;
}

.slider-prev{
	left:10px;
	background-image:url(../img/icon-prev-disabled.png);
}

.slider-next{
	right:10px;
	background-image:url(../img/icon-next-disabled.png);
}

.viewport{
	width:100%;
	overflow:hidden;
}

.flipsnap{ width:10000px;}
.flipsnap li{
	width:150px;
	float:left;
}

.flipsnap li:not(:last-child){ padding-right:30px;}

*/

/* form関連 */

.form-input{
	width:100%;
	height:36px;
	padding:0 10px;
	border:1px solid #DDDDDD;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.form-txtarea{
	width:100%;
	height:200px;
	padding:10px;
	overflow:auto;
	resize:none;
	border:1px solid #DDDDDD;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.form-select{
	height:36px;
	color:#333;
	padding-left:10px;
	margin-right:15px;
	border:1px solid #DDDDDD;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.wid60{ width:60px;}
.wid80{ width:80px;}
.wid100{ width:100px;}
.wid148{ width:148px;}
.wid150{ width:150px;}
.wid180{ width:180px;}
.wid200{ width:200px;}
.wid220{ width:220px;}
.wid250{ width:250px;}
.wid256{ width:256px;}
.wid260{ width:260px;}
.wid300{ width:300px;}
.wid350{ width:350px;}
.wid400{ width:400px;}
.wid500{ width:500px;}
.wid600{ width:600px;}
.wid700{ width:700px;}

.ht80{ height:80px;}
.ht100{ height:100px;}
.ht150{ height:150px;}
.ht200{ height:200px;}
.ht250{ height:250px;}
.ht300{ height:300px;}
.ht400{ height:400px;}


/* お問い合わせアラート */

.alert-contents{
	display:none;
	background:#E73646;
	padding:10px;
	border-radius:10px;
	text-align:left;
}

.alert-contents p{
	line-height:1.6;
	font-size:117%;
	color:#fff;
}

.alert{ background:#FDEBEC!important;}


/* review list */

.review-list{
	width:100%;
	border-top:1px solid #ccc;
}

.review-list > li{
	display:table;
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #ccc;
}

.review-thumb{
	width:125px;
	display:table-cell;
	vertical-align:top;
	padding-right:30px;
}

.review-info{
	display:table-cell;
	vertical-align:top;
}

.review{
	display:table;
	width:100%;
}

.review div{
	display:table-cell;
	width:107px;
	vertical-align:top;
	padding-right:13px;
}

.review p{
	display:table-cell;
	vertical-align:top;
	line-height:20px;
	color:#333;
	font-weight:bold;
	font-size:117%;
}

.review a{
	font-weight:bold;
	color:#333;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.review-warning{
	float:right;
	margin-left:20px;
}

.review-warning a{
	color:#666;
	line-height:17px;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.review a:hover,
.review-warning a:hover{ color:#FF9EBA;}

.review-txt{
	color:#333;
	font-size:117%;
	margin:25px 0 20px;
}

.review-date{
	float:left;
	color:#999;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:109%;
}

.review-user{
	float:left;
	overflow:hidden;
	margin-left:20px;
}

.review-user dt{
	float:left;
	color:#666;
	margin-right:12px;
	line-height:17px;
}

.review-user dd{
	float:left;
	color:#666;
	font-weight:bold;
}

.review-user dd a{
	color:#666;
	font-weight:bold;
	line-height:17px;
}

/* pagi navi */

.pagination{
	width:100%;
	overflow:hidden;
	margin-top:15px;
}

.pagination li{
	width:38px;
	height:38px;
	text-align:center;
	line-height:38px;
	float:left;
	margin:0 8px 8px 0;
	color:#333;
	font-size:117%;
}

.pagination li:last-child{ margin-right:0;}

.pagination a{
	display:block;
	width:36px;
	height:36px;
	text-align:center;
	line-height:38px;
	color:#333;
	border:1px solid #ddd;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.pagination a:hover,
.pagination .selected{ background:#ddd;}


/* 不適切報告 */

#popup-wrap {
    min-width: inherit;
    background: transparent;
    position: relative;
}

#warning {
    width: auto;
    padding: 15px 15px 35px;
    background: #fff;
    border: 1px solid #ccc;
    position: relative;
}

.warning-ttl{
	font-size:134%;
	color:#333;
	font-weight:bold;
	padding-bottom:15px;
	margin-bottom:25px;
	border-bottom:1px solid #ccc;
}

#warning-form dt{
    border-left: 5px solid #FF9EBA;
    padding-left: 15px;
    line-height: 23px;
    color: #333;
    font-size: 117%;
    font-weight: bold;
    margin: 30px 0px 15px;
	position: relative;
}

#warning-form dt:not(.no-required):after {
    display: inline-block;
	vertical-align:middle;
	margin-left:10px;
    content: "必須";
    color: #FF9EBA;
    font-size: 84%;
    font-weight: normal;
}

#warning-form dd {
    padding-left: 20px;
    color: #333;
}

.warning-btn{
	width:220px;
	height:40px;
	margin:20px auto 0;
	text-align: center;
}

.warning-btn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:134%;
	background:#FF9EBA;
	border-radius:5px;
}

#warning-close{
	position:absolute;
	bottom:15px;
	right:15px;
}

#warning-close a{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
}

#loading{
	width:32px;
	height:32px;
	margin:100px auto;
}

#result{ min-height:330px;}




/* HELP */
#help-column{
	width:230px;
	float:right;
}

#help-column-inner{
	width:228px;
	padding-bottom:30px;
	border:1px solid #E7E7E7;
}

.helpHeadline{
	padding:10px 10px 10px 12px;
	font-size:117%;
	font-weight:bold;
	color:#fff;
	background:#999;
}

.helpSideInner{
	width:auto;
	padding:0 12px;
}

.subttl{
	margin-top:15px;
	color:#333;
	font-size:117%;
	font-weight:bold;
}

.subttl span{
	padding-right:5px;
	color:#999;
}

.helpMenu{ margin-top:5px;}
.helpMenu li{ padding:5px 0;}
.helpMenu a{
	display:inline-block;
	padding-left:15px;
	background:url(../img/icon-arrow-help.png) no-repeat 3px 2px / 6px 11px;
	color:#333;
	font-weight:bold;
}

.helpMenu a:hover{ text-decoration:underline;}





/* PR情報(mypage/seller) */

.article-area{
	margin-top:30px;
	word-break:break-all;
}

.matome-txt1{
	font-size:92%;
	line-height:1.5;
}

.matome-txt2{
	font-size:117%;
	line-height:1.5;
}

.matome-txt3{
	font-size:134%;
	line-height:1.5;
}

.matome-txt4{
	font-size:117%;
	font-weight:bold;
	line-height:1.5;
}

.matome-txt5{
	font-size:134%;
	font-weight:bold;
	line-height:1.5;
}

.quote-txt{
	padding: 20px 15px 18px 40px;
	line-height:1.5;
	font-size:117%;
    background: #f5f5f5 url(../img/bg-quote.png) no-repeat 10px 10px;
}

.quote-url{
	margin-top:5px;
	color:#999;
	font-size:92%;
}

.quote-url a{
	color:#999;
	text-decoration:underline;
}

.quote-url a:hover{ text-decoration:none;}

.article-hd{
	font-size:150%;
	color:#333;
	font-weight:bold;
	padding:0 10px 18px 0;
	background:url(../img/bg-article-hd.png) no-repeat right bottom;
	margin-bottom:-18px;
}

.article-sub-hd{
	font-size:125%;
	color:#333;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	padding-bottom:8px;
	margin-bottom:-10px;
}

.link-title{
	padding: 0 0 2px 8px;
    border-left: 3px solid #eee;
	line-height:1.5;
}

.link-title a{
    color: #666;
	font-size:134%;
	text-decoration:underline;
}

.link-title a:hover{ text-decoration:none;}

.link-description{
	margin-top:5px;
	color:#999;
	font-size:92%;
	line-height:1.5;
}

.link-comment{
	margin-top:5px;
	font-size:117%;
	line-height:1.5;
}

.insta-user2{
	width:100%;
	height:30px;
	line-height:30px;
	color:#333;
	margin-top:5px;
	overflow:hidden;
}

.insta-user2 img{
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right:5px;
}

.link-button{
	width:auto;
	text-align:center;
}

.link-button a{
	display:inline-block;
	width:auto;
	min-width:240px;
	padding:0.8em 1em;
	text-align:center;
	font-size:117%;
	color:#fff;
	background:#EA66A4;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:5px;
}

.tw-thumb{
	width:48px;
	float:left;
}

.tw-info{
	width:530px;
	float:left;
	padding:0 10px;
}

.tw-user{
	font-size: 14px;
	font-weight: 700;
}

.tw-user a{
	color:#333;
	font-weight:bold;
}

.tw-user span {
    padding-left:10px;
    color: #999;
    font-size:92%;
}

.tw-content{
    margin: 2px 0;
    font-size:117%;
    line-height: 1.5;
}

.tw-info img{
    display: block;
    max-width: 300px;
    margin-bottom: 3px;
}

.tw-date {
    color: #ccc;
    font-size:84%;
}

.instagram-box{ width:400px;}
.instagram-box iframe{ padding-bottom:10px!important;}


/*------------------------------------------------------------ 
    フッター 
------------------------------------------------------------*/  

#footer{
	width:100%;
	padding-bottom:28px;
}

/*
#ft-navi{
	width:auto;
	padding:15px 5px;
	margin-bottom:25px;
	text-align:center;
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
}

#ft-navi li{
	display:inline-block;
	padding:0 5px;
	margin:5px 0;
}

#ft-navi li:not(:last-child){ border-right:1px solid #333;}

#ft-navi a{ color:#333;}
*/

.ft-inner{
	width:100%;
	max-width:1024px;
	margin:28px auto 20px;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#ft-logo{
/*
	width:231px;
	height:148px;
	padding-top:62px;
*/
	width:214px;
	height:138px;
	padding:30px 0 0 15px;
	float:left;
}
/*
#ft-link{
	width:393px;
	height:38px;
	padding-top:172px;
	float:left;
}

#ft-link a{
	display:block;
	width:261px;
	line-height:38px;
	margin:0 auto;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background:#FF9EBA;
	border-radius:5px;
}

*/

#ft-link{
	width:100%;
	height:36px;
	margin-top:20px;
}

#ft-link a{
	display:block;
	width:100%;
	line-height:36px;
	text-align:center;
	color:#fff;
	font-size:92%;
	background:#FF9EBA;
	border-radius:5px;
}


.ft-navi{
	float:left;
	margin-left:40px;
}

.ft-navi dt{
	color:#FF9EBA;
	font-size:125%;
	line-height:45px;
	font-weight:bold;
}

.ft-navi ul{
	display:inline-block;
	vertical-align:top;
}

.ft-navi li{ margin-bottom:10px;}

.ft-navi a{
	color:#333;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.ft-navi a:hover{ color:#FF9EBA;}

#fb-area{
	width:280px;
	float:right;
	overflow:hidden;
}

#ft-txt{
	float:left;
	line-height:27px;
}

.follow-area{
	float:right;
	overflow:hidden;
}

.follow-area dt{
	float:left;
	line-height:55px;
	color:#999;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:117%;
}

.follow-area dt span{
	font-size:125%;
	padding:0 2px;
}

.follow-area dd{
	float:right;
	height:32px;
	margin:12px 0 13px;
}

.follow-area ul{ overflow:hidden;}

.follow-area li{
	width:32px;
	height:32px;
	float:left;
	margin-left:12px;
}