@charset "UTF-8";

/* <<< CSS Document >>>
--------------------------------------------------- */
ul, ol, dl {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding 0;
}
a img {
	border: none;
}

			/* <<< H1 >>> */
h1 { /* 商品コメントタイトル */
	font-size: 20px;
	line-height: 140%;
	color: #333;
	padding: 15px 5px;
	font-weight: bold;
}
			/* <<< H2 >>> */
h2 { /* artist クリエータースライド タイトル */
	font-size:20px;
	font-family:'Century Gothic', serif, sans-serif;
	color:#333;
	padding-left: 20px;
	padding-bottom: 20px;
	font-weight: normal;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #777;
	border-bottom: #ccc 0px;
	opacity: 0.8;
	filter: alpha(opacity=60);
}

.hrline{
	height:1px;
	border:none;
	border-top:solid 1px #ddd;
	width:100%;
	margin: 100px 0 70px 0;
}



/* <<< Layout >>>
--------------------------------------------------- */

body {
	background: #fff;
	padding:0;
	margin:0;
	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#555555;
	min-width: 700px;
	min-height: 400px;

}

#fadein{
	display: none;
}

.topimg{
	background-image: url(../img/top_back.jpg);
	background-image: url(../img/top_look2018.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	margin: 0 auto;
}
.topimg img{
	width: 700px;
	width: 100%;
	margin: 0 auto;
	display: block;
}

.container
{
	margin: 0 auto;
	padding: 0 10px;
	width: 680px;
	overflow: auto;
}


/* <<< ストーリーボックス >>>
--------------------------------------------------- */

.box_story {
	width: 100%;
	margin: 0;
	padding: 0;
}
.box_story h1{
	padding-left: 10px;
}
.box_story .logo {
	width: 180px;
	margin: 30px auto 40px auto;
	display: block;
}
.box_story .com{
	width: 620px;
	padding: 15px 30px;
	font-size: 15px;
	line-height: 150%;
}


/* <<< デザイナーボックス >>>
--------------------------------------------------- */

.box_des {
	width: 100%;
	margin: 0;
	padding: 0;
}
.box_des h1{
	padding-left: 10px;
}
.box_des .img-l { /* デザイナー名前 */
	width: 45%;
	margin: 0px auto 10px auto;
	display: block;
	float: left;
}
.box_des .img-r { /* デザイナー写真 */
	width: 53%;
	margin: 30px auto 30px auto;
	display: block;
	float: right;
}
.box_des .img-r img, .box_des .img-l img {
	width: 100%;
}
.box_des .name{
	width: 50%;
	padding: 20px 0;
	font-size: 15px;
	line-height: 140%;
	text-align: center;
	float: right;
}
.box_des .name .n1{
	padding: 0;
	font-size: 15px;
	line-height: 200%;
	font-weight: bold;
}
.box_des .name .n2{
	padding: 0;
	font-size: 35px;
	line-height: 120%;
	font-weight: bold;
}
.box_des .name .n3{
	padding: 0;
	font-size: 15px;
	line-height: 140%;
}
.box_des .com{
	width: 620px;
	padding: 15px 30px;
	font-size: 15px;
	line-height: 150%;
}




/* <<< 商品ボックス >>>
--------------------------------------------------- */

.box_item {
	margin: 40px 0 0 0;
	padding: 0;
	width: 100%;
}
.box_com {
	margin: 0;
	padding: 0;
	width: 55%;
}
.box_com .com{
	padding: 12px 0;
	font-size: 15px;
	line-height: 140%;
}
.box_com .price{
	padding: 20px 10px;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	text-align: right;
}

.box_img {
	background: #fff;
	margin: 0;
	width: 40%;
	text-align: center;
}
.box_img img {
	width: 100%;
	margin: 0 auto;
}
.box_img .botton{
	background: #fff;
	width: 200px;
	height: 40px;
	margin: 20px 0;
	cursor: pointer;
}







/* ------- Insta CSS --------*/
.insta00 { /* インスタペーシ */
	width: 1000px;
	margin: 30px auto;
	padding: 0;
	background: #eef;
}
.insta01 { /* インスタボックス */
	width: 333px;
	height: 333px;
	margin: 0px;
	padding: 0px;
	background: #f00;
	float: left;
}
.insta02 { /* インスタ写真 */
	width: 300px;
	height: 280px;
	margin: 0 auto;
	padding: 0px;
	background: #fee;
	position: relative; /* static,absolute,relative,fixed */
	top: 0;
	left: 0;
}
.insta02 img { /* インスタ写真 */
	width: 280px;
	height: 280px;
	margin: 0 auto;
	display: block;
}
.insta03 { /* インスタコメント背景 */
	width: 280px;
	height: 280px;
	display: block;
	position: absolute; /* static,absolute,relative,fixed */
	top: 0;
	left: 10px;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=60);
}
.insta03 a { /* インスタリンク */
	display: block;
}
.insta04 { /* インスタコメント文字 */
	width: 260px;
	height: 260px;
	padding: 10px;
	display: none;
	position: absolute; /* static,absolute,relative,fixed */
	top: 0;
	left: 10px;
	color: #fff;
	word-wrap: break-word;
	overflow: auto;
}


/* <<< Foot >>>
--------------------------------------------------- */

.foot {
	background:#fff;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px;
	font-size: 10px;
	line-height: 140%;
	font-weight: 100;
	color: #555;
	text-align: center;
}
.foot span{
	font-size: 8px;
	line-height: 200%;
	color: #777;
}
.footline{
	height:1px;
	border:none;
	border-top:solid 1px #000;
	width:100%;
	margin: 0 0 20px 0;
}

/* <<< Clear >>>
--------------------------------------------------- */
.f-left { float: left; }
.f-right { float: right; }

.clear {
	clear: both;
}
.clear-50 {
	clear: both;
	height: 50px;
}
.clear-80 {
	clear: both;
	height: 80px;
}
.clear-100 {
	clear: both;
	height: 100px;
}
.clear-150 {
	clear: both;
	height: 150px;
}