@charset "UTF-8";
/* 制作者情報 */
/* ブラウザ初期化スタイル */
/* 共通部分のスタイル */
/* 各ページ個別のスタイル */

/*--------------------------------------------------------------------*/

table#businessH{
border:2px solid #a71822;
box-sizing:border-box;
width:100%;
}
table#businessH th{
width:65%;
text-align:center;
background-color:#a71822;
color:#FFF;
padding:10px 0;
}
table#businessH th > span{
color:#FFF;
font-size:1.6rem;
vertical-align:middle;
}
table#businessH td{
width:35%;
text-align:center;
background-color:#FFF;
}
table#businessH td a{
display:block;
}
table#businessH td img{
padding:13px 0;
}

.point{
margin:10px 0 20px 0;
}
.point strong{
color:#F00;
}
.point dl{
margin:5px 0;
}
.point dt{
font-size:16px;
border-bottom:1px solid #CCC;
padding-bottom:5px;
}
.point dt:before{
content:"■";
}
.point dd{
margin:5px 0 10px 0;
}

.movie{
width:100%;
padding-bottom:56.25%;
height:0px;
position:relative;
margin: 10px 0;
}
.movie iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#pr{
margin-top: 10px;
}
#pr .conts{
margin-bottom: 30px !important;
}


/*トップページアイコンボタン*/
nav#iconBt{
padding:0 10px;
margin: 30px 0;
}
nav#iconBt > ul{
display: flex;
flex-wrap: wrap;
}
nav#iconBt > ul li{
width:32%;
margin-left:2%;
margin-bottom:2%;
}
nav#iconBt > ul li:nth-child(3n+1){
margin-left:0;
}


