@charset "UTF-8";

#contents #top{margin-bottom:80px;}

/* 全体のテキスト */
#contents p{
    line-height: 1.5em;
}	

/* 注釈の文字黒くする*/
#contents h1:nth-of-type(4) + figure > figcaption {
    color: #333333;
    text-shadow: initial;
}
/* スペック */
#contents .set_content{
	width:100%;
	display: flex;
	flex-flow: row nowrap;
	margin:40px 0 50px 0; /* 上下左右余白 */
	padding:0;
}

#contents .set_img{
	line-height: 0em;
	width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contents .set_img > img {
    margin-top:20px;
}
	
#contents .set_spec{
    margin-right:80px;
}

#contents table{
	width:325px;
	border-collapse:collapse;
    margin-top:40px; /* テキスト表上余白 */
}

#contents caption{
	font-weight: 700;
	font-size:14px;
	margin-bottom:10px;
}


#contents td{
    border-bottom:solid 1px #CCCCCC;
    border-top:solid 1px #CCCCCC;
	padding:9px 0;
	font-size:13px;
    line-height: 1.5em;
}

#contents td:first-of-type{
    width:70px;
}

#contents td[colspan="2"]{
    border-bottom:0px;
}

#contents .sakedogu td:first-of-type{
    width:90px;
}

/* ラインナップ */
#contents h2{
	font-size:16px;
	margin: 20px 0 10px 0;
    color: #333333;
}

#contents h2:first-of-type{
	margin-top:80px;
}

#contents ul.lineup{
	margin:0;
}

#contents ul.syuki > li{
    width: calc(100% / 3);
    height: auto;
    text-align: center;
    margin-bottom:20px;
}


#contents ul.syuki > li > p{
    width: calc(100% - 30px);
    font-size:13.5px;
    line-height: 1.5em;
    text-align: justify;
    box-sizing: border-box;
    margin:0 auto;
}

#contents ul.syuki > li > img{
    width:235px;
    height:auto;
}

#contents .column5 > li{
    width: calc(100% / 5 - 8px);
    margin-bottom: 30px;
}

#contents .column4 > li{
    width: calc(100% / 4 - 8px);
    margin-bottom: 30px;
}


#contents p.center{
    text-align: center;
}


#contents .maker{
    margin:110px 0 80px;
}

/*--------------------------------------
  スマホ用 480px以下
--------------------------------------*/

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

#contents .set_content{
	flex-flow: row wrap;
	margin:0 0 50px 0; /* 上下左右余白 */
    }

#contents .set_img > img {
    margin-top: 0;
    width:auto!important;}

#contents .set_spec {
    margin-right: 0;
    width: 100%;
    }
#contents table {
    width: 90%;
    margin: 0 auto;
    }

#contents h2 {
    font-size: 15px;
    }

#contents ul.syuki > li > p {
    width: calc(100% - 12px);
    font-size: 11.5px;
    line-height: 1.2em;
    }

#contents .maker {
    margin: -20px 0 50px;
    }

}