@charset "utf-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 100;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display:inline;*zoom: 1;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color:#0064FF;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.dn{display: none;}
.tac{text-align: center;}
.tal{text-align: left; display: inline-block;}
.ml_05 {margin-left: -0.5em;}
.mr_05 {margin-right: -0.5em;}
.bt1 {border-top: 1px solid #000;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}
@media only screen and (max-width: 479px) {
	.fl,.fr {float: none;}
}
/* Common
 * --------------------------------------------------------*/
body{
	font:14px 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	line-height: 1.8;
	letter-spacing: 0.04em;
	background-color: #f5f5f5;
	margin: 20px 0;
}
/* wrapper */
.wrapper {
  	width: 1030px;
	margin: 0 auto;
	background-color: #fff;
    border-radius: 10px;  
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
}

/* header */
#header{
    width: 960px;
    margin: 0 auto;
}

#header .title{
    width: 960px;
    height: 70px;
    padding: 16px 0 24px 6px;
}

#header .title h1{
    width: 580px;
    height: 80px;
    text-align: left;
    float: left;
}

#header .title ul{
    width: 320px;
    height: 38px;
    text-align: right;
    left: 0;
    padding:4px 0 0 634px;
}

#header .title li{
    width: 318px;
    height: 16px;
    text-align: right;
    padding-bottom: 4px;
    display: block;
    float: right;
}

#header .title li:last-child{
    width: 170px;
    height: 16px;
    text-align: right;
    padding-bottom: 0;
    display: block;
    float: right;
}

#header .title .icon{
    width: 70px;
    height: 38px;
    text-align: right;
    right:0;
    float: right;
}
/* footer */
#footer{
	text-align: center;
	padding-bottom: 150px;
}
#footer ul{
    margin: 40px auto;
}
#footer ul li{
    vertical-align: middle;
}
#footer .fb-like {
	padding-left: 20px;
}


/* Each
 * --------------------------------------------------------*/
/* 商品ページ ----------------- */
/* BxSlider v4.1.2 by: Steven Wanderski, 2014 */	
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	width: 960px;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/detail/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

/* PAGER */
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#bx-pager {
	padding-top: 5px;
	display: inline-table;
	text-align: center;
  	width: 100%;
}

#bx-pager a img {
	margin: 0;
	opacity: 1;
	cursor: pointer;
	padding-right: 5px;
	width: 156px;//firefox
	width: 150px;//firefox
}
#bx-pager a img.end {
	padding-right: 0;
}
#bx-pager a:hover img,
#bx-pager a.active img {
	opacity: 0.5;
}

/* itemArea */
#detail #itemArea {
	width: 960px;
	margin: 50px auto 25px auto;
}
#detail #itemArea .item{
	margin-bottom: 30px;
}
#detail #itemArea .mainTxt{
	font-size:16px;
	line-height: 32px;
	letter-spacing: 0.18em;
	padding: 30px 0 20px 0;
}
#detail #itemArea .quality {
	font-size: 14px;
	letter-spacing: normal;
}
#detail #itemArea .mainTtl,
#detail #itemArea .mainTxt,
#detail #itemArea .quality,
#detail #itemArea .btn_size{
	padding-left: 30px;
}
/* cartArea */
#detail #cartArea {
	/*width: 407px;*/
	background-color: #E3F3FC;
	text-align: center;
	padding: 15px 30px;
	margin: -78px 50px 0 0;
}
#detail #cartArea h4 {
	padding-bottom: 10px;
}
#detail #cartArea .cart {
	vertical-align: top;
	padding-bottom: 10px;
	padding-left:3px;
}
#detail #cartArea .cart_bag .cart {width: 200px;}
#detail #cartArea .cart_t .cart {
	width: 130px;
}
#detail #cartArea .cart.adjst {
	padding-left: 0;
}
#detail #cartArea .stock {
	font-size: 14px;
	color: #E53935;
	display: inline-block;
	padding-top: 5px;
}
#detail #cartArea .help {
	text-align: left;
}
#detail #cartArea .help a.adjst {
	display: inline-block;
	padding-left: 30px;
}

