@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 5% 5% 0;
}
	.kodawariP .half img {
		max-width: 335px;
		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; }
    .piccOut{ padding: 1em 0; }
}

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


/*------------------------------------------------------------
　 items / material matl
------------------------------------------------------------*/
#itempage .itemsmatl {
}
#itempage .itemsmatl .matl_img > img{
    width: 100%;
}
#itempage .itemsmatl > .item_titles{
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
#itempage .itemsmatl > .item_titles h3.tl_main{
    display: inline-block;
    padding: 10px 7%;
    margin: 15px auto;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.2em;
    border-bottom: 1px #333 solid;
}
#itempage .itemsmatl > .item_titles .tl_txt{
    padding: 0 1%;
    margin: 0;
    font-size: 18px;
}
#itempage .matl_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#itempage .matl_desc{
    display: flex;
    width: 88%;
    margin: 20px auto 30px;
}
#itempage .itemsmatl .desc_half > .desc_tl{
    margin: 5% 0;
/*    color: #34466d;*/
    color: #473933;
    font-size: 20px;
    line-height: 1.4em;
    text-align: center;
}
#itempage .itemsmatl .desc_half > .desc_txt{
    font-size: 14px;
    line-height: 1.8em;
}
#itempage .itemsmatl .desc_half > .desc_txt p{
    margin: 20px 0;
}

#itempage .matl_desc.matlwrap1 .desc_half > .desc_img{
    width: 100%;
    margin: 0 auto 30px;
    text-align: center;
}
#itempage .matl_desc.matlwrap2 .desc_half > .desc_img{
    width: 80%;
    margin: 0 auto;
}
#itempage .matl_desc .att_txt{
    color: #666666;
    font-size: 12px;
    font-family:thic, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
    line-height: 1.5em;
    padding-left: 10px;
}
#itempage .matl_desc .att_txt::before{
    content: "＊";
    margin-left: -12px;
}
/* 1と2・共通 */
#itempage .matl_desc.matlwrap1,
#itempage .matl_desc.matlwrap2{
    flex-direction: column;
}
/* ニットで楽々・さらりと夏の強撚天竺 */
#itempage .matl_desc.matlwrap1 .desc_half:first-child{
    order: 2;
}
#itempage .matl_desc.matlwrap1 .desc_half:last-child{
    order: 1;
}
/* 片染めで、ぐっとグッとテイストに */
#itempage .matl_desc.matlwrap2{
}
#itempage .matl_desc.matlwrap2 .desc_half:first-child{
    order: 2;
    flex-basis: auto;
}
#itempage .matl_desc.matlwrap2 .desc_half:last-child{
    order: 1;
    text-align: center;
}



@media screen and (min-width:768px){
#itempage .itemsmatl .matl_img > img{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#itempage .itemsmatl > .item_titles{
    margin: 50px 0;
}
#itempage .itemsmatl > .item_titles h3.tl_main{
    padding: 10px 4%;
    margin: 20px auto 10px;
    font-size: 26px;
}
#itempage .itemsmatl > .item_titles .tl_txt{
    font-size: 20px;
}
#itempage .matl_desc.matlwrap1,
#itempage .matl_desc.matlwrap2{
    width: 88%;
    margin: 0 auto;
}
#itempage .matl_desc.matlwrap1{
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin: 50px auto;
}
#itempage .matl_desc.matlwrap1 .desc_half > .desc_img{
    margin: inherit;
}
#itempage .matl_desc.matlwrap1 .desc_half > .desc_img,
#itempage .matl_desc.matlwrap2 .desc_half > .desc_img{
    width: auto;
}
#itempage .matl_desc.matlwrap1 .desc_half:first-child{
    order: 1;
    flex-basis: auto;
}
#itempage .matl_desc.matlwrap1 .desc_half:last-child{
    order: 2;
    flex-basis: 320px;
}
#itempage .itemsmatl .desc_half > .desc_tl{
    margin: 0;
    color: ;
    font-size: 24px;
    text-align: left;
}
#itempage .itemsmatl .desc_half > .desc_txt{
    font-size: 16px;
    line-height: 1.8em;
}
#itempage .itemsmatl .desc_half > .desc_txt p{
    margin: 20px 0 30px;
}
#itempage .matl_desc.matlwrap2 .desc_half:first-child{
    order: 1;
}
#itempage .matl_desc.matlwrap2 .desc_half:last-child{
    order: 2;
}
#itempage .matl_desc.matlwrap2 .desc_half:last-child img{
    margin: 0 auto;
}
}