/*MujiStyle & collection*/
#mujiStyle ul.listLink li:nth-child(1){
background:url(../images/muji-style/icon01.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(2){
background:url(../images/muji-style/icon02.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(3){
background:url(../images/muji-style/icon03.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(4){
background:url(../images/muji-style/icon04.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(5){
background:url(../images/muji-style/icon05.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(6){
background:url(../images/muji-style/icon06.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(7){
background:url(../images/muji-style/icon07.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(8){
background:url(../images/muji-style/icon08.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(9){
background:url(../images/muji-style/icon09.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(10){
background:url(../images/muji-style/icon10.png) no-repeat left center;
background-size:23px 23px;
}
#mujiStyle ul.listLink li:nth-child(11){
background:url(../images/muji-style/icon11.png) no-repeat left center;
background-size:23px 23px;
}

dl.digitalCatalog{
margin-top:15px;
}
dl.digitalCatalog dt,
dl.digitalCatalog dd{
margin-bottom:10px;
}

.itemFlex{
display:flex;
flex-wrap:wrap;
}
.itemCnt{
background-color:#FFF;
border:1px solid #CCC;
box-sizing:border-box;
padding:8px;
width:49%;
margin-bottom:10px;
position:relative;
}
.itemCnt:nth-child(odd){
margin-right:2%;
}
.itemCnt h3{
color:#0492c0;
font-size:1.2rem;
line-height:1.3em;
margin-bottom:7px;
}
.itemCnt .itemImg{
position:relative;
margin-bottom:10px;
}
.itemCnt .itemImg img.new{
position:absolute;
top:0;
left:0;
width:25%;
}
.itemCnt .itemImg .colors{
border:2px solid #c0a004;
border-radius:3px;
color:#c0a004;
text-align:center;
font-size:2.1rem;
line-height:0.5em;
padding:10px 4px 5px;
display:inline-block;
font-weight:bold;
position:absolute;
bottom:0;
left:0;
background-color:#FFF;
}
.itemCnt .itemImg .colors > span{
color:#c0a004;
font-size:1.0rem;
}
.itemCnt > ul li{
border-bottom:1px dashed #CCC;
padding:0 0 10px;
margin:0 0 10px;
line-height:1.3em;
word-break: break-all;
}
.itemCnt > ul li:last-child{
border-bottom:none;
padding:0;
margin-bottom:45px;
}


/*プリント加工見学・体験*/
.vExConts{
margin-top:15px;
padding-bottom:15px;
border-bottom:1px dashed #CCC;
}
.vExConts dl.imgBt{
width:35%;
float:left;
}
.vExConts dl.imgBt dt{
margin-bottom:5px;
}
.vExConts dl.imgBt dd{
}
.vExConts dl.imgBt dd a{
display:block;
padding:0 3px;
background-color:#528a01;
text-align:center;
border-radius:3px;
color:#FFF;
text-decoration:none;
font-size:1.1rem;
position:relative;
}
.vExConts dl.imgBt dd a:after{
content:"＞";
position:absolute;
top:0px;
right:5px;
}
.vExConts dl.vExTxt{
width:63%;
float:right;
margin-top:-5px;
}
.vExConts dl.vExTxt dt{
font-weight:bold;
}
.vExConts dl.vExTxt dt:before{
content:"■";
}
.vExConts dl.vExTxt dd{
}


/*その他取扱いグッズ*/
dl.topOtherGoods{
border-bottom:1px dashed #CCC;
padding-bottom:20px;
margin-bottom:20px;
}
dl.topOtherGoods dt{
font-weight:bold;
font-size:1.8rem;
margin-bottom:10px;
}
dl.topOtherGoods dt:before{
content:"■";
}
dl.topOtherGoods dd img{
margin-bottom:5px;
}
dl.topOtherGoods dd:last-child{
margin-top:10px;
}
#goods ul.listLink li:nth-child(1){
background:url(../images/goods/icon01.png) no-repeat left center;
background-size:23px 23px;
}
#goods ul.listLink li:nth-child(2){
background:url(../images/goods/icon02.png) no-repeat left center;
background-size:23px 23px;
}
#goods ul.listLink li:nth-child(3){
background:url(../images/goods/icon03.png) no-repeat left center;
background-size:23px 23px;
}
#goods ul.listLink li:nth-child(4){
background:url(../images/goods/icon04.png) no-repeat left center;
background-size:23px 23px;
}


/*お客様の声（制作実績）*/
#voice dl{
box-shadow:0 0 3px #b5aca7;
padding:10px;
margin-bottom:15px;
background-color:#FFF;
}
#voice dl dt{
margin-bottom:5px;
}
#voice dl dd:last-child{
/*text-align:right;*/
}


/*よくある質問*/
#qa ul.listLink li:before{
content:"■";
position: absolute;
top:8px;
left:10px;
z-index:-1;
}
.qaCnt dl{
border-bottom:1px dashed #CCC;
margin-bottom:10px;
}
.qaCnt dl dt{
background:url(../images/qa/q.png) no-repeat left 1px;
padding:0 0 10px 30px;
background-size:20px 20px;
}
.qaCnt dl dd{
background:url(../images/qa/a.png) no-repeat left 1px;
padding:0 0 10px 30px;
background-size:20px 20px;
}


/*プリント加工見学・体験*/
#visitExperience ul.listLink li:before{
content:"■";
position: absolute;
top:8px;
left:10px;
z-index:-1;
}
.visitExperienceCnt{
}
.visitExperienceCnt table{
background-color:#FFF;
width:100%;
text-align:center;
margin:10px 0;
}
.visitExperienceCnt table th{
background-color:#000;
color:#FFF;
border:1px solid #CCC;
box-sizing:border-box;
padding:5px 3px;
}
.visitExperienceCnt table th:not(:nth-child(3)){
width:30%;
}
.visitExperienceCnt table td{
border:1px solid #CCC;
box-sizing:border-box;
padding:5px 3px;
}
.visitExperienceCnt ul{
margin-bottom:30px;
}


/*ご注文の流れ、デザインの入稿について*/
#flow h3,
#design h3{
font-size:1.7rem;
color:#0492c0;
border-bottom:2px solid #0492c0;
margin-bottom:10px;
padding:5px 5px 5px 35px;
}
#flow h3.step1,
#design h3.step1{
background:url(../images/flow/step1.png) no-repeat left center;
background-size:29px 25px;
}
#flow h3.step2,
#design h3.step2{
background:url(../images/flow/step2.png) no-repeat left center;
background-size:29px 25px;
}
#flow h3.step3,
#design h3.step3{
background:url(../images/flow/step3.png) no-repeat left center;
background-size:29px 25px;
}
#flow h3.step4,
#design h3.step4{
background:url(../images/flow/step4.png) no-repeat left center;
background-size:29px 25px;
}
#flow h3.step5,
#design h3.step5{
background:url(../images/flow/step5.png) no-repeat left center;
background-size:29px 25px;
}
#flow h3.step6{
background:url(../images/flow/step6.png) no-repeat left center;
background-size:29px 25px;
}
#design h3.ai{
background:url(../images/pcdesign/ai-icon.png) no-repeat left center;
background-size:29px 25px;
}
#design h3.psd{
background:url(../images/pcdesign/psd-icon.png) no-repeat left center;
background-size:29px 25px;
}


