@charset "utf-8";
/*------------------------------------------------------------
	seller css
------------------------------------------------------------*/

#curator-hd{
	font-size:150%;
	font-weight:bold;
	color:#333;
	padding:20px 10px 10px;
	border-bottom:1px solid #ccc;
}

.seller-list.list-style2 li{ margin-top:10px;}



/*------------------------------------------------------------
	index
------------------------------------------------------------*/

#seller-hd{
	width:100%;
	min-height:110px;
	position:relative;
	overflow:hidden;
}

#seller-hd-inner{
	display:table;
	width:100%;
	position:absolute;
	left:0;
	bottom:10px;
	z-index:10;
}

#seller-hd-logo{
	width:68px;
	height:68px;
	padding:10px;
	display:table-cell;
	vertical-align:middle;
}

#seller-hd-info{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
}

#seller-hd-info p{ text-shadow:1px 1px 0 #333;}

#seller-hd-info h2{
	font-size:150%;
	font-weight:bold;
	margin:5px 0;
	text-shadow:1px 1px 0 #333;
}

.action-wrapper {
	width: auto;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}

.action-wrapper dl{
	width:100%;
	color:#333;
	overflow:hidden;
}

.action-wrapper dt{
	float:left;
	font-size:117%;
	padding-right:10px;
	line-height:32px;
}

.action-wrapper dd{
	float:left;
	line-height:32px;
	vertical-align:middle;
}

.star img{
	position:relative;
	top:-1px;
}

.star span{
	display:inline-block;
	vertical-align:middle;
	min-width:20px;
	height:30px;
	padding:0 5px;
	text-align:center;
	line-height:30px;
	color:#666;
	font-size:109%;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:13px;
	border:1px solid #ccc;
	border-radius:5px;
	position:relative;
}

.star span:before{
	display:block;
	content:"";
	width:8px;
	height:8px;
	background:url(../img/bg-arrow.png) no-repeat;
	background-size:8px 8px;
	position:absolute;
	top:11px;
	left:-8px;
}

.favorite{
	font-size:134%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.seller-sentense{
	color:#333;
	font-size:117%;
	line-height:1.5;
	padding:0 10px;
	margin:15px 0;
}

.cate-list{
	width:auto;
	padding:5px;
	overflow:hidden;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

.cate-list li{
	width:33.3333%;
	height:42px;
	float:left;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.cate-list a{
	display:block;
	width:auto;
	height:30px;
	text-align:center;
	line-height:30px;
	border:1px solid #DDD;
	color:#333;
	background:#F0F0F0;
	border-radius:5px;
}

.cate-list .selected{
	background:#FF9EBA;
	border-color:#FF9EBA;
	color:#fff;
}

.cate-list a span{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-left:5px;
	color:#fff;
	background:#999;
	border-radius:3px;
}

.cate-list .selected span{
	background:#fff;
	color:#E75197;
}

.section-hd{
	color:#666;
	font-size:134%;
	font-weight:bold;
	padding:15px 10px 5px;
}


/* 基本情報[KIMONO CMS] */

.iframe-wrapper,
.tw-thumb,
.tw-info,
.link-title,
.link-button,
.quote-txt,
.matome-txt1,
.matome-txt2,
.matome-txt3,
.matome-txt4,
.matome-txt5,
.matome-img,
.article-hd,
.instagram-box,
.article-sub-hd{
	margin-top:30px;
}

.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;
	margin-bottom: -18px;
	position:relative;
}

.article-hd:before{
	display:block;
	content:"";
	width:18px;
	height:18px;
	background:url(../img/bg-article-hd.png) no-repeat right 50%;
	background-size:18px 72px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
}

.article-hd:after{
	display:block;
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	bottom:8px;
}

.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;
}

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

.article-spot{ background-image:url(../img/icon-spot.png);}


.category-list{
	width:auto;
	padding:5px 10px;
}

.category-list li{
	width:auto;
	height:68px;
	padding:5px 0;
}

.category-list a{
	display:block;
	width:auto;
	height:50px;
	padding:8px;
	border:1px solid #ccc;
	overflow:hidden;
}

.category-info{
	float:left;
}

.category-ttl{
	color:#333;
	font-size:117%;
	margin:10px 0 5px;
}

.category-txt{
	color:#666;
}

.category-thumb{
	width:50px;
	float:right;
}

.tw-thumb{
	display:table-cell;
	vertical-align:top;
	width:48px;
	padding-top:30px;
}

.tw-info{
	display:table-cell;
	vertical-align:top;
	padding:30px 10px 0;
}

.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%;
}

