@charset "UTF-8";

*{color:#323232;}

#contents h1.tit {
	line-height: 1.1em;
    margin: 20px 0 15px;
}

#contents h1.tit > span {
	font-size:18px;
	font-weight: 500;
    letter-spacing: -0.05em;
}

#contents a:hover{opacity: 0.6;}

/* セットのスペック */
#contents ul.issh_set > li {
    width: calc(100% / 2 - 84px);
    margin: 20px 0 0 0;
}

#contents ul.issh_set > li > p.name{
    font-size:18px;
    font-weight: 600;
    margin:-5px 0 15px;
}

#contents ul.issh_set > li > p.spec{
    font-size:14px;
    text-align: justify;
    box-sizing: border-box;
    padding:0 10px;
}

/* ラインナップ セット*/
#contents .issh_lineup {
    width: 100%;
    margin:80px 0 100px;
    padding: 0;
    box-sizing: border-box;
}

#contents .set_item {background: url("https://image.rakuten.co.jp/garandou/cabinet/issh/taiyo-2.jpg") no-repeat 0;}

#contents .issh_lineup > li{
    width: calc(100% - 90px);
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin: 20px 0 0 80px;
    box-sizing: border-box;
}

#contents .set_item > li > img{
    width: auto;
    max-width: 195px;
    margin:0;
}

#contents .set_item > li dl{
    margin:0 25px;
    width:100%;
}

#contents .set_item > li dt{
    font-size: 19px;
    font-weight: 600;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    margin:35px 0 10px;
}

#contents .issh_lineup > li dd{
    font-size: 13px;
    line-height: normal;
}

/* ラインナップ 単品*/
#contents .single_item {background: url("https://image.rakuten.co.jp/garandou/cabinet/issh/taiyo.jpg") no-repeat 0 85%;}

#contents .single_item > li dl{
    margin:0 0;
    width:100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#contents .single_item > li dt{
    width:100%;
    font-size: 19px;
    font-weight: 600;
    font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    margin:18px 0 8px 15px;
}

#contents .single_item > li dd{
    width:50%;
    line-height: normal;
}

#contents .single_item > li dd:nth-of-type(2){
    padding-left:15px;
    box-sizing: border-box;
}

#contents .single_item > li dd > img{
    width:auto;
    margin:-8px 0 0 5px;
}


/* MakeShopスマホ用*/
@media screen and (max-width: 480px) {

#contents ul.issh_set > li {
    width: calc(100% / 2 - 5px);
    margin: 0;
}
    
#contents ul.issh_set > li > p.name{
    font-size:16px;
    margin:-10px 0 12px;
}

#contents ul.issh_set > li > p.spec{
    font-size:12px;
}
    
#contents h1.tit > span {
	font-size:14px;
}


/* ラインナップ セット*/
#contents .set_item {background: url("https://image.rakuten.co.jp/garandou/cabinet/issh/taiyo-2.jpg") no-repeat -5px center / contain;}

#contents .issh_lineup {
    margin:40px 0 50px;
}

#contents .issh_lineup > li{
    width: calc(100% - 35px);
    margin: 10px 0 0 35px;
}

#contents .set_item > li > img{
    width: 100%;
    max-width: 80px;
    height: auto;
    object-fit: contain;
}

#contents .set_item > li dl{
    margin:0 3px;
}

#contents .set_item > li dt{
    font-size: 15px;
    margin:10px 0 5px;
}

#contents .issh_lineup > li dd{
    font-size: 12px;
    line-height: normal;
}


/* ラインナップ 単品*/
#contents .single_item > li{
    width: 100%;
    margin: 0;
}
    
#contents .single_item {background: url("https://image.rakuten.co.jp/garandou/cabinet/issh/taiyo.jpg") no-repeat -10px center / auto;}

#contents .single_item > li dl{
    margin:0 0 0 70px;
    width:100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#contents .single_item > li dt{
    width:100%;
    font-size: 16px;
    margin:20px 0 0 10px;
}

#contents .single_item > li dd{
    width:100%;
}

#contents .single_item > li dd:nth-of-type(2){
    padding:0 10px 0 10px;
}

#contents .single_item > li dd > img{
    width:70%;
    height:auto;
    margin:0;
}

}