@charset "utf-8";
/* CSS Document */

/*=====================================================*/
/*１つの商品へ遷移*/

.comment10_pair-item{
    margin-top:0px;
    font-size: 1em;
    margin-bottom: 1.7em;
}
.comment10_pair-item ul{
    display: flex;
}
.comment10_pair-item ul li:first-child{
    background-color: #dfae0b;
    color: #FFFFFF;
    width: 200px;
    display: grid;
    text-align: center;
    align-items: center;
    line-height: 1.5;
    padding: 0 10px;
}
.comment10_pair-item ul li:last-child{
    background-color: #F6F6F6;
    width: 100%; 
    line-height: 1;
    padding: 10px 15px;
    font-size: .9em;
}
.comment10_pair-item a{
    display: flex;
    padding:0;
    align-items: center;
    text-decoration: underline;
}

@media screen and (max-width: 767px){
.comment10_pair-item ul li:first-child{
    font-weight: 600; 
    width: 60%;  
}
.comment10_pair-item ul li:last-child{
    background-color: #FFF;
    border: 1px solid #dfae0b;
    font-size: 1em;
}
}

/*=====================================================*/
/*１つの商品へ遷移　[調整]ブラ＆ショーツ*/

.comment10_pair-item ul.adjust li:first-child{
    width: 330px;
}

@media screen and (max-width: 767px){
.comment10_pair-item ul.adjust li:first-child{
    width: 100%;  
}
.comment10_pair-item ul.adjust li:last-child{
    font-size: .9em;
    padding: 0.9em 0.9em;
}
}

/*=====================================================*/
/*１つの商品へ遷移　[調整]メンズレッグ*/

.comment10_pair-item ul.mens_leg li:first-child{
    width: 330px;
}

@media screen and (max-width: 767px){
.comment10_pair-item ul.mens_leg li:first-child{
    width: 80%;  
}
.comment10_pair-item ul.mens_leg li:last-child{
    font-size: .9em;
    padding: 0.9em 0.9em;
}
}

/*=====================================================*/
/*見出し2行 １つの商品へ遷移 [調整]全業種*/

.comment10_pair-item ul.header2-link1 li:last-child{
	padding: 20px;
}

@media screen and (max-width: 767px){
.comment10_pair-item ul.header2-link1 li:last-child{
    font-size: .9em;
    padding: 1.7em 1em 1.7em 1em;
}
}

/*=====================================================*/
/*複数の商品へ遷移*/

.comment10_pair-item ul.separate li:first-child{
    width: 190px;
}

@media screen and (max-width: 767px){
.comment10_pair-item ul.separate li:first-child{
    width: 50%;
}
.comment10_pair-item ul.separate li:last-child{
    font-size: .9em;
}
}

/*=====================================================*/
/*類似アイテムへ遷移*/

.comment10_similar-item{
    margin-top:0px;
   /* font-size: 1em;*/
    margin-bottom: 1.7em;
    background-color: #F6F6F6;
    width: 100%; 
    line-height: 1;
    padding: 10px 15px;
    font-size: .9em;
}
.comment10_similar-item a{
    display: flex;
    padding:0;
    align-items: center;
    text-decoration: underline;
}
.comment10_similar-item_single a{
    display: inline-block;
}



/*=====================================================*/
/*幅調整(PC用)*/

.w200px {
	width: 200px !important;
}

.w250px {
	width: 250px !important;
}

.w300px {
	width: 300px !important;
}

.w350px {
	width: 350px !important;
}

.w400px {
	width: 400px !important;
}

.w450px {
	width: 450px !important;
}

.w500px {
	width: 500px !important;
}

/*=====================================================*/
/*幅調整(SP用)*/

@media screen and (max-width: 767px){
.sp-w30 {
	width: 30% !important;
}

.sp-w35 {
	width: 35% !important;
}

.sp-w40 {
	width: 40% !important;
}

.sp-w50 {
	width: 50% !important;
}

.sp-w60 {
	width: 60% !important;
}

.sp-w70 {
	width: 70% !important;
}
}