/* ベースの骨組み */
#detail .box{
	width: 700px;
	margin: 0 auto;
}
#detail .box h4{
	letter-spacing: 0.1em;
	margin: 50px 0;
	font-size: 24px;
}
#detail #itemArea .itemImg{
	margin-right: -35px;
}
/* infoArea */
#detail #infoArea {
	background-color: #FAFAFA;
	margin: 0 auto 0 auto;
}

/* omake */
#detail #omake{
	padding-bottom: 80px;
	padding-top: 50px;
}
#detail #omake h4{
	margin: -2px 0 30px 0;
}

/* att */
#detail #att {
	width: 100%;
	padding: 20px 0 50px 165px;
	font-size: 14px;
	line-height: 22px;
	color: #616161;
}
#detail #att .txt {
	padding-left: 18px;
	margin-bottom: 30px;
}
#detail #att .paleBule{
	color: #B2EBF2;
	margin-left: -18px;
}

#detail #att .txt.adjst {
	padding-left: 50px;
 }

/* other */
#detail #other {
	background-color: #bebeb4;
	text-align: center;
	padding: 30px 0;
}
#detail #other ul {
	padding-top: 10px;
}
#detail #other ul.tshirts{
	padding-top: 30px;
}
#detail #other li {
	vertical-align: bottom;
}

/* archive */
#archive{
    background-color: #ff7043;
}

#archive .content{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 30px 0;
}

#archive .content h4{
    width: 324px;
    height: 50px;
    margin: 0 auto 20px auto;
    display: block;
}

#archive .content ul{
    width: 814px;
    margin: 0 auto;
    font-size: 0;
}

#archive .content ul li{
    width: 162px;
    height: 216px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

/* btn_credit */
#btn_credit {
	background-color: #FFF8C7;
	text-align: center;
	height: 90px;
}
#btn_credit img {
	padding: 40px 40px 0 0;
}


/* [個別] ペンギンのキャンバスバッグ ------ */
/* feature */
#detail #feature {
	margin-bottom: 20px;
}
#detail #feature .f_box {
	display: inline-table;
	padding-bottom: 32px;
}
#detail #feature .f_box.adjst {
	padding-left: 30px;
}
#detail #feature .f_box h5 {
	font-size:18px;
	letter-spacing: 0.18em;
	font-weight: bold;
	padding: 16px 0 8px 0;
}
#detail #feature .f_box p {
	font-size:16px;
	line-height: 28px;
}

/* styleSnap */
#styleSnap {
	padding-bottom: 80px;
}
#styleSnap p.txtR{
	margin-top: 60px;
}
#styleSnap .style {
	padding: 20px 0;
}

/* putInBag */
#putInBag {
	padding-bottom: 5px;
}
#putInBag .p_box{
	margin: 20px 0 50px 0;
	position: relative;
}

#putInBag .p_txt {
	font-size:16px;
	line-height: 28px;
	display: inline-block;
}
#putInBag .p_txt h5 {
	font-size:18px;
	letter-spacing: 0.18em;
	font-weight: bold; 
	padding: 16px 0 8px 0;
}
#putInBag .p_txt .spec {
	font-size:12px;
	line-height: 16px;
	color: #666;
	display: inline-block;
	padding-top: 18px;
}
/*#putInBag .arrow {
	position: absolute;
	bottom: 160px;
	right: 140px
}*/
#putInBag .p_bag .bag {
	padding-top: 23px;
}

/* [個別] Ｔシャツ ------ */
#detail #diffSize {
	padding-bottom: 30px;
}
#detail #diffSize .diff_box {
	margin-bottom: 30px;
}

#detail #diffSize .diff_box .diff_txt {
	font-size:16px;
	line-height: 28px;
}
#detail #diffSize .diff_box .diff_txt h5 {
	font-size:18px;
	line-height: 22px;
	letter-spacing: 0.18em;
	font-weight: bold;
	padding-bottom: 10px;
}

#detail #diffSize .diff_box .diff_img {
	text-align: center;
}

