@charset "UTF-8";
/* 2026-10-27 SINAC: スマホ対応(中身・HTML 構造は不変、CSS のみ)。PC(800px 以上)は従来の 760px レイアウトのまま。 */
html{-webkit-text-size-adjust:100%;}
img{max-width:100%; height:auto;}
#sideMenu ul li img,#upperMenu img{max-width:none;}

/* PC(800px 以上): 760px 固定枠を画面幅いっぱいに。サイドメニュー 196px 固定、本文は可変 */
@media screen and (min-width:800px){
  .navToggle,.navBtn,.navOverlay{display:none;}
  .wrapper,#floatArea{width:100%;}
  h1#logoArea{position:relative; width:100%; height:0; padding-top:15.79%; background-image:url(images/h1.jpg?v=3043); background-size:100% auto; overflow:hidden;}
  h1#logoArea a{position:absolute; left:0; top:0; width:100%; height:100%; padding:0; text-indent:-9999px; overflow:hidden; color:transparent;}
  #upperMenu{background-size:100% 100%;}
  #floatArea{display:flex; align-items:stretch; flex-wrap:wrap; background-size:196px auto;}
  #upperMenu{width:100%; flex:0 0 100%; box-sizing:border-box;}
  #sideMenu{float:none; flex:0 0 196px; order:1;}
  #topcontentsArea,#contentsArea{float:none; flex:1 1 0; min-width:0; width:auto; order:2;}
  #footerArea{width:100%; flex:0 0 100%; order:3; box-sizing:border-box;}
  #contentsWrapper{width:auto; margin:0 20px 0 14px;}
  #topcontentsArea{padding-right:20px;}
  #breadcrumb{background-size:100% 100%;}
  #topCamBanner,#entryArea,#companyTable{width:auto;}
  #topCamBanner img{width:100%; height:auto;}
  .topBannerL,.topBannerR{width:49%;}
  .topBannerL img,.topBannerR img{width:100%; height:auto;}
  #footerAddress{width:auto; float:left;}
  #footerCopy{width:auto; float:right;}
}

/* 2026-10-27 高解像度スプライト(4x PNG、表示サイズは従来どおり) */
#upperMenu01,#upperMenu01on,#upperMenu01 a:hover{background-image:url(images/menu_upper01@4x.png); background-size:71px auto;}
#upperMenu02,#upperMenu02on,#upperMenu02 a:hover{background-image:url(images/menu_upper02@4x.png); background-size:83px auto;}
#upperMenu03,#upperMenu03on,#upperMenu03 a:hover{background-image:url(images/menu_upper03@4x.png); background-size:109px auto;}
.sidebanner img{width:170px; height:auto;}
h2 img[src*="h2_whatsnew"]{width:93px; height:auto;}

/* 2026-10-27 左メニュー 10 個を画像(menuNN.gif 176x47)から CSS ボタンへ。元画像=上段 29px グレーのグラデ+白の明朝、下段 15px ゴールド帯+白セリフ英字、1px 淡色枠。通常=濃いグレー+太字、hover=薄いグレー(2026-10-27 owner 指示で反転) */
#sideMenu ul li[id^="sideMenu"]{width:176px; height:auto; margin-bottom:7px; overflow:visible; background:none !important;}
#sideMenu ul li[id^="sideMenu"] a{display:block; width:176px; height:auto; padding:0; box-sizing:border-box; border:1px solid #c6c4c5; color:#fff; text-decoration:none; text-align:center; background:linear-gradient(#8f8b89 0,#5e5c5b 45%,#3a3a39 100%); font-family:"A-OTF リュウミン Pr6N","Ryumin","Shippori Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","Yu Mincho",serif; font-size:13px; font-weight:700; line-height:29px; letter-spacing:0.06em; text-shadow:0 1px 1px rgba(0,0,0,0.45);}
#sideMenu ul li[id^="sideMenu"] a::after{display:block; height:15px; line-height:15px; font-family:Georgia,"Times New Roman",serif; font-size:10px; font-weight:400; letter-spacing:0.05em; text-shadow:0 1px 0 rgba(0,0,0,0.35); border-top:1px solid #5f5238; background:linear-gradient(#7a6540,#6a5634 50%,#765f3b 100%);}
#sideMenu ul li[id^="sideMenu"] a:hover{background:linear-gradient(#a8a19f 0,#8c8886 45%,#6e6e6c 100%); font-weight:500; text-decoration:none;}
#sideMenu ul li[id^="sideMenu"] a:hover::after{background:linear-gradient(#8d7549,#7f6a42 50%,#8b7447 100%);}
#sideMenu01 a::after{content:"About persian carpets";}
#sideMenu02 a::after{content:"Pars Shopping";}
#sideMenu03 a::after{content:"Pars Collections";}
#sideMenu04 a::after{content:"Space & Persian Carpet";}
#sideMenu05 a::after{content:"Cleaning & Repair";}
#sideMenu06 a::after{content:"Question & Answer";}
#sideMenu07 a::after{content:"Dictionary of persian carpets";}
#sideMenu08 a::after{content:"PARS showroom";}
#sideMenu09 a::after{content:"Company profile";}
#sideMenu10 a::after{content:"Contact us";}