/*------------------------------------------------------------
　 items / kodawari kdwr
------------------------------------------------------------*/

#itempage .itemskdwr{
    text-align: center;
}
#itempage .item_linetitles{
    width: 90%;
    padding: 20px 1%;
    margin: 20px auto 40px;
    font-size: 20px;
    text-align: center;
    border-top: 1px #333333 solid;
    border-bottom: 1px #333333 solid;
}

#itempage .kdwr_struc{
    width: 90%;
    margin: 0 auto 50px;
}
#itempage .struc_txt{
    font-size: 14px;
    line-height: 2em;
    text-align: left;
}
#itempage .struc_img{
    max-width: 100%;
    margin: 20px auto;
}

#itempage .kdwr_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#itempage .kdwr_desc{
    display: flex;
    flex-direction: column;
}
#itempage .kdwr_desc .desc_tl{
    width: 80%;
    font-size: 20px;
    padding: 0 0 20px;
    margin: 40px auto 15px;
    color: #473933;
    line-height: 1.4em;
    border-bottom: 1px #999999 solid;
}
#itempage .kdwr_desc .desc_txt{
    font-size: 14px;
    text-align: left;
    padding: 0 10%;
    margin: 20px 0 50px;
}
#itempage .kdwr_desc .desc_img{
    padding: 0 5%;
}


@media screen and (min-width:768px){
#itempage .itemskdwr{
    text-align: left;
}
#itempage .item_linetitles{
	display: flex;
	justify-content: center;
	align-items: center;
    width: 100%;
    margin: 0;
	font-size: 26px;
	text-align: center;
    border: none;
}
#itempage .item_linetitles::before,
#itempage .item_linetitles::after {
	content: '';
	width: 24%;
	height: 1px;
	background-color: #999;
}
#itempage .item_linetitles::before {
	margin-right: 20px;
}
#itempage .item_linetitles::after {
	margin-left: 20px;
}
#itempage .kdwr_struc{
    width: 90%;
    margin: 0 auto 50px;
}
#itempage .struc_txt{
    width: 82%;
    margin: 30px auto;
    font-size: 17px;
    line-height: 2em;
    letter-spacing: 0.1em;
}
#itempage .struc_img{
    max-width: 100%;
    margin: 50px auto;
}
#itempage .kdwr_wrapper{
    width: 82%;
    margin: 10px auto;
}
#itempage .kdwr_desc{
    flex-direction: row;
    justify-content: center;
    padding: 60px 0 60px 40px;
    border-bottom: 1px #999 solid;
}
#itempage .kdwr_desc .desc_half:first-child{
/*    flex-basis: 230px;*/
    margin: 0;
}
#itempage .kdwr_desc .desc_half.txtwrap{
    margin: 0 0 0 50px;
}
#itempage .kdwr_desc .desc_tl{
    width: auto;
    font-size: 22px;
    padding: 0;
    margin: 40px 0 15px;
    border: none;
}
#itempage .kdwr_desc .desc_txt{
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 2em;
}
#itempage .kdwr_desc .desc_img{
    padding: 0;
}
}


#itempage .pc_only{
    display: none;  
}
@media screen and (min-width:768px){
#itempage .sp_only{
    display: none;
}
#itempage .pc_only{
    display: inherit;
}
}

/* yahoo ---*/
@media only screen and (min-width:768px) and (max-width:895px) {
#itempage .item_linetitles{
	font-size: 22px;
}
#itempage .struc_txt{
    font-size: 15px;
}
#itempage .kdwr_wrapper{
    width: 90%;
    margin: 10px auto;
}
}