/* ---------------- 全体 ---------------- */

/*  見出し  */

.link_bt{
width:80%;
margin:10px auto;
}

.pconly{display:none;}




/*  メイン画像  */


#main-contents{
    background-image:url(http://colorlab.co.jp/img/index_bg_sp.gif);
    background-repeat: no-repeat;
    background-size: 130%;
    background-position:top center;
}


#main_visual img{
width:80%;
}




/*  ページイメージ画像  */
#page_visual {
padding:8vh 0;
margin-top:70px;
}


#page_visual span{
font-size:3em;
line-height: 100%;
}




/*  メインコンテンツ  */
#container{
width:90%;
max-width:1200px;
margin:0 auto;
padding:50px 0;
background-color:rgba(255,255,255,0);
text-align:justify;
}


#container .box{
width:100%;
margin:0 auto;
padding:0 0 50px 0;
border-bottom:#000 1px solid;
}


.box h2 {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-block-start: 0;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}


#container .box hr{
margin:50px 0;
border-top: 1px dashed #bbb;
clear:both;
}





/*  見出し帯  */
.obi_box{
width:100%;
font-weight:500;
margin:0 auto;
padding:30px 0 15px 0;
text-align:center;
}

.obi_box p{
margin:20px auto;
}

.obi_title{
font-size:2em; /* ← sp変更点 */
line-height:100%;/* ← sp変更点 */
}

.obi_text{
font-size:1em;
}


/*  2カラム  */
.two_column{
display:block;
justify-content: space-between;
}

.two_column div{
width:;
margin-bottom:20px;
}

.two_column img{
width:100%;
}


/* ---------------- index.html ---------------- */



/*  2カラム  */
@media screen and (max-width: 480px){

.two_column_index{
display:block;
}

.two_column_index div:first-child{
width:100%;
margin-bottom:40px;
}

.two_column_index div div{
width:60%;
}

.two_column_index img{
width:70%;
margin:0 15%;
}

}


@media screen and (min-width: 481px){

.two_column_index div{
width:47%;
}

.two_column_index div div{
width:90%;
}

.two_column_index img{
width:100%;
}


}




/* インクジェットについて */

.inkjet_tokucyo{
font-size:1em;
display:block;
text-align:justify;
}

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

.inkjet_tokucyo div{
width:100%;
margin:0 auto;
float:left;
padding:15px;
box-sizing:border-box;
}

.inkjet_tokucyo div img{
width:70%;
margin:0 15%;
}

}


@media screen and (min-width: 481px){

.inkjet_tokucyo div{
width:50%;
margin:0 auto;
float:left;
padding:15px;
box-sizing:border-box;
}

.inkjet_tokucyo div img{
width:100%;
}

}

.inkjet_tokucyo02 img{
width:100%;
}




/* 注文方法 */
.order{
width:90%;
text-align:just;
margin:0 auto;
}

.order .type{
border:1px solid #000;
text-align:center;
padding:20px;
}


.order .type .sub{
border-top:1px solid #000;
padding-top:20px;
margin-top:20px;
}


.order .type img{
width:30%;
margin:0 auto;
float:left;
}

.order .type p{
width:63%;
text-align:justify;
padding:0;
margin:0 auto;
float:right;
}


.order .arrow{
width: 0;
height: 0;
display:block;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #000000 transparent transparent transparent;
margin:10px auto;
}








/* 取り扱いカタログ */
.catalog{
font-size:0.8em;
display:flex;
flex-wrap: wrap;
text-align:justify;
}

.catalog img{
width:100%;
border:1px solid #999;
}



.catalog .type{
width:46%;/* ← sp変更点 */
margin:20px 2%;/* ← sp変更点 */
}

.catalog .type .left{/* ← sp変更点 */
}

.catalog .type .right{/* ← sp変更点 */
}

.catalog .type .bt a{
padding:10px auto;
background-color:#fff;
color:#000;
border:1px solid #000;
text-align:center;
display:block;
}

.catalog .type .bt a:hover{
background-color:#999;
color:#fff;
border:1px solid #fff;
}




/* お問い合わせ */
.contact_phone{
font-size:2.5em; /* ← sp変更点 */
font-weight:500;
line-height:150%;
text-align:center;display: block; /* ← sp変更点 */

}

.contact_hours{
font-size:1.2em;
text-align:center;display: block; /* ← sp変更点 */
}




/* インプローブスについて */
.about_imp img{
width: 100%;
height: 250px;
object-fit: cover;
object-position: 100% 100%
}






/* ---------------- inkjet.html silkscreen.html ---------------- */

/* 価格表 */

.price_table table,
.price_table table thead,
.price_table table tbody,
.price_table table tr,
.price_table table tr th,
.price_table table tr td {
display:block;
}
.price_table table thead {
display:none;
}


.price_table table tbody th {
background-color:#666;
color:#fff;
text-align:center;
clear:both;
}

.price_table table tbody tr td{
width: 50%;
border-bottom: 1px solid #000;
float: left;
box-sizing: border-box;
}

.price_table table tbody tr td:nth-last-child(-n+2){
border-bottom:0;
}

.price_table table tbody tr td[data-th]:before {
width:40%;
content: attr(data-th);
font-weight: bold;
display:block;
margin-right:0.25em;
}




/* オプション表 */
.option_table{font-size:85%;}

.option_table ul li:nth-child(n+2){width:100%;}



/* プリント位置について */
#ink_position{
} 


#ink_position img{
width:100%;
} 


.position-designation img{
width:100%;
}




/* インク表 */
#ink_color{
font-size:50%;
} 

#ink_color div{
width:48%;
} 

#ink_color div p{
height:50px;
} 


/* ---------------- company.html ---------------- */
.company{
width:100%;
margin:0 auto;
}

.company td{
margin-bottom:10px;
}

.company th,.company td{
width:100%;
text-align:justify;
vertical-align:top;
display:block;
}




/* ---------------- attention.html ---------------- */
.shipping_table table{
width:100%;
text-align:center;
margin:0 auto;
border-spacing: 0px;
}

.shipping_table table thead{
display:none;
}

.shipping_table table tr{
padding:0;
margin-bottom:10px;
text-align:center;
vertical-align:middle;
box-sizing:border-box;
display:flex;
flex-wrap: wrap;
}

.shipping_table td{
vertical-align:top;
box-sizing:border-box;
}

.shipping_table td:nth-child(-n+2){
padding:10px;
}


.shipping_table .region{
width:25%;
background-color:#333;
color:#fff;
font-weight:800;
}

.shipping_table .prefectures{
width:75%;
text-align:left;
background-color:#666;
color:#fff;
}

.shipping_table .postage{
width:50%;
font-size:1.2em;
padding:10px 0;
}

.shipping_table .days{
width:50%;
font-size:1.2em;
padding:10px 0;
}


.shipping_table table tbody tr [data-th]:before{
content: attr(data-th)"";
background-color:#ccc;
display:block;
padding:0;
margin:0;
text-align:center;
font-size:50%;
margin-right:0.25em;
float:left;
}


.shipping_table .postage[data-th]:before{
width:30%;
}

.shipping_table .days[data-th]:before{
width:50%;
}




/* ---------------- template.html ---------------- */

/*  テンプレート表  */
.template_table table td:first-child{
width:100%;
float:left;
padding:15px 0 2px 0;
}

.template_table tr:first-child td:first-child{
padding:0 0 2px 0;
}

.template_table table td:nth-child(n+2){
width:50%;
text-align:right;
float:left;
}

.template_table table td .aitemplate a{
width:95%;
margin-right:5%;
}


.template_table table td .psdtemplate a{
width:95%;
margin-left:5%;
clear:both;
}




/* ---------------- contact.html ---------------- */
#contact_form div{
width:100%;
}

/* ---------------- contacte_estimate.html ---------------- */
#estimate_form div{
width:100%;
}


.item_count span{
display:block;
}



/* ---------------- towel.html ---------------- */

/*  特徴表  */

.feature_table table,
.feature_table table thead,
.feature_table table tbody,
.feature_table table tr,
.feature_table table tr th,
.feature_table table tr td {
display:block;
}
.feature_table table thead {
display:none;
}


.feature_table table tbody th {
background-color:#666;
color:#fff;
text-align:center;
clear:both;
}

.feature_table table tbody tr td{
width: 33%;
border-bottom: 1px solid #000;
float: left;
box-sizing: border-box;
font-size:80%;
}

.feature_table table tbody tr td:nth-last-child(-n+3) {
border-bottom: 0;
}

.feature_table table tbody tr td[data-th]:before {
width: 100%;
content: attr(data-th);
font-weight: bold;
display:block;
margin-right:0.25em;
}