@charset "UTF-8";

.illust_face h1{
    margin-top:10px;
    margin-bottom:10px;
    padding-left:20px;
    border-left:solid 20px #5595ff;
    font-size:26px;
    font-weight:bold;
}
.faceimg{
    max-width:100%;
    height:auto;
    margin-bottom:10px;
}
.illust_face p{
    max-width:720px;
    margin-top:0;
    margin-bottom:20px;
}
.illust_face .lead{
    max-width:100%;
    font-size:16px;
    color:#666666;
}
.illust_face h2{
    margin-top:20px;
    margin-bottom:15px;
    border-bottom:solid 1px #dddddd;
    font-size:18px;
    font-weight:normal;
    
}
.illust_face h2 i{
    margin-right:7px;
    color:#5595ff;
}
#price{
    display:block;
    margin:10px 20px;
    color:#5595ff;
    font-size:18px;
    font-weight:bold;
    
}

/* ワークフロー図 */
#work_flow{
    width:95%;
    margin-left:auto;
    margin-right:auto;   
       
}


#work_flow td{
    width:60%;
    font-size:14px;
}
#work_flow td a{
    margin-right:4px;
    color:#e50016;
    font-size:14px;
    font-weight:bold;    
    text-decoration:none;       
}
#work_flow td a:hover{
    color:#ffc600;
    
}
.plot th{
    height:40px;    
    padding:10px;
   
}

.plot p{
    display:block;
    margin-top:auto;
    margin-bottom:auto;
    
    padding:5px;
    font-size:16px;
    color:#fff;
    background-color:#5595ff;
    border-radius:10px;
    box-shadow:2px 3px 6px rgba(0,0,0,0.6);
}
#price_table{
    width:90%;
    margin-top:-10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    
}
#price_table .touch{
    background-color:#99bfff;
}
#price_table td{
    text-align:center;
    
}
#price_table th,#price_table td{
    border:1px solid #5595ff;
    padding:5px;
}
#price_table a{
    font-weight:bold;
    color:#ff0000;
    text-decoration:none;
    
}
#price_table a:hover{
    color:#ffc600;
    cursor:pointer;
    
}
.sample{
    margin:1px;
    padding:4px;
    height:auto;
    width:auto;
    
    background-color:#333;
}
.sample h3{
    display:block;
    padding:5px;
    margin-bottom:3px;
    text-align:center;
    font-size:16px;
    color:#fff;
    background-color:#5595ff;
}

.thumb_field img{    
    height:75px;
    width:auto;
    
    padding:1px;
}
.boxF{
    margin-bottom:20px;
}
/* ###### 599以下 ###### */
@media (max-width:599px){
    .illust_face h1{
    font-size:20px;
    }
    .illust_face h2{
    font-size:16px;
    }
    .illust_face .lead{
    font-size:15px;
    }
    .illust_face p{
    font-size:14px;
    }
    #price{
    font-size:14px;
    }
    .plot p{
    font-size:12px;
    }
    #work_flow td{
    font-size:12px;
    }
    #price_table{
    font-size:12px;
    }
    .thumb_field img{
    height:60px;
    }
}


/* ###### 600px以上のレイアウト ###### */

@media (min-width:600px){
    .boxA:after{
    content:"";
    display:block;
    clear:both;
    
    }
    .boxA-1{
    float:left;
    width:50%;
    }
    .boxA-2{
    float:left;
    width:50%;
    }

    .boxF:after{
    content:"";
    display:block;
    clear:both;
    
    }
    .boxF-1{
    float:left;
    width:50%;
    }
    .boxF-2{
    float:left;
    width:50%;
    }
    #price_table{
    width:75%;
    }
}