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

/******************************************
　商品詳細ページ
******************************************/
.itemsMain {
/*	padding-top: 30px !important;*/
	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-top: 50px !important;*/
	padding-bottom: 50px !important;
}
	.itemspage {
	text-align: left;
}
	.pphoto01 { float: right; margin: -140px 0 0 120px; max-width: 190px; }
}

.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 2% 2% 0;
}
	.kodawariP .half img {
/*		max-width: 335px;  無効 190829 */
		margin-bottom: 0;
	}
}

/******************************************
　商品ディティール切り替え
******************************************/
.galleryBox #photo img {max-width: 100%;}
.galleryBox #photo .piccOut { display: block; width: 100%;text-align: center; height:2em; 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; }




/* hana adjustment */
@media screen and (min-width: 769px) {
    .galleryBox #photo img {width: 100%;}
	.pphoto01 { margin: -140px 0 0 80px; max-width: inherit !important;}
    .piccOut{ padding: 1em 0; }
}

@media screen and (min-width: 769px) and (max-width: 1000px){
	.pphoto01 { margin: -120px 0 0 30px; }
}


.kodawari {
	display: block;
	width: 100%;
	margin: 3em 0 0 0;
	padding: 0;
}

.kodawari .half {
	display: block;
	width: 96%;
    margin: 0 auto;
    text-align: center;
}
.kodawari .half img {
	max-width: 100%;
	margin-bottom: 20px;
}
.kodawari .half .stHE{
        font-size: 20px;
/*    border-bottom: 1px #dfdfdf solid;*/
    padding:0 0 0.7em;
    }
.kodawari .half .nor {
	padding: 1.3em 0 0 0;
	margin: 0;
}
.kodawari div.half:last-child{
        padding: 0 0 5em;
}

@media screen and (min-width: 768px) {
	.kodawari {
		display: table;
		width: 100%;
        margin: 3em 0 0 0;
        padding: 0 0 6em;
	}
	.kodawari:nth-child(even){
	    border-top: 1px #ccc solid;
        border-bottom: 1px #dfdfdf solid;
	}
    .kodawari:nth-child(n+2){
        padding: 6em 0;
        margin: 0 !important;
    }
	.kodawari .half {
		display: table-cell;
        width: auto;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle;
        text-align: left;
	}

    .kodawari div.half:first-child{
        padding: 0 4em 0 0 !important;
    }
	.kodawari .half img {
		max-width: 100%;
		margin: 0;
	}
    .kodawari .half .stHE{
        font-size: 24px;
        border: none !important;
        margin: 0;
    }
    .kodawari .half .nor {
		margin: 0;
        padding: 1.3em 0 0 0;
        font-size: 16px;
	}
}

.washpoint {
    display: block;
	width: 100%;
	margin: 3em 0 0 0;
    text-align: center;
    font-family: 'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
    color: #333333;
}
.washpoint .wrapper {


}
.washpoint .washimg {
    display: block;
    text-align: center;

}
.washpoint .washimg img {
}

.washpoint .sttwash {
    width: 90%;
    margin: 0 auto;
    padding: 1em 0;
    font-size: 18px;
    font-weight: normal;
}
.washpoint .sttwash span{
    padding: 1em;
}
.washpoint ul {
    width: 100%;
    margin: 0 auto;
    padding-left: 0.5em;
    text-align: left;
    list-style: disc;
}
.washpoint li {
    margin: 0.5em 0;
    font-size: 14px;
    line-height: 1.6;
}

@media screen and (min-width: 768px) {
.washpoint {
    display: block;
	width: 90%;
	margin: 3em auto 0;
	padding: 3em;
    border: 1px #dfdfdf solid;
    border-radius: 10px;
}
.washpoint .wrapper {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;

}
.washpoint .washimg {
    position: absolute;
    right: 0.7em;
    bottom: 0;
    z-index: 1;
}
.washpoint .washimg img {
}

.washpoint .sttwash {
    position: absolute;
    width: 100%;
    margin: -50px auto 0;
    padding: 0;
    text-align: center;
     font-size: 20px;
    font-weight: normal;
}
.washpoint .sttwash span{
    padding: 1em;
    background: #ffffff;
}
.washpoint ul {
    position: relative;
    margin: 0;
    padding: 2em 0 5em 4em;
    z-index: 5;
}
.washpoint li {
    margin: 0;
    font-size: 16px;
    line-height: 2.2;
}

}


/* カラバリ・表示微調整　*/
.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;
}