.iframe-wrapper{
	width:100%;
	position:relative;
	padding-top:56.25%;
}

.iframe-wrapper iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.instagram-box .iframe-wrapper{
	padding:0;
	margin:0;
}

.instagram-box .iframe-wrapper iframe{
	position:static;
	height:auto;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
}

.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;
}

/* 記事リスト */

.article-list{
	width:auto;
	padding:5px 0;
}

.article-list.list-style1 li{
	display:block;
	width:auto;
	padding:5px 10px;
	overflow:hidden;
}

.article-list.list-style2{
	letter-spacing:-0.4em;
	padding:5px;
}

.article-list.list-style2 li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:50%;
	padding:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.article-list.list-style1 .article-img{
	width:33.3333%;
	float:left;
}

.article-list.list-style2 .article-img{
	width:100%;
	margin-bottom:8px;
}

.article-list.list-style1 .article-info{
	width:66.6666%;
	float:right;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.article-title a{
	color:#333;
	font-size:117%;
}

.article-lead{
	color:#888;
	padding:8px 0 6px;
}

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

.article-view{
	float:left;
	margin-top:3px;
	color:#666;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:109%;
}

.article-view span{
	padding-right:5px;
	font-weight:bold;
	font-size:109%;
	font-family:Arial, Helvetica, sans-serif;
}

.review-item-name{
	width:100%;
	margin-bottom:8px;
}

.review-item-name a{
	color:#333;
	font-size:117%;
	font-weight:bold;
}

/*------------------------------------------------------------ 
   atelier
------------------------------------------------------------*/  

#atelier{
	width:auto;
	padding:10px;
}

#atelier table{
	display:block;
	width:100%;
	color:#333;
	font-size:117%;
	border-bottom:1px solid #ccc;
}

#atelier tr,
#atelier tbody{
	display:block;
	width:100%;
}

#atelier th{
	display:block;
	width:auto;
	text-align:left;
	vertical-align:top;
	padding:10px;
	line-height:1.4;
	border:1px solid #ccc;
	border-bottom:0;
	background:#F2F2F2;
}

#atelier td{
	display:block;
	width:auto;
	vertical-align:top;
	padding:10px;
	line-height:1.4;
	border:1px solid #ccc;
	border-bottom:0;
}

#atelier li{
	line-height:1.6;
	text-indent:-1em;
	padding-left:1em;
}

#atelier li:before{ content:"・";}

#atelier dt{ padding-top:8px;}
#atelier dd{
	padding:4px 0 8px 1em;
}

#atelier a{ color:#FF9EBA;}

#atelier p{ margin-top:15px;}



/*------------------------------------------------------------ 
   contact
------------------------------------------------------------*/  


#contact-hd{
	font-size:150%;
	color:#333;
	padding:20px 0;
}

#contact-area{
	width:auto;
	padding:15px 10px;
	overflow:hidden;
	border:1px solid #DDDDDD;
}

.contact-txt{
	display:inline-block;
	text-align:left;
	line-height:1.5;
	font-size:117%;
	color:#333;
}

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

#contact-form .required{ position:relative;}
#contact-form .required:before{
	display:block;
	content:"必須";
	position:absolute;
	left:160px;
	color:#FF9EBA;
	font-size:84%;
	font-weight:normal;
}

#contact-form dd{ color:#333;}

.cate1{ display:none;}

.contact-btn{
	width:100%;
	height:40px;
	margin-top:30px;
	text-align:center;
	line-height:40px;
}

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


.error{ margin-top:8px;}

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


/*------------------------------------------------------------ 
   policy
------------------------------------------------------------*/  

#policy{
	width:auto;
	padding:10px;
}

.policy-inner{
	padding:15px 10px;
	border:1px solid #ddd;
	color:#333;
	font-size:117%;
}

.policy-inner p,
.policy-inner dd{
	line-height:1.5;
}

.policy-inner dt{
	font-weight:bold;
	margin:25px 0 15px;
}

.policy-inner li{
	line-height:1.5;
	margin-top:5px;
	text-indent:-3em;
	padding-left:3em;
}

.policy-inner a{
	color:#EA66A4;
	text-decoration:underline;
}