/*製作料金*/
#charge ul#listLinkPrint{
background-color:#a71822;
color:#FFF;
padding:0 30px 10px;
}
#charge ul#listLinkPrint li{
float:left;
margin:10px 0 0 0;
}
#charge ul#listLinkPrint li:nth-child(odd){
width:45%;
}
#charge ul#listLinkPrint li:nth-child(even){
width:55%;
}
#charge ul#listLinkPrint li:before{
content:"▶";
}
#charge ul#listLinkPrint li a{
color:#FFF;
}
#charge h3{
font-size:1.7rem;
color:#0492c0;
border-bottom:2px solid #0492c0;
margin-bottom:15px;
padding:5px 5px 5px 35px;
background:url(../images/charge/title-icon.png) no-repeat left center;
background-size:29px 25px;
}
#charge h4{
font-size:1.5rem;
color:#0492c0;
font-weight:normal;
margin-bottom:5px;
}
#charge h4:before{
content:"■";
}
#charge table{
background-color:#FFF;
width:100%;
text-align:center;
margin:10px 0 20px;
}
#charge table th{
background-color:#000;
color:#FFF;
border:1px solid #CCC;
box-sizing:border-box;
padding:5px 3px;
}
#charge table td{
border:1px solid #CCC;
box-sizing:border-box;
padding:5px 3px;
}
#charge table.chargeT th:nth-child(1){
width:30%;
}
#charge table.chargeT th:nth-child(2){
width:32%;
}
#charge table.chargeT th:nth-child(3){
width:38%;
}
#charge div.scroll_div {
overflow:auto;
height:100%;
margin-bottom:20px;
}
#charge table.chargeT02{
width:680px;
margin-bottom:5px;
}
#charge table.chargeT02 td{
}
#charge table.chargeT02 th:nth-child(1){
width:15%;
}
#charge table.chargeT02 th:nth-child(2){
width:18%;
}
#charge table.chargeT02 th:nth-child(3){
}
#charge table.optionT{
margin:0 0 10px;
}

/* スマホスクロール表示 ここから */
div.scroll_div{
overflow-x:auto;
}
div.scroll_div::-webkit-scrollbar{ /* スクロールバー全体 */
height:10px;
}
div.scroll_div::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
background: #999;
border-radius: 5px;
}
div.scroll_div::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
background: #dddddd;
}
div.scroll_div::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
background: #dddddd;
}
/* スマホスクロール表示 ここまで */


/*デザインの入稿について*/
#fontExFlex{
display:flex;
margin-top:5px;
}
#fontExFlex img{
margin-right:5px;
width:32.5%;
}
#fontExFlex img:last-child{
margin-right:0px;
}


/*お問い合わせ*/
#contact .tableConts{
background-color:#FFF;
border:1px solid #CCC;
box-sizing:border-box;
margin:10px 0;
padding-bottom:30px;
}
#contact table{
width:100%;
}
#contact table th{
display:block;
padding:0 10px;
text-align:left;
}
#contact table tr:first-child th{
padding-top:10px;
}
#contact table th:before{
content:"■";
}
#contact table td{
display:block;
padding:0 10px 25px;
}
#contact table th > span{
margin-left:5px;
font-size:1.0rem;
}
#contact table td input[type="radio"]{
vertical-align:-0.1em;
margin-right:-1px;
}
#contact table td textarea{
width:98%;
}


/*無料お見積もり*/
#estimate h3{
font-size:1.7rem;
color:#0492c0;
border-bottom:2px solid #0492c0;
margin:10px 10px 0 10px;
padding:5px 5px 5px 35px;
}
#estimate h3.icon01{
background:url(../images/estimate/title-icon01.png) no-repeat left center;
background-size:29px 25px;
}
#estimate h3.icon02{
background:url(../images/estimate/title-icon02.png) no-repeat left center;
background-size:29px 25px;
}
#estimate h3.icon03{
background:url(../images/estimate/title-icon03.png) no-repeat left center;
background-size:29px 25px;
}
#estimate h3.icon04{
background:url(../images/estimate/title-icon04.png) no-repeat left center;
background-size:29px 25px;
}
#estimate h3.icon05{
background:url(../images/estimate/title-icon05.png) no-repeat left center;
background-size:29px 25px;
}

#estimate .tableConts{
background-color:#FFF;
border:1px solid #CCC;
box-sizing:border-box;
margin:10px 0;
padding-bottom:30px;
}
#estimate table{
width:100%;
}
#estimate table th{
display:block;
padding:0 10px;
text-align:left;
}
#estimate table tr:first-child th{
padding-top:10px;
}
#estimate table th:before{
content:"■";
}
#estimate table td{
display:block;
padding:0 10px 25px;
}
#estimate table th > span{
margin-left:5px;
font-size:1.0rem;
}
#estimate table td textarea{
width:98%;
}
#estimate form.userSelect{
margin:10px 0;
padding:0 10px 20px;
}
/*お問い合わせ、無料お見積もりsubmitボタンのiPhone用ハック*/
input[type="submit"] {
-webkit-appearance: none;
}
input[type="button"] {
-webkit-appearance: none;
}


/*特定商取引*/
#law .conts > dl{
background-color:#FFF;
border:1px solid #CCC;
margin:10px 0 0 0;
}
#law .conts > dl > dt{
background-color:#000;
color:#FFF;
padding:5px 10px;
border-bottom:1px dashed #CCC;
}
#law .conts > dl > dd{
padding:10px;
}
#law .conts > dl > dd > dl{
/*margin-bottom:10px;*/
}
#law .conts > dl > dd > dl > dt{
font-weight:bold;
color:#0492c0;
}
#law details summary{
color:#b58904;
text-decoration:underline;
cursor:pointer;
}
#law details > dl{
margin:10px 0;
}
#law dl.kinyu dd{
border:1px solid #CCC;
background-color:#fcf8fd;
font-size:1.1rem;
padding:5px 10px;
}
#law table{
width:100%;
text-align:center;
margin-bottom:10px;
font-size:1.1rem;
}
#law table th{
color:#FFF;
background-color:#a71822;
border:1px solid #CCC;
padding:5px;
line-height:1.5em;
}
#law table td{
border:1px solid #CCC;
padding:5px;
}
#law .conts > dl > dd > ol{
padding-left:15px;
}
#law ul.number li{
position:relative;
padding-left:17px;
}
#law ul.number li:before{
position:absolute;
top:0;
left:0;
}
#law ul.number li:nth-child(1):before{
content:"①";
}
#law ul.number li:nth-child(2):before{
content:"②";
}
#law ul.number li:nth-child(3):before{
content:"③";
}
#law ul.number li:nth-child(4):before{
content:"④";
}
#law ul.number li:nth-child(5):before{
content:"⑤";
}
#law ul.number li:nth-child(6):before{
content:"⑥";
}
#law ul.number li:nth-child(7):before{
content:"⑦";
}
#law ul.number li:last-child{
margin-bottom:20px;
}


/*店舗案内*/
#shop .conts > dl{
background-color:#FFF;
border:1px solid #CCC;
margin:10px 0 0 0;
}
#shop .conts > dl > dt{
background-color:#f1f1f1;
padding:5px 10px;
border-bottom:1px dashed #CCC;
border-top:1px solid #CCC;
}
#shop .conts > dl > dt:first-child{
border-top:none;
}
#shop .conts > dl > dd{
padding:10px;
}
#map{
margin-top:10px;
}