@charset "UTF-8";
a,a:hover{color:#0645ad}
h1{font-size:1.75em;margin:5px 10px;font-weight:bold;}
h2{font-size:1.4em;margin:0 10px;}
p.title-text{margin:0 10px 10px}
.seat{background:#fff;border:1px solid #aaa;margin:0 0 20px;padding:10px;border-radius:5px;}
.seat p{letter-spacing:0.1em;line-height:1.75em;margin:0 10px;color:#555;background:none;}



/* PC非表示 */
/* .mobile{display:none;} */

/* サービスリンク */
.menu{font-size:0.75em;}
ul.box2,ul.box3{margin:15px 0px;}
ul.box2 li,ul.box3 li{float:left;width:437px;padding:10px;margin-left:20px;background:#fff;}
ul.box3 li{width:276px;margin-left:22px;}
ul.box2 li:first-child,ul.box3 li:first-child{margin-left:0}
.menu li img{float:left;margin:0 10px 0 0;}
.menu ul.box2 img{width:145px;height:110px;}
.menu ul.box3 img{width:105px;height:100px;}
.menu li h3{font-weight:bold;margin:0 0 3px;}
.menu ul.box2 li h3{font-size:20px;}
.menu ul.box3 li h3{font-size:15px;}
.menu p{margin:0;line-height:1.4em;}
.menu p.scr{font-size:10px;letter-spacing:0.1em;height:42px;}
.menu p.scr2{font-size:10px;letter-spacing:0.1em;height:55px;}
.menu p.link,.menu p.price{text-align:right;letter-spacing:0em;}
.menu p.price{color:#543f32}
.menu p.price b{color:#d9333f;font-weight:normal;}

/* サイドカラム */
.l-col{background:#fff;border-radius:5px;padding:10px}
.l-col h3{font-weight:bold;line-height:1em;}
.l-col p{font-size:0.8em;line-height:1em;margin:5px 0 0;}
.l-col ul{list-style:inside square;font-size:0.8em;margin:0 5px 10px}
.l-col ul li{margin:5px 0}

/* フォトブック（ネット） */
.pb-net h3{font-size:1.2em;font-weight:bold;margin:0;}
.pb-net p{line-height:1.5em;margin:10px 0;}
.pb-net img{float:left;width:200px;}
.pb-net dl{font-size:0.8em;float:left;border-bottom:1px solid #ccc;width:335px;margin:5px;}
.pb-net dl dt{float:left;padding:3px;width:165px;}
.pb-net dl dd{padding:3px;margin-right:10px}
.pb-about{padding-left:220px;}
ul.pb-button li{float:left;margin:7px;}
ul.pb-button li.detail{width:90%; margin:7px 5%;}
ul.pb-button li.more{width:200px;}
ul.pb-button li.order{width:465px;}
ul.pb-button li a{text-align:center;display:block;padding:5px;border-radius:5px;background:#0645ad;color:#fff;font-weight:bold;text-decoration:none;}
ul.pb-button li a:hover{background:#4169e1}

/* フォトブック（店頭） */
.pb-shop .seat{padding:10px}
.pb-shop img{margin:0}

.pb-point{margin:10px 0}
.pb-point li{color:#fff;text-align:center;font-size:12px;font-weight:bold;background:#59b9c6;border-radius:5px;padding:5px 0 10px;height:100px;float:left;}
.pb-point img{margin:5px 10px 0}
.pb-p3 li{width:140px;margin-left:8px;}
.pb-p4 li{width:100px;margin-left:12px;}
.pb-p3 li:first-child,.pb-p4 li:first-child{margin:0}

.pb-shop h3{font-size:10px;padding:0 3px;border-left:5px solid #ddd;}
.pb-shop h3 a{font-size:12px;}
ul.pb-menu{margin-bottom:10px;}
.pb-menu li{border-bottom:1px solid #ddd;float:left;margin-left:13px;cursor:pointer}
.pb-menu li:hover{filter:alpha(opacity=80);opacity:0.8}
.pb-menu li:first-child{margin:0}
.pb-menu img{margin:5px}
.pb-menu dl{font-size:12px;margin:0 5px;}
.pb-menu dt{float:left;}
.pb-menu b{color:#d9333f;font-size:16px;font-weight:bold;}
.pb-menu dd{text-align:right;padding-top:4px;}

/* セルフプリント機 */
.flow li{float:left;width:750px;padding:10px;height:310px}
.flow img{margin:20}
.flow p{font-size:0.8em;}

/* 詳細 */
table.spec{text-align:center;margin:0 auto 20px auto;}
table.spec th,table.spec td{color:#543f32;text-align:center;border:1px solid #543f32;padding:5px 10px;}
table.spec thead th{font-weight:bold;border:0}
table.spec tbody th{background:#eae5e3}


/* タブ */
.tab h3{background:#eed;color:#333;float:left;border:3px solid #fff;font-size:0.8em;text-align:center;padding:5px 0}
.tab ul.tab-btn li{float:left;width:96px;}
.tab ul.tab-btn li a{text-align:center;font-size:0.6em;padding:5px;display:block;}
.tab ul.tab-btn li img{width:86px;margin:0 0 7px;}

/* 機種別説明 */
.model h3{font-size:1.8em;line-height:1em;margin:15px 10px 0;}
.model p{font-size:0.8em;line-height:1em;margin:5px 10px 10px}
.model img.m-visual{float:left;margin:0;}
.model dl{font-size:0.8em;margin-left:220px;}
.model dl dt{font-size:1.4em;background:#eee;padding:2px 10px;}
.model dl dd{padding:5px}
.model ul.point {list-style:outside disc;margin-left:10px;}
.model ul.point li{margin:5px 0}
.model ul.shop li{float:left}
.model ul.shop li a{text-align:center;display:block;border:1px solid #0645ad;border-radius:5px;margin:5px;padding:2px 5px;width:127px;}
.model ul.shop li a span{color:#0645ad;font-size:0.8em}
.model ul.shop li a.pr-pc{background:#bef;}
.model ul.shop li a.pr-2pc{background:#fce;}



/* 季節設定 */
.seat,ul.box2 li,ul.box3 li{border:1px solid #555;border-radius:5px}
h1,h2{color:#543f32}
h2 span{margin:0 0 0 10px;font-size:12px;color:#543f32}

/* index専用 */
.index{background:none;border:none;padding:0;}
.index h2{margin:0;}

/* 価格表 */
.price table{float:left;font-size:1em;margin:20px 0 0 10px;width:600px}
.price th,.price td{color:#543f32;text-align:center;border:1px solid #543f32;padding:5px 10px;}
.price thead th{font-weight:bold;border:0}
.price tbody th{background:#eae5e3}
.price tr:nth-of-type(odd) td{background:#f9f7f7;}
.price .itemRight{width:100%; padding:0px 10px 0 10px; font-size:0.8em;}
.price .itemRight p{padding:0; text-align:center;}

/* ボックス */
.kakomi-smart {
 display: inline-block;
 position: relative;
 margin: 1em auto;
 padding: 2em 1em 1em;
 width: 40%; /* ボックス幅 */
 border-style: solid;
 border-width: 5px 0 0 0;
 border-color: #907b6e; /* 枠の色 */
 background-color: #ede4cd; /* 背景色 */
 color: #666; /* テキスト色 */
 box-shadow: 0 0 3px #999; /* 影の色 */
}
.title-smart{
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #ede4cd; /* タイトル背景色 */
 color: #907b6e; /* タイトル色 */
 font-size: 1.1em;
 font-weight: bold;
 border-style: none none double;
 border-color: #907b6e; /*タイトル下線 */
 border-width: 3px;
}


/* ボックス2 */
.kakomi-smart2 {
 display: inline-block;
 position: relative;
 margin: 1em auto;
 padding: 2em 1em 1em;
 width: 250px; /* ボックス幅 */
 border-style: solid;
 border-width: 5px 0 0 0;
 border-color: #907b6e; /* 枠の色 */
 background-color: #FFFFFF; /* 背景色 */
 color: #666; /* テキスト色 */
 box-shadow: 0 0 3px #999; /* 影の色 */
}
.title-smart2{
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #FFFFFF; /* タイトル背景色 */
 color: #907b6e; /* タイトル色 */
 font-size: 1.1em;
 font-weight: bold;
 border-style: none none double;
 border-color: #907b6e; /*タイトル下線 */
 border-width: 3px;
}


@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.sp{display:none}
.seat img{margin:10px}
}
/* モバイル表示モード */
@media screen and (max-width: 639px){
/* grid解除 */
.grid{width:auto;margin:auto}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto}
.grid12{width:auto}
.first{margin-left:0;clear:left}

.kakomi-smart { width: 90%; }
/* 共通設定 */

.seat{width:95%; margin:0 auto 20px auto; padding:10px 2.5%;}
.seat p{padding:0 0 1em 0; font-size:0.9em;}
.overview p{margin:10px auto 20px auto; padding-bottom:0; line-height:1.5em; letter-spacing:0.05em;}

/* 各タイトル */
h1 , h2{font-size:1.2em;}
.seat h3{font-size:1.1em;}
.seat h3 span{font-size:0.7em; margin:0;}
.seat img.itemRight{float:none; width:100%; margin:0 0 10px 0;}

/* おすすめポイント */
.point h3{margin:0 0 10px 0;}
.point h4{font-size:1em;}
.point img.itemRight{float:none; width:100%; margin:0 0 10px 0;}

/* 店舗一覧 */
ul.shoplist{margin:0;}
ul.shoplist li{display:block; width:100%; margin:0; padding:0;}
/*190517店舗追加*/
#shop{width:95%; margin:0 auto;}
#shop dl{display:table; width:100%; border:none;}
#shop dl:last-of-type{margin-bottom:2em; border-bottom:1px solid #999;}
#shop dl dt , #shop dl dd{display:block;}
#shop dl dt{width:98%; padding: 0.3em 0 0.1em 2%; text-align:left; background:#EEE; border-right:none;}
#shop dl dd{width:100%; padding:0.5em 0;}
#shop dl dd a{display:inline-block; margin-right:1em; text-decoration:none; line-height:1.7em;}
#shop dl dd a:before{content:"・";}


/* ダウンロード */
.download ul{width:95%;margin:20px auto;}
.download li{width:100%;}
.download li:nth-of-type(odd){float:none; margin-bottom:10px;}
.download li:nth-of-type(even){float:none;}
.download li a{width:95%; margin:0; padding:5px 2.5%;}
.download p{text-align:center;margin:0 auto 20px auto; padding-bottom:0;}

/* 詳細 */
table.spec th,table.spec td{padding:5px; font-size:0.85em;}

/* 価格表 */
.price table{float:none;margin:20px 0 0 0; width:100%;}
.price th,.price td{padding:5px 3px; font-size:0.8em; line-height:1.3em;}
.price .itemRight{width:100%; margin:0 auto; padding:20px 0 0 0; font-size:0.8em;}


/* PC専用項目(スマホで非表示) */
.pc{display:none !important}
}