@charset "UTF-8";
/* 必須指定 */
#contWrap {
	margin: 0 auto;
	max-width: 1200px;
    min-width: 1020px;
}
@media screen and (max-width: 750px)  {
	#contWrap {
		width: 100%;
        max-width: 100%;
        min-width: 100%;
	}
}
/*---*/
#contWrap > h2 {
   margin:0px;
}
#contWrap >h2 img{
    width:100%;
}
.gray{
    background-color: #E5E5E5;
    padding: 10px 0;
}
.black{
    background-color: #231815;
    padding: 10px 0px;
    margin: 20px auto;
    width:95%; 
}
@media screen and (max-width: 750px) {
    .black{
        margin: 10px auto;
    }
}
.black h2{
    display: block;
    font-size: 28px;
    color:#fff;
    font-weight:600;
    margin-bottom: 10px;
}
@media screen and (max-width: 750px)  {
    .black h2{
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.black h2 span{
    margin-left: 30px;
    margin-bottom: 10px;
}
@media screen and (max-width: 750px)  {
    .black h2 span{
        display: block;
        margin-left: 10px;
        margin-right: 10px;
    }
}
.black > div{
    padding: 0px 30px;
}
@media screen and (max-width: 750px) {
    .black > div{
        padding: 0px 10px;
    }
}
.black h3{
    font-size: 24px;
    color:#F1F001;
    font-weight: 300;
    margin-bottom: 0px;
}
@media screen and (max-width: 750px) {
    .black h3{
        font-size: 16px;
    }
}
.black p{
    font-size: 14px;
    color:#fff;
    text-shadow:1px 1px 1px #231815;
    margin: 14px 0px;
    font-weight: 100;
}
@media screen and (max-width: 750px) {
    .black p{
        font-size: 12px;
        margin: 12px 0px;
        font-weight: 200;
    }
}

/*グラフィックフィルム*/
#graphic_film h2{
    border-bottom: #FFFF00 solid 1px;
}

#graphic_film > div{
    background-image: url(images/img_media.png);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: right 0px top 52px;
}

/*ラミネート*/
#laminate h2{
    border-bottom: #00FF00 solid 1px;
}
#laminate > div{
    background-image: url(images/img_rami.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: right 0px top 52px;
}
/*組み合わせ表*/
#combination_list h2{
    border-bottom: #FF0000 solid 1px;
}
#combination_list table{
    margin: 30px auto;
    width:90%;
}
#combination_list td{
    background-color: #F3F3F3;
    border: 1px solid #000;
    padding: 10px;
    font-size:20px;
    vertical-align: top;
    color:#000;
    font-weight: 600;
}
@media screen and (max-width: 750px)  {
    #combination_list td{
        padding: 10px;
        font-size:14px;
    }
    .black > div{
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #combination_list table{
        margin: 30px auto;
        width:520px;
    }
}

#combination_list th{
    background-color: #FCD800;
    border: 1px solid #000;
    height: 60px;
}
@media screen and (max-width: 750px) {
    #combination_list th{
        font-size: 14px;
        height: 40px;
    }
}
.media{
    background-image: url(images/img_mediamini.png);
    background-repeat: no-repeat;
    background-position: right 10px top 10px;
    background-size: 25%;
}
@media screen and (max-width: 750px) {
    .media{
        background-size: 20%;
    }
}
.rami{
    background-image: url(images/img_ramimini.png);
    background-repeat: no-repeat;
    background-position: right 10px top 10px;
    background-size: 25%;
}
@media screen and (max-width: 750px) {
    .rami{
        background-size: 20%;
    }
}
#combination_list th.kesu{
    background-color: #231815;
    border: none;
}
/*サインシティ厳選商品一覧*/
#product_list{
    margin: 0 auto;
    background-color: #fff;
}
#product_list h2{
    border-bottom: solid #FF0000 1px;
    font-size: 28px;
    color:#000000;
    font-weight:600;
    margin-top: 40px;
}
@media screen and (max-width: 750px) {
    #product_list h2{
        font-size: 20px;
        margin-top: 20px;
    }
}
#product_list h2 span{
    margin-left: 30px;
}
@media screen and (max-width: 750px) {
    #product_list h2 span{
        margin-left: 10px;
    }
}
/*必須指定 */
#bottom {
	margin: 0 auto 30px;
	max-width: 1200px;
    min-width: 1020px;
}
@media screen and (max-width: 750px)  {
	#bottom {
		width: 95%;
        max-width: 95%;
        min-width: 95%;
	}
}
/*bottom*/
#bottom img{
    width:100%;
}
#bottom li{
    font-size:18px;
    text-align: right;
}
@media screen and (max-width: 750px) {
    #bottom li{
        font-size:14px;
        text-align: right;
    }
}
#bottom ul{
    list-style-type: none;
    text-align: right;
    margin-right: 20px;
    margin-top: 20px;
}
@media screen and (max-width: 750px) {
    #bottom ul{
        margin-bottom: 20px;
    }
}
.list{
    position:relative;    
}
.list-item:after {
    content: ' ';
    display:inline-block;
    position:absolute;
    width:0;
    height:0;
    margin-top: 5px;
    margin-left: 6px;
    border-top:7px solid transparent;
    border-right:10px solid transparent;
    border-bottom:7px solid transparent;
    border-left:10px solid #ee4f16;
}