/* 2026-10-27 絨毯のある空間: 写真 3 枚を PC 1 段 3 列 / スマホ 3 段 1 列 */
.lifeGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:20px;}
.lifeGrid .lifeItem p{margin:0; padding:10px 10px 8px; border:1px solid #9C814C; background:#F1ECD8; text-align:center;}
.lifeGrid .lifeItem img{display:block; width:100%; height:auto; border:1px solid #9C814C; box-sizing:border-box;}
.lifeGrid .lifeItem span{display:block; margin-top:8px; font-weight:bold; font-size:12px; line-height:1.4;}
@media screen and (max-width:799px){ .lifeGrid{grid-template-columns:1fr; gap:12px;} .lifeGrid .lifeItem span{font-size:13px;} }

/* 2026-10-27 会社概要(#companyTable)の再デザイン: 中身は不変。ゴールド罫+明朝の見出し、余白広め */
#contentsWrapper #companyTable{width:100%; border-collapse:collapse; border-top:2px solid #9c814c; border-bottom:2px solid #9c814c; margin:4px 0 30px; background:#fff;}
#contentsWrapper #companyTable tr{border-bottom:1px solid #e4dcc4;}
#contentsWrapper #companyTable tr:last-child{border-bottom:0;}
#contentsWrapper #companyTable th{width:150px; padding:16px 14px 16px 2px; border:0; background:none; vertical-align:top; text-align:left; white-space:nowrap; color:#9c814c; font-family:"A-OTF リュウミン Pr6N","Ryumin","Shippori Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","Yu Mincho",serif; font-size:14px; font-weight:700; letter-spacing:0.12em; line-height:1.7; position:relative;}
#contentsWrapper #companyTable th::before{content:""; display:inline-block; width:7px; height:7px; background:#9c814c; transform:rotate(45deg); vertical-align:middle; margin:0 11px 3px 2px;}
#contentsWrapper #companyTable td{padding:16px 14px 16px 10px; border:0; vertical-align:top; color:#2b2b2b; font-size:14px; line-height:1.9; letter-spacing:0.03em;}
#contentsWrapper #companyTable td font[color="midnightblue"] b{color:#174490; font-weight:700;}
#contentsWrapper #companyTable tr:first-child td{font-family:"A-OTF リュウミン Pr6N","Ryumin","Shippori Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif; font-size:17px; font-weight:600; letter-spacing:0.1em; color:#174490;}
@media screen and (max-width:799px){
  #contentsWrapper #companyTable,#contentsWrapper #companyTable tbody,#contentsWrapper #companyTable tr,#contentsWrapper #companyTable th,#contentsWrapper #companyTable td{display:block; width:auto;}
  #contentsWrapper #companyTable tr{padding:12px 0 14px;}
  #contentsWrapper #companyTable th{padding:0 0 4px 0; font-size:12px; white-space:normal;}
  #contentsWrapper #companyTable th::before{width:6px; height:6px; margin:0 9px 2px 2px;}
  #contentsWrapper #companyTable td{padding:0 0 0 16px;}
}

/* 2026-10-27 本文の見出し画像(■ ペルシャ絨毯とは 等)を文字化。元画像=550x33: 薄グレーのグラデ背景、下に白 2px+ゴールド線、ゴールド文字(明朝太字)+英字小 */
h3.secTitle{position:relative; margin:0 0 12px; padding:7px 10px 6px 24px; color:#9c814c; font-family:"A-OTF リュウミン Pr6N","Ryumin","Shippori Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","Yu Mincho",serif; font-size:14px; font-weight:700; line-height:1.3; letter-spacing:0.06em; background:linear-gradient(#f9f9f9 0,#e9e9e9 calc(100% - 2px),#fff calc(100% - 2px),#fff 100%); border-bottom:1px solid #927f31; text-align:left;}
h3.secTitle::before{content:""; position:absolute; left:8px; top:50%; width:9px; height:6px; margin-top:-3px; background:#9c814c;}
h3.secTitle .en{font-size:10px; font-weight:400; margin-left:8px; letter-spacing:0.03em; font-family:Georgia,"Times New Roman","Shippori Mincho",serif;}
h3.secTitle .sub{font-size:11px; font-weight:500; margin-left:6px;}
@media screen and (max-width:799px){ h3.secTitle{font-size:15px;} h3.secTitle .en{font-size:11px;} }

/* ヘッダー右の社名・住所(画像から文字を除去し HTML 文字に置換、2026-10-27) */
#headerCorp{position:absolute; right:2.6%; bottom:13%; text-align:right; color:#174490; line-height:1.25; z-index:2; pointer-events:none;}
#headerCorp{font-family:"A-OTF リュウミン Pr6N","A-OTF Ryumin Pr6N","リュウミン","Ryumin","Shippori Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","Yu Mincho",serif;}  /* リュウミン(Morisawa、入っている環境)→ 代替の Shippori Mincho(Google Fonts、リュウミン系のオールド明朝) */
#headerCorp .corpName{display:block; font-weight:700; letter-spacing:0.06em;}
#headerCorp .corpPrefix{font-size:0.52em; margin-right:0.25em; font-weight:600;}
#headerCorp .corpAddr{display:block; font-weight:600; margin-top:0.35em; letter-spacing:0.04em;}
@media screen and (min-width:800px){
  #headerCorp .corpName{font-size:2.6vw;}
  #headerCorp .corpAddr{font-size:1.15vw;}
}
@media screen and (max-width:799px){
  #headerCorp{display:none;}   /* スマホはヘッダーが小さいため当面非表示(PC 優先) */
}

@media screen and (max-width:799px){
  html,body{max-width:100%; overflow-x:hidden;}
  body{text-align:left;}
  div,p,dt,dd,li,th,td,input{font-size:14px; line-height:165%;}
  .wrapper,#floatArea,h1#logoArea,#topcontentsArea,#contentsArea,#contentsWrapper,#sideMenu ul,#topCamBanner,#entryArea,#companyTable{width:auto;}
  .wrapper{overflow-x:hidden; word-break:break-word; overflow-wrap:break-word;}
  /* ヘッダー画像(760x120)を幅いっぱいに縮小 */
  h1#logoArea{position:fixed; top:0; left:0; right:0; width:100%; z-index:998; height:84px; padding-top:0; background-image:url(images/h1.jpg?v=3043); background-size:auto 100%; background-position:left center; background-repeat:no-repeat; overflow:hidden;}  /* 2026-10-27 スマホはハンバーガーが紺帯に被らない高さ(84px)。高さ基準で拡大し右側はトリミング */
  h1#logoArea a{position:absolute; left:0; top:0; width:100%; height:100%; padding:0; text-indent:-9999px; overflow:hidden; color:transparent;}
  /* 上部メニュー(HOME/会社概要/お問い合わせ) */
  #upperMenu{background-size:100% 100%;}
  #upperMenu ul{margin-left:8px;}
  /* 縦並び: 上部メニュー → 本文 → フッター。サイドメニューは右からスライドするドロワー(2026-10-27 owner 指示) */
  #floatArea{display:flex; flex-direction:column; background:none; padding-top:84px;}  /* ロゴ部分を固定(fixed)した分の余白。ハンバーガーと一緒にスティッキー(2026-10-27) */
  #upperMenu{order:0;}
  #topcontentsArea,#contentsArea{order:2; float:none; margin:0; padding:8px 10px 20px;}
  #footerArea{order:4;}
  #sideMenu{position:fixed; top:0; right:0; bottom:0; width:280px; max-width:85vw; height:auto; float:none; margin:0; padding:64px 14px 24px; box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch; background:#ececec url(images/bg_menu.jpg) no-repeat left top; z-index:1000; transform:translateX(100%); transition:transform .28s ease; box-shadow:-4px 0 14px rgba(0,0,0,0.25);}
  #sideMenu > ul{display:block; width:auto; margin:0;}
  #sideMenu ul li[id^="sideMenu"]{width:auto; margin:0 0 8px;}
  #sideMenu ul li[id^="sideMenu"] a{width:auto;}
  #sideMenu > .sidebanner{padding:8px 0 0; text-align:center;}
  .navToggle{position:absolute; left:-9999px;}
  .navBtn{position:fixed; top:20px; right:10px; width:44px; height:44px; box-sizing:border-box; padding:11px 10px; background:#001b64; border:0; border-radius:4px; z-index:1002; cursor:pointer; display:block;}
  .navBtn span{display:block; height:2px; background:#fff; margin:0 0 7px; transition:transform .25s ease, opacity .2s ease;}
  .navBtn span:last-child{margin-bottom:0;}
  .navOverlay{position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:999; opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s;}
  .navToggle:checked ~ #floatArea #sideMenu{transform:translateX(0);}
  .navToggle:checked ~ .navOverlay{opacity:1; visibility:visible;}
  .navToggle:checked ~ .navBtn span:nth-child(1){transform:translateY(9px) rotate(45deg);}
  .navToggle:checked ~ .navBtn span:nth-child(2){opacity:0;}
  .navToggle:checked ~ .navBtn span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
  /* 本文 */
  #contentsWrapper{margin:0;}
  #breadcrumb{height:auto !important; padding:6px 0 10px; background:none; border-bottom:1px solid #ddd; margin-bottom:10px; white-space:normal;}
  h2.title{font-size:20px; line-height:36px;}
  #topcontentsArea{padding-top:10px;}
  .topBannerL,.topBannerR,.topBannerW,.aboutimg240R,.aboutimgBox,.lifeimgL,.lifeimgR,.lifeimgL2,.lifeimgR2,.mapimg,.addressBox,#fairArea,#archiveFair,#archiveArea,#footerAddress,#footerCopy{width:auto !important; float:none !important; height:auto !important; min-height:0 !important;}
  /* トップの 4 枚バナーは 2 列のまま(画像 270px を拡大せず縮小表示) */
  .topBannerL,.topBannerR{width:49% !important; float:left !important; margin-bottom:8px; text-align:center;}
  .topBannerR{float:right !important;}
  .topBannerL span.arrow01,.topBannerR span.arrow01{font-size:10px; line-height:150%; display:inline-block; padding-right:12px; background-position:right 2px;}
  .aboutimgBox p,.lifeimgL p,.lifeimgR p,.lifeimgL2 p,.lifeimgR2 p{margin-left:0; margin-right:0;}
  .aboutStory p{margin-left:0;}
  #contentsWrapper [style*="width"]{max-width:100% !important;}
  #contentsWrapper table{max-width:100%;}
  #companyTable th,th{white-space:normal;}
  #catalogWrapper #archiveArea{width:auto; height:auto;}
  .archiveStory ul li,#archiveFair ul li{font-size:13px; line-height:150%;}
  div.dsfaq_qa_block p{line-height:165% !important;}
  input[type="text"],input[type="password"],input[type="email"],input[type="search"],select,textarea{width:100%;}
  /* フッター */
  #footerArea{padding:12px 12px 14px; text-align:center;}
  #footerArea p{font-size:11px; line-height:160%; margin-bottom:4px;}
  #footerAddress{margin-bottom:6px;}
}