@charset "utf-8";
/* CSS Document */

/******************************************
　商品詳細ページ
******************************************/
.itemsMain {
	padding-bottom: 50px !important;
}
.itemspage {
	padding-bottom: 30px !important;
	text-align: center;
}
.pphoto01 { float: none; margin: 0 0 15px 0;max-width: 250px; }
.sizeGuide { padding: 2em 0 1.2em 0; display: inline-block;}
.sizeGuide img { width: 80%; height: auto; margin-top: 20px;} 
@media screen and (min-width: 769px) {
.sizeGuide img { max-width: 100% !important; width: 100%; margin-top: 30px;} 
}


@media screen and (min-width: 769px) {
	.itemsMain {
	padding-bottom: 50px !important;
}
	.itemspage {
	text-align: left;
}
	.pphoto01 { float: right; margin: -140px 0 0 2em; max-width: inherit; }
}

.kodawariP {
	display: block;
	width: 100%;
	margin: 4em 0 0 0;
	padding: 0 0 4em 0;
	/*border-bottom: 1px solid #999;*/
}
.kodawariP .half {
	display: block;
	width: 100%;
}
.kodawariP .half:first-child {
	width: 80%;
	padding: 0 10% 5% 10%;
}
.kodawariP .half img {
	max-width: 100%;
	margin-bottom: 20px;
}


@media screen and (min-width: 768px) {
	.kodawariP {
		display: table;
		width: 100%;
		margin: 4em 0 0 0;
		padding: 0 0 4em 0;
		/*border-bottom: 1px solid #999;*/
	}
	.kodawariP .half {
		display: table-cell;
		vertical-align: middle;
		width: 45%;
		padding: 0 0 5% 5%;
	}
	.kodawariP .half:first-child {
	width: 45%;
/*	padding: 0 5% 5% 0;*/
}
	.kodawariP .half img {
		max-width: 400px;
		margin-bottom: 0;
	}
}


/******************************************
　商品ディティール切り替え
******************************************/
.galleryBox #photo img {max-width: 100%;}
.galleryBox #photo .piccOut { display: block; width: 100%;text-align: center; height:3em; margin: 5px 0 0 0; }
.galleryBox #photo .piccOut .picc { text-align: center; font-size:10px;  }
.galleryBox #navi { margin-top: 10px; border-top: 1px solid #9fa0a0; padding: 15px 0 0 0;line-height: 0 ;}
.galleryBox #navi ul {margin: 0; padding: 0 ; line-height: 0 ;}
.galleryBox #navi ul li {list-style: none; display: block; width: 23%; float: left; padding: 0 2% 2% 0;margin: 0; line-height: 0 ;}
.galleryBox #navi ul li:first-child { display: none;}
.galleryBox #navi ul li:nth-child(4n + 1) { padding: 0 0 2% 0;}
.galleryBox #navi ul li a { margin: 0; padding: 0 ; line-height: 0 ;}
.galleryBox #navi ul li a img { max-width: 100%; margin: 0; padding: 0 ; line-height: 0 ; }
@media screen and (min-width: 768px) {
	.galleryBox #photo .piccOut .picc { font-size:13px; }
}
.inline_profile { width:1000px; text-align: center; max-width:100%; background:#fefefe; padding:0; overflow: auto; margin: 0; }


/******************************************
　素材
******************************************/
.characteristic {
	display: block;
	border-bottom: 1px solid #999999;
	padding: 3rem 7%;
}
.characteristic:first-child {
border-top: 1px solid #999999;
}
.characteristic .imgIcon {
	display:block;
	text-align: center;
	width: 100%;
}
.characteristic .txtIcon {
	display:block;
	width: 100%;
	padding: 6% 0;
}
.characteristic .txtIcon h3 {
	font-size: 20px;
	margin: 15px 0 -20px 0;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 768px) {
.characteristic {
	display: table;
}
.characteristic .imgIcon {
	display:table-cell;
vertical-align: middle;
	width: 20%;
}
.characteristic .txtIcon {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 6%;
}
	.characteristic .txtIcon h3 {
	margin: 0 0 -26px 0;
	text-align: left;
}
}

.cate {
	position: relative;
	margin: 40px auto 50px auto !important;
}
.cate img {
	position: relative;
	margin: 50px auto 0 auto;
	width: 65%;
	z-index: 10;
}
.cate p {
	padding: 7px 20px 10px 20px !important;
}

@media screen and (min-width: 768px) {
.cate img {
	position: absolute;
	top: -40px;
	left: -10px;
	width: 250px;
}
.cate p {
	padding: 7px 0 10px  270px !important;
	text-align: left;
}	
}


/* izumm *** hana adjustment */
@media screen and (min-width: 768px) {
    .galleryBox #photo img {width: 100%;}
	.pphoto01 { margin: -140px 0 0 1.5em; max-width: 200px;}
    .galleryBox #photo .piccOut{ height: 3.8em; padding: 0.5em 0; }
}



/*image*/
.max100{
    width: 100%;
}
/*details*/
.galleryBox #photo img {width: 100%;}　


@media screen and (min-width: 768px) {
    .stH1P{ font-size: 20px !important;}
}

/* カラバリ・表示微調整　*/
.colorsbox .box33:nth-of-type(even) {
	padding: 1em 0;
}
@media screen and (min-width: 414px) {
.colorsbox .box33:nth-of-type(even) {
	padding-top: 0;
}

@media screen and (min-width: 768px) {
.colorsbox .box33:nth-of-type(even) {
	padding: 0 2% 0 0;
}
}
.colorsbox .box33:last-child img{
    margin: 1em 0;
}

ul.cautionList{
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
}