/* sub? ----------------- */
.btnGoBack {
	padding: 30px 0;
}


/* 撮影にご協力いただいたみなさま ----------------- */
#credit .boxArea {
	background-color: #FFF9C4;
	padding: 70px 0 100px 0;
}
#credit .boxArea .boxWrap {
	width: 700px;
	margin: 0 auto;
}
#credit h3 {
	padding-bottom: 15px;
}
#credit .box {
	margin: 30px auto;
}
#credit .box .txt {
	font-size:14px;
	line-height: 22px;
	letter-spacing: 0px;
	padding-left: 20px;
}
#credit .box .txt h4 {
	font-size:18px;
	letter-spacing: 0.18em;
	padding-bottom: 12px;
}
#credit .box .txt .fitting {
	font-size:12px;
	line-height: 18px;
	margin-top: 10px;
	display: block;
}
#credit .box .txt .fitting span {
	display: block;
}
#credit .box a {
	text-decoration: underline;
	 color: #000000;
	 display: inline-block;
}

#credit .boxOther {
	border-top: 1px solid #000;
	margin-top: 40px;
	padding-top: 36px;
	font-size: 14px;
	line-height: 32px;
}
#credit .btn_wear{
	padding-top: 15px;
}

/* サイズについて ----------------- */
#size .sizeWrap{
	background-color: #f0f0f0;
	padding-bottom: 60px;
}
#size .sizeWrap.bag{
	padding-bottom: 0px;
}

#size .sizeWrap .inner {
	width: 840px;
	margin: 0 auto;
}
#size .box {
	width: 420px;
	margin: 60px 0 40px 0;
}
#size .txt h3{
	padding: 70px 0 30px 15px;
}
#size .txt p{
	padding: 0 0 0 15px;
	font-size:16px;
	line-height: 32px;
}


/* SMP
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	.wrapper{width: 100%;}
	/* [smp] header */
	#header {
		width: 100%;
	}
	#header .title{
	    width: 100%;
	    height: 70px;
	    padding: 6px 0 24px 0;
	}
	#header .title h1{
	    width: 100%;
	    height: auto;
	    text-align: left;
	}
	#header .title ul{
	    width: 90%;
	    height: 38px;
	    text-align: left;
	    left: 0;
	    padding-left: 4px;
	    padding-top: 4px;
	    float: left;
	}
	#header .title li{
	    width: 80%;
	    height: 16px;
	    text-align: left;
	    padding-bottom: 2px;
	    display: block;
	    float: left;
	}
	#header .title li:last-child{
	    width: 170px;
	    height: 16px;
	    padding-bottom: 0;
	    float: left;
	}
	#header .title .icon{
	    width: 70px;
	    text-align: left;
	    float: right;
	    margin-top: -36px;
	    margin-bottom: 10px;
	}
	
	/* [smp] slideArea */
	div#sliderArea{
		width: 100%;
		margin-bottom: 20px;
	}
	#bx-pageHolder {margin: 0 5px;}
	.bx-wrapper {width: 100%;float: left;
	}
	/* [smp] footer */
	#footer ul{
	    max-width: 290px;
	}
	#footer ul li:first-child{
	    padding-bottom: 10px;
	}
	#footer .fb-like {
		display: block;
		padding-top: 20px;
		padding-left: 0px;
	}

	/* [smp] 商品ページ ---------- */
	/* itemArea */
	#detail #itemArea {
		width: 100%;
		margin: 50px auto;
		text-align: center;
	}
	#detail .box{
		width: 95%;
	}
	#detail .box h4{
		margin: 40px 0px;
	}
	#detail #itemArea .mainTtl,
	#detail #itemArea .mainTxt,
	#detail #itemArea .quality,
	#detail #itemArea .btn_size{
		padding-left: 0px;
	}
	#detail #itemArea .mainTtl,
	#detail #itemArea .mainTxt,
	#detail #itemArea .quality {
		margin-left: 10px;
		float: left;
	}
	#detail #itemArea .mainTxt {
		text-align: left;
		margin-left: 10px;
	}
	#detail #itemArea .itemImg{
		margin: 20px 0;
	}
	
	#detail #itemArea .quality {
		text-align: left;
		display: inherit;
	}
	
	/* slider */
	#bx-pager a img {width: 15%;}

	/* cartArea */
	#detail #cartArea {
		margin-top: 50px;
		margin: 50px auto auto auto;
		padding: 20px 0px;
		width: 100%;
	}
	#detail #cartArea h4 {
		padding-bottom: 15px;
	}
	#detail #cartArea .cart {
		padding-bottom: 15px;
	}
	#detail #cartArea .stock {
		padding-top: 0;
	}
	#detail #cartArea .help {
		text-align: center;
		padding-top: 10px;
	}
	#detail #cartArea .help a.adjst {
		padding-left: 20px;
	}
	
	/* omake */
	#detail #omake{
		padding-bottom: 30px;
	}
	#omake .fr {
		text-align: center;
		padding: 30px 0 50px 0;
	}
	/* att */
	#detail #att .txt.adjst {
		 padding-left: 18px;
	 }
	 #detail #att {
	 	width: 95%;
		 padding: 20px 0 50px 0; 
	}
		 
	/* other */
	#detail #other li {padding-left: 0;}
	
	/* archive */
	#archive .content{
	    width: 100%;
	    padding: 20px 0 30px 0;
	}
	
	#archive .content h4{
	    width: 300px;
	    margin: 0 auto 20px auto;
	    display: block;
	}
	
	#archive .content ul{
	    width: 320px;
	    margin: 0 auto;
	    font-size: 0;
	    text-align: center;
	}
	
	#archive .content ul li{
	    width: 158px;
	    display: inline-block;
	    vertical-align: top;
	    padding-bottom: 10px;
	    text-align: center;
	}
	
	
	/* btn_credit */
	#btn_credit {
		padding: 35px 0 25px 0;
	}
	#btn_credit img {
		width: 96%;
		padding: 40px 0 0 2px;
	}
	
	/* [smp] ペンギンのキャンバスバッグ ------ */
	/* feature */
	#detail #feature {
		text-align: center;
	}
	#detail #feature .f_box.adjst {
		 padding-left: 0px; 
	}
	#detail #feature .f_box h5 {
		text-align: left;
	}
	#detail #feature .f_box p {
		text-align: left;
	}
	
	#detail #putInBag .bagImg {
		text-align: center;
		width: 50%;
		margin: 0 auto;
	}
	#detail #styleSnap p.txtR{
		margin-top: 5px;
	}
	#detail #styleSnap .style {
		padding: 20px 0 40px 0;
	}
	#putInBag .p_bag .bag {
		padding-bottom: 10px;
	}
	/* [smp] Ｔシャツ ------ */
	#detail #cartArea .cart_t .cart {
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	#detail #diffSize .diff_box .diff_img {
		text-align: center;
		padding-top: 20px;
	}
	
	/* [smp] 撮影にご協力いただいたみなさま ---------- */
	#credit .boxArea {
		padding: 30px 0 50px 0;
	}
	#credit .boxArea .boxWrap {
		width: 100%;
	}
	#credit h3 {
		width: 90%;
  		margin: 0 auto;
		padding-bottom: 15px;
	}
	#credit .box {
		width: 300px;
	}
	#credit .box .photo {
		width: 100%;
	}
	#credit .box .txt {
		 padding-left: 0; 
	}
	#credit .box .txt h4 {
		padding-top: 15px;
	}
	#credit .boxOther p{
		margin: 0 auto;
		width: 300px;
	}
	/* [smp] Tシャツのサイズについて ----------------- */
	#size .sizeWrap .inner {
		width: 100%;
	}
	#size .box {
		width: 100%;
		margin: 60px 0 20px 0;
	}
	#size .txt h3{
		padding: 0 0 30px 30px;
	}
	#size .txt p{
		padding: 0 0 0 30px;
		font-size:14px;
		line-height: 32px;
	}
	
	h3,h4 {
		letter-spacing: 0;
	}
	
	
}//smp479