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


/*  見出し  */


/*  リンクボタン  */
.link_bt{
width:50%;
margin:30px auto;
}


/*  SPの時は消す  */

.sponly{display:none;}


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


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

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


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


/*  １区画  */
#container .box{
width:100%;
margin:0 auto;
padding:0 0 100px 0;
border-bottom:#000 1px double;
}

/*  １区画_テキストのみ  */
#container .text_content{
max-width:950px;
margin:0 auto;
}

/*  区切り線  */
#container .box hr{
margin:50px 0;
border-top: 1px dashed #bbb;
clear:both;
}



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

.obi_box p{
margin:20px auto;
}

.obi_title{
font-size:3em;
line-height: 100%;
}

.obi_text{
font-size:1em;
}


/*  PCのみ中央揃えにする  */
#container .pcalign_center{
text-align:center;
}




/*  見出し  */
.box h2 {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-block-start: 0;
margin-block-end: 0.5em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}




/*  2カラム  */
.two_column{
display:flex;
justify-content: space-between;
margin:0 auto;
}

.two_column div{
width:48%;
}

.two_column img,.two_column_index img{
width:80%;
}













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



/*  メイン画像  */

#main_visual img{
width:35%;
}




/* インクジェットについて */
.inkjet_tokucyo{
width:100%;
max-width:1000px;
margin:0 auto;
font-size:0.8em;
display:flex;
justify-content: space-between;
text-align: justify;
text-justify:inter-word;
}

.inkjet_tokucyo img{
width:100%;
}

.inkjet_tokucyo div{
width:21%;
margin-right:2%;
}

.inkjet_tokucyo div:last-child{
margin-right:0;
}


.inkjet_tokucyo02{
width:100%;
max-width:1000px;
margin:0 auto;
}


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



/* 注文方法 */

@media screen and (max-width: 1000px){
.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:15%;
margin:0 auto;
float:left;
}

.order .type p{
width:80%;
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;
}



}



@media screen and (min-width: 1001px){
.order{
font-size:0.8em;
display:flex;
flex-wrap: wrap;
text-align:justify;
justify-content: space-between;
}

.order .type{
width:18%;
border:1px solid #000;
text-align:center;
padding:20px;
box-sizing:border-box;
}

.order .type:first-child{
width:40%;
display:flex;
}

.order .type:first-child div{
width:50%;
box-sizing: border-box;
}

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


.order img{
width:100px;
height:auto;
margin:0 auto;
}

.order .type p{
text-align:justify;
padding:0;
margin:0;
}



.order .arrow{
width:15px;
position: relative;
}

.order .arrow div{
width: 0;
height: 0;
margin: auto;
border-style: solid;
border-width: 7.5px 0 7.5px 7.5px;
border-color: transparent transparent transparent #000000;
display: table-cell;
vertical-align: middle;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

}





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

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


.catalog .type{
width:30%;
margin:20px 1.5%;
}

.catalog .type .left{
width:50%;
float:left;
}

.catalog .type .right{
width:50%;
float:right;
}

.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:4.6em;
font-weight:500;
line-height:150%;

}

.contact_hours{font-size:1.8em;}





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

/* 価格表 */

.price_table table{
width:100%;
border-spacing: 0px;
text-align:center;
}
.price_table thead th:first-child,.price_table tbody th{
width:12%;
}


.price_table thead th:nth-child(n+2) ,.price_table tbody th,.price_table table td{
width:11%;
}

.price_table table thead {
background-color:#666;
color:#fff;
margin:0;
border:0;
}

.price_table table tr:nth-child(even){
background-color:#e4e4e4;
}



/* オプション表 */
.option_table ul li:nth-child(n+2){width:48%;}




/* プリント位置について */


#ink_position{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
} 


#ink_position img{
width:50%;
height:50%;
} 

.position-designation{
text-align:center;
}


.position-designation img{
width:80%;
max-width:700px;
margin:0 auto;
}


/* インク表 */


#ink_color{
font-size:70%;
} 

#ink_color div{
width:18%;
} 

#ink_color div p{
height:100px;
} 



/* ---------------- company.html ---------------- */
.company{
width:80%;
text-align:center;
margin:0 auto;
font-size:120%;
}

.company th,.company td{
padding:5px 0;
text-align:left;
vertical-align:top;
}

.company th{
width:30%;
}

.company td{
width:70%;
}


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

.shipping_table th{
background-color:#666;
color:#fff;
}

.shipping_table th,.shipping_table td{
padding:5px 20px;
text-align:left;
vertical-align:top;
box-sizing:border-box;
}

.shipping_table .region{
width:12%;
}
.shipping_table .prefectures{
width:48%;
}
.shipping_table .postage{
width:15%;
}
.shipping_table .days{
width:15%;
}


.shipping_table table tr:nth-child(even){
background-color:#e4e4e4;
}


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

/*  テンプレート表  */


.template_table table td:first-child{
width:20%;
padding:5px 0;
}

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

.template_table table td .aitemplate a,.template_table table td .psdtemplate a{
width:90%;
margin-left:10%;
}





/* ---------------- contact.html ---------------- */
#contact_form{
font-size:120%;
}


#contact_form div:first-child{
width:65%;
}

#contact_form div:last-child{
width:30%;
}


/* ---------------- contacte_estimate.html ---------------- */
#estimate_form{
font-size:110%;
}


#estimate_form .left{
width:65%;
}

#estimate_form .left div{
width:100%;
}

#estimate_form .right{
width:30%;
}

.item_count{
display:flex;
}

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

.item_count{
flex-wrap: wrap;
}
.item_count span{
text-align:left;
width:45%;
flex-wrap: wrap;
}

}

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

.item_count span{
text-align:left;
width:33%;
}

}


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

/*  特徴表  */


.feature_table table{
width:100%;
border-spacing: 0px;
text-align:center;
}

.feature_table thead th:first-child, .feature_table tbody th {
    width: 25%;
}

.feature_table thead th:nth-child(n+2), .feature_table tbody th, .feature_table table td {
    width: 12.5%;
}


.feature_table table thead {
background-color:#666;
color:#fff;
margin:0;
border:0;
}

.feature_table table tr:nth-child(even){
background-color:#e4e4e4;
}