@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%;

}

/* 20240723

.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 50px; max-width: inherit !important;}

    .piccOut{ padding: 1em 0; }

}



@media screen and (min-width: 769px) and (max-width: 1000px){

	.pphoto01 { margin: -120px 0 0 30px; }

}





.nor{

    margin-top: 30px;

}

p.nor_sub{

font-size: 18px !important;

margin: 0 auto;

padding: 15px 0 50px;

}



.kodawari {

    display: table;

    width: 100%;

    margin: 3em 0 0 0;

    padding: 0 0 6em;

}

.kodawari:nth-of-type(even){

    border-top: 1px #ccc solid;

    border-bottom: 1px #ccc solid;

}

.kodawari:first-of-type{

    margin: 0;

}

.kodawari:nth-child(n+2){

    padding: 6em 0;

    margin: 0 !important;

}

.kodawari .half {

    display: table-cell;

    margin: 0 !important;

    padding: 0 !important;

    vertical-align: middle;

    text-align: left;

}

.kodawari div.half:first-child{

    width: auto;

    text-align: right;

    padding: 0 0 0 10px !important;

}

.kodawari div.half:last-child{

    width: 60%;

    padding-left: 5% !important;

}

.kodawari .half img {

    max-width: 100%;

    margin: 0 ;

    padding: 0;

}

.kodawari .half .stHE{

    font-size: 24px;

    border: none !important;

    margin: 0;

    padding:0 0 0.2em;

}

.kodawari .half .stHF{

    font-size: 24px;

    border: none !important;

    margin: 0;

    padding:0 0 0.2em;

}

.kodawari .stHF:before{

    background: #ccc;

}

.kodawari .half .nor {

    margin: 0;

    padding: 0.5em 0 0 0;

    font-size: 17px;

    line-height: 1.8em !important;

}



@media screen and (max-width: 768px) {

.kodawari {

	display: block !important;

	width: 100%;

	margin: 3em 0 0 0;

	padding: 0;

}

.kodawari .half {

	display: block !important;

	width: 96% !important;

    margin: 0 auto;

    text-align: center;

}

 .kodawari div.half:first-child, 

 .kodawari div.half:last-child{

    display: block !important;

    }

.kodawari .half img {

	max-width: 100%;

	margin-bottom: 20px;

}

.kodawari .half .nor {

	padding: 1.3em 0 0 0;

	margin: 0;

}



.nor {

    margin: 0 auto;

    padding: 1.0em 0;

    text-align: left;

    }

.nor_sub{

    font-size: 16px !important;

    line-height: 1.6em !important;

}

}



img.sp{

   width: 100%; 

}





/* カラバリ・表示微調整　*/

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

}



/*------------------------------------------------------------

　 picture対応　/ main,detail,material

------------------------------------------------------------*/

#cottonlinen .itemsMain img,

#cottonlinen .photolist li img,

#cottonlinen .matl_img img{

    width: 100% !important;

    height: auto !important;

}

@media screen and (min-width:768px){

#cottonlinen .itemsMain img,

#cottonlinen .photolist li img,

#cottonlinen .matl_img img{

    max-width: 100%;

}

}