/*
ここからスタイル開始 
*/

*
{margin: 0px; 
padding: 0px; }

/*
全体のバックグラウンド指定。
*/
body
{background-image:url(picture1/washi-haikei.gif); 
background-attachment:fixed; 
background-position:center top; 
background-repeat:repeat-y;
text-align:center; 
margin: 0px; 
padding: 0px; }

body p{
font-family:'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif; 
}

/*
ページのコンテンツスペースの大外枠。
*/
#sotowaku
{width:1110px; 
text-align:center; 
margin:0 auto; }
/*
これよりヘッダー部分のスタイル指定。
*/
#header
{width:1110px; 
text-align:center; }
/*
サイトのグローバルタイトル部分。
*/
#h-title
{width:1110px; 
height:86px; 
background-image:url(picture1/header-titile.gif)}
/*
グローバルタイトル部分内、サイトロゴ部分。
*/
#title{width:200px; height:65px; position:absolute; top:0; margin:9px 0 0 0; }
#title a img{border:none; }
/*
グローバルタイトル部分内、サイトロゴ横、大見出し部分のスタイル指定。
SEO対策。
*/
#o-midashi{position:absolute; width:160px; margin:35px 0 0 215px; text-align:left; }
#o-midashi h1{font-size:12px; font-weight:normal; }
/*
長文対応。グローバルタイトル部分内、サイトロゴ横、大見出し部分のスタイル指定。
SEO対策。
*/
#o-midashi2{position:absolute; width:400px; margin:35px 0 0 215px; text-align:left; }
#o-midashi2 h1{font-size:12px; font-weight:normal; }
/*
グローバルタイトル部分内、snsボタンのスタイル指定。
「ix」とは恐らくインデックスの略。
*/
#ix-snsb{position:absolute; width:540px; height:20px; margin:56px 0 0 670px; }
#ix-snsb li{list-style-type:none; margin:0px 10px 0px 0px; float:left; }
/*
フロートのリセット用。他部分使い回し。
 */
.clear 
{clear:both; }
/*
ツイートボタンの指定スタイル。
*/
iframe.twitter-share-button.twitter-count-horizontal {width:85px!important; }
div#___plusone_0 {width:65px!important; }
/*
グローバルナビのスタイル指定。
*/
#gn-bar
{width:1110px; 
height:37px; 
background-image:url(picture1/gnavi-bar.gif) }

#gnavi{position:absolute; top:0; margin:86px 0 0 0; }
#gnavi li{list-style-type:none; float:left; }
#gnavi li a{display: block; }
#gnavi li a img{border:none; }
#gnavi li a:hover{}
#gnavi li a:hover img {visibility: hidden;}
/*
家紋コンテンツ部分のタイトル画像。あの和風っぽいやつ。
*/
#m-title
{width:1110px; 
height:200px; 
background-image:url(picture1/contents-title-image.gif)}
/*
google adsリンクユニット（横長大）配置のスタイル指定(wbはワイドビッグの事)
*/
.ga-link-unit-wb{width:1110px; height:15px; background-image:url(picture1/link-unit-yohaku.gif) }
/*
コンテンツスペース内、メインスペース部分のスタイル指定。。
*/
#dl-page-title {
width:726px;
height:50px;
float:right; 
background-image:url(h1-back-ground.gif)
}

#dl-page-title h2 {
font-size:30px;
color:rgbf(53,56,56);
text-align:center;
padding:5px 0px 15px 0px;
font-weight:normal; 
}

/*
コンテンツスペース内、メインスペース部分の枠のスタイル指定。。
*/
#mainwaku
{width:726px;
float:right;  
text-align:left; 
margin:16px 15px 16px 16px; 
padding:0 0 0 0; 
background-color: rgba(255,255,255,0.5);
}

/*
ダウンロードページタイトルのスタイル指定。
*/
#dl-page-title-bg {
width:726px;
height:60px;
background-image:url(picture1/h1-back-ground.gif);
}

#dl-page-title-bg h2 {
font-family:"ヒラギノ明朝 Pro W3", "メイリオ"; 
font-size:30px;
color:rgb(255,255,255);
text-align:center;
padding:10px 0px 0px 0px;
font-weight:100; 
}

/*
ダウンロードページのメインコンテンツ背景のスタイル指定。
*/
#main-cont-bg
{width:685px; 
margin:0px 0px 60px 20px;
text-align:left;
}
/*
紋ペ用トップイメージ画像のスタイル指定。
*/
#top-image{display:block; width:726px; height:320px; text-align:center; margin: 1px 0px 10px 0px; }
/*
記事個別ページ上部のsnsボタンのスタイル指定。
*/
#article-page-snsb{display:block; width:550px; text-align:right; padding:15px 0px 40px 0px; }
#article-page-snsb li{list-style-type:none; margin:0px 10px 0px 0px; float:left; }
/*
メインスペース上部、snsボタンのスタイル指定。
「h」はハイの略。現在未使用。
*/
#snsb-h{width:440px; height:20px; margin:0 0 10px 0px; }
#snsb-h li{list-style-type:none; margin:0px 10px 0px 0px; float:left; }
div#___plusone_5 {width:65px!important; }
/*
メインスペース上部、snsボタンのスタイル指定。
「l」はロウの略。
*/
#snsb-l{width:670px; height:60px;  margin:0px 0px 15px 20px; }
#snsb-l li{list-style-type:none; margin:0px 10px 0px 0px; float:left; }
div#___plusone_1 {width:50px!important; }
/*
「このサイトについて」部分の見出し画像。
*/
#cat-back
{width:645px; 
height:60px; 
background-image:url(picture1/about-copy.gif); }
/*
「利用規約」部分の見出し画像。
*/
#kiy-back
{width:645px; 
height:60px; 
background-image:url(picture1/kiyaku-copy.gif); }
/*
「用途について」部分の見出し画像。
*/
#you-back
{width:645px; 
height:60px; 
background-image:url(picture1/youto-copy.gif); }
/*
メインスペース用 google ads 728x90 バナーのスタイル指定
*/
.ga-main-728x90{width:728px; height:157px; margin: 70px 0px 0px 0px; }
.ga-main-728x90 p{font-size:12px; letter-spacing:1px; color:rgb(53,56,56); text-align:left; margin:0 0 5px 0; }
*/
サイドバー部分のスタイル指定。
*/
#yokowaku
{width:368px; 
float:left;  
text-align:center; 
margin:16px 16px 0 16px; }
/*
サイドバー用 google ads 336x280 レクタングル（大）のスタイル指定
*/
.ga-side-336x280{width:336px; height:297px; margin: 15px 0px 15px 15px; }
.ga-side-336x280 p{font-size:12px; letter-spacing:1px; color:rgb(53,56,56); text-align:center; margin:0 0 5px 0; }
/*
家紋カテゴリーナビゲーションのスタイル指定。
*/
#ctg-f
{width:336px; 
height:385px; 
background-image:url(picture1/ctg-frame.gif); 
margin:0 0 0 16px;  }

#catewaku{position:absolute; margin:50px 0 0 15px; }
#catewaku li{list-style-type:none; }
#catewaku li a{display: block; }
#catewaku li a img{border:none; }
#catewaku li a:hover{}
#catewaku li a:hover img {visibility: hidden;}
/*
サイドバー用 三つ巴紋へのリンクバナーのスタイル指定
*/
#mitsu-domoe-linkbanner{width:336px; height:120px; margin:15px 15px 10px 15px; background-image:url(/picture1/mitsudomoe-mon-linkbanner-on.jpg);  }
#mitsu-domoe-linkbanner a{display: block; }
#mitsu-domoe-linkbanner a img{border:none; }
#mitsu-domoe-linkbanner a:hover img {visibility: hidden;}
/*
サイドバー用 戦国武将の家紋一覧へのリンクバナーのスタイル指定
*/
.ichiran-sengoku-linkbanner{width:336px; height:120px; margin:15px 15px 10px 15px; background-image:url(/picture1/ichiran-sengoku-linkbanner-on.gif);  }
.ichiran-sengoku-linkbanner a{display: block; }
.ichiran-sengoku-linkbanner a img{border:none; }
.ichiran-sengoku-linkbanner a:hover img {visibility: hidden;}
/*
サイドバー用 二つ巴紋へのリンクバナーのスタイル指定
*/
.futatsu-domoe-linkbanner{width:336px; height:120px; margin:15px 15px 10px 15px; background-image:url(/picture1/futatsudomoe-mon-linkbanner-on.gif);  }
.futatsu-domoe-linkbanner a{display: block; }
.futatsu-domoe-linkbanner a img{border:none; }
.futatsu-domoe-linkbanner a:hover img {visibility: hidden;}
/*
黒川さんのブログへのリンクバナーのスタイル指定
*/
#Cocktails-linkbanner{width:336px; height:120px; margin:10px 15px 10px 15px; background-image:url(picture1/kurokawa-blog-linkbanner2-on.jpg);  }
#Cocktails-linkbanner a{display: block; }
#Cocktails-linkbanner a img{border:none; }
#Cocktails-linkbanner a:hover img {visibility: hidden;}
/*
hakko_satouツイッターアカウントのフォローボタンのスタイル指定
*/
#side-twitter-follow{width:336px; height:180px; margin:10px 15px 10px 15px; background-image:url(picture1/twitter-follow-side-on.jpg);  }
#side-twitter-follow a{display: block; }
#side-twitter-follow a img{border:none; }
#side-twitter-follow a:hover img {visibility: hidden;}
/*
hakko_satouピンタレストアカウントのフォローボタンのスタイル指定
*/
#side-pinterest-follow{width:336px; height:40px; margin:10px 15px 10px 15px; background-image:url(picture1/pinterest-follow-on.jpg);  }
#side-pinterest-follow a{display: block; }
#side-pinterest-follow a img{border:none; }
#side-pinterest-follow a:hover img {visibility: hidden;}
/*
hakko_satouインスタアカウントのフォローボタンのスタイル指定
*/
#side-instagram-follow{width:336px; height:40px; margin:10px 15px 15px 15px; background-image:url(picture1/instagram-follow-on.jpg);  }
#side-instagram-follow a{display: block; }
#side-instagram-follow a img{border:none; }
#side-instagram-follow a:hover img {visibility: hidden;}
/*
家紋アクセスベストのリンクバナーのスタイル指定
*/
#access-waku
{width:336px;
height:1285px; 
margin:15px 15px 15px 15px; 
padding:0px 0px 0px 0px; 
background-image:url(picture1/access-best-background.gif); 
}

#access-banner{position:absolute; margin:80px 0px 0px 15px; }
#access-banner li{list-style-type:none; margin:0px 0px 10px 0px; }
#access-banner li a{display: block; }
#access-banner li a img{border:none; }
#access-banner li a:hover{}
#access-banner li a:hover img {visibility: hidden;}
/*
サイドバー用 google ads 300x600 ラージスカイスクレイパーのスタイル指定
*/
.ga-side-300x600{width:300px; height:617px; margin: 15px 0px 15px 30px; }
.ga-side-300x600 p{font-size:12px; letter-spacing:1px; color:rgb(53,56,56); text-align:center; margin:0 0 5px 0; }
/*
フッター部分のスタイル指定。
*/
#footer
{width:1110px; 
height:135px;
background-image:url(picture1/footer-bg.gif); 
text-align:center; 
padding:20px 0 0 0; }
/*
フッターナビゲーションのスタイル指定。
*/
#fnavi{width:700px; margin:0 auto; }
#fnavi li{list-style-type:none; float:left; }
#fnavi li a{display:block; width:100%; height:16px; margin:0 10px 0 0; color:white; }
#fnavi li a:hover{color:darkgray; }
/*
コピーライト部分のスタイル指定。
*/
#c-righit{width:500px; height:50px; margin:0 auto;}
#c-righit p{color:white; margin:40px 0 0 0; }
/*
利用規約などのテキスト部分の各種スタイル指定。
*/
.futoji{font-weight:bold; }
.danraku{margin:0 0 1em 0; }
.nidan{margin:0 0 2em 0; }
.nigyou{margin:0 0 3em 0; }
.sangyou{margin:0 0 3em 0; }
.spacefilling{padding:0 0 -60px 0; }
.l-height{line-height:130%; 
letter-spacing:1px; }



.block
{display:block; }

.cblock
{display:block; 
margin:0 auto; }

background-color:olive;



/*
ダウンロードページ境界線。
*/
.kyoukaisen{width:685px; border-top:solid 1px; border-color:rgb(56,56,56); padding:0px 0px 25px 40px; margin:0 0 0 0; }
/*
ダウンロードページ境界線2。
*/
.kyoukaisen2{width:685px; border-top:solid 1px; border-color:rgb(56,56,56); padding:0px 0px 45px 0px; margin:0 0 0 0; }
/*
ダウンロードページ境界線3（上下のスペースのみの違い）。
*/
.kyoukaisen3{width:685px; border-top:solid 1px; border-color:rgb(56,56,56); padding:0px 0px 0px 0px; margin:0 0 0 0; }

/*
紋ペ用の見出し（h2）のスタイル指定。
*/
#monpe-Commentary-midashi {
width:726px;
height:60px;
margin:40px 0px 40px -20px; 
background-image:url(picture1/h1-back-ground.gif);
}

#monpe-Commentary-midashi h2 {
font-family:"ヒラギノ明朝 Pro W3", "メイリオ"; 
font-size:30px;
color:rgb(255,255,255);
text-align:center;
padding:10px 0px 0px 0px;
font-weight:100; 
}

/*
見出し2（h2）のスタイル指定。
*/
#heading2 {
width:685px;
height:60px;
margin:40px 0px 40px 0px; 
background-image:url(picture1/h2-back-ground.gif);
}

#heading2 h2 {
font-family:"ヒラギノ明朝 Pro W3", "メイリオ"; 
font-size:18px;
color:rgb(255,255,255);
padding:16px 0px 0px 15px;
font-weight:100; 
}

/*
見出し3（h3）のスタイル指定。
*/
#heading3 {
width:685px;
height:35px;
margin:40px 0px 40px 0px; 
background-image:url(picture1/h3-back-ground.png);
}

#heading3 h3 {
font-family:"ヒラギノ明朝 Pro W3", "メイリオ"; 
font-size:16px;
color:rgb(255,255,255);
padding:6px 0px 0px 15px;
font-weight:100; 
}

/*
ダウンロードページ家紋イメージ画像。
*/
#image-glids {display:block; width:100%; text-align:center; padding:10px 0px 10px 0px; }
#image-glids a img {border-style:none; }
/*
(旧)ダウンロードページ家紋イメージ画像。
*/
#image-glid {display:block; width:600px; height:600px; padding:0px 0px 30px 63px; border-style:none;}
#image-glid a img {border-style:none; }
ダウンロードページ家紋イメージ画像残し。
*/
#image-waku{display:block; width:100px; height:100px; padding:0px 0px 0px 293px; }
/*
記事内挿入画像
*/
.article-image {display:block; width:100%; height:100%; text-align:center; padding:0 0 2em 0; }
/*
ダウンロードページgoogle adsリンクユニット（横長中）配置のスタイル指定(mはMサイズの事)
*/
.ga-link-unit-dl-m{width:600px; height:15px; background-color:rgb(255,255,255); margin:-25px 0 25px 63px;}
/*
紋種ページ家紋名フォント設定
*/
#name-kamon{padding:0px 0px 25px 0px;}
#name-kamon p{padding:0px 15px 0px 15px; font-size:15px; line-height:110%; letter-spacing:-0.02em; color:rgb(30,30,30);}
#name-kamon span {font-size: 12px; line-height:120%; }
/*
ダウンロードページテキスト部分。
*/
#dl-honbun{padding:0px 0px 25px 0px;}
#dl-honbun p{padding:0px 15px 0px 15px; font-size:16.3px; line-height:130%; letter-spacing:0px; color:rgb(30,30,30);}
/*
強調文字色-赤
*/
.aka-gi p span{color: red;}
/*
ダウンロードページ境界線。
*/
.kyoukaisen{width:685px; border-top:solid 1px; border-color:rgb(53,56,56); padding:0px 0px 25px 0px; margin:50px 0 0 0;}
/*
ダウンロードページ境界線3。
*/
.kyoukaisen3{width:685px; border-top:solid 1px; border-color:rgb(53,56,56); padding:0px 0px 25px 0px; margin:0 0 0 0;}
/*
ダウンロードページ但し書き部分。
*/
#tadashigaki{}
#tadashigaki p{color:rgb(53,56,56); text-align:center; padding:0px 0px 15px 0px; margin:0 40px 0 0; }
/*
ダウンロードページダウンロード部分。
*/
#dl{padding:0px 0px 0px 182px;}
#dl li{list-style-type:none; float:left; } 
#dl li a{margin:0 40px 0 0; color:blue; }
/*
ダウンロードページトップページリンク部分。
*/
#h-link{text-align:center;  padding:25px 0px 0px 0px; }
#h-link a{font-size:14px; }
/*
記事内広告のスタイル指定
*/
.in article{margin:0px 0px 0px 0px;}
/*
記事内themoneytizer広告のスタイル指定
*/
.moneyt{width:728px; height:90px; text-align:center; margin:0px 0px 60px -21px;}
/*

/******************************************************************************
おすすめ記事のCSS
*******************************************************************************/
#osusume-waku{width:685px; margin:0px 0px 60px 20px;}
/*
各家紋データへのリンク用サムネイル画像の枠
*/
.article-osusume{width:150px; height:270px; margin:-20px 0px 0px 17px; float:left;  }
.article-osusume a{text-decoration:none; color:rgb(53,56,56); }
.article-osusume a:hover{color:rgb(190,10,10); }
.article-osusume a image{border:none; }
.article-osusume p{padding:10px 0px 0px 10px; width:140px; text-align:left; font-size:14px; line-height:150%; }



/******************************************************************************
リンク挿入用バナーのCSS
自サイトのリンク挿入用バナーの外枠-tsuta1用
*******************************************************************************/
.link-banner-kata8{
width:500px; 
margin:2em 0em 0em 15px;
border: solid 1px;
color:rgb(80,80,80);
border-radius: 8px;
}
/*
自サイトのリンク挿入用バナーのサムネイル画像-tsuta1用
*/
.link-banner-kata8pic{
width:100px; 
margin:12px 12px 12px 12px;
float:right;
background-image:url(picture1/tsuta1-thumbnail-on.gif);
}
.link-banner-kata8pic a{display: block; }
.link-banner-kata8pic a:hover{}
.link-banner-kata8pic a img {border-style:none; }
.link-banner-kata8pic a:hover img {visibility: hidden;}
/*
自サイトのリンク挿入用バナーのサムネイル画像-katabami5用
*/
.link-banner-kata5pic{
width:100px; 
margin:12px 12px 12px 12px;
float:right;
background-image:url(picture1/katabami5-thumbnail-on.gif);
}
.link-banner-kata5pic a{display: block; }
.link-banner-kata5pic a:hover{}
.link-banner-kata5pic a img {border-style:none; }
.link-banner-kata5pic a:hover img {visibility: hidden;}
/*
自サイトのリンク挿入用バナーのリンク先タイトル-tsuta1用
*/
.link-banner-kata8title{
width:364px;
margin:12px 0px 12px 12px ;
}
.link-banner-kata8title a{
font-size:18px;
color:rgb(53,56,56);
text-decoration:none;
font-weight:bold;
}
.link-banner-kata8title a:hover{color:rgb(190,10,10);}
/*
自サイトのリンク挿入用バナーのリンク先ディスクリプション-tsuta1用
*/
.link-banner-kata8descri{
width:364px;
margin:0px 0px 12px 12px ;
}
.link-banner-kata8descri a{
font-size:16px;
color:rgb(53,56,56);
}
/*
自サイトのリンク挿入用バナーのタイトルロゴ-tsuta1用
*/
.link-banner-kata8logo{
width:75px;
height:20px;
margin:0px 0px 12px 12px ;
background-image:url(picture1/link-banner-logo.gif);
}


/*
自サイトのリンク挿入用バナーの外枠-main0用
*/
.link-banner{
width:500px; 
margin:2em 0em 0em 15px;
border: solid 1px;
color:rgb(80,80,80);
border-radius: 8px;
}
/*
自サイトのリンク挿入用バナーのサムネイル画像-main0用
*/
.link-banner-pic{
width:100px; 
margin:12px 12px 12px 12px;
float:right;
background-image:url(picture1/main0-thumbnail-on.gif);
}
.link-banner-pic a{display: block; }
.link-banner-pic a:hover{}
.link-banner-pic a img {border-style:none; }
.link-banner-pic a:hover img {visibility: hidden;}
/*
自サイトのリンク挿入用バナーのリンク先タイトル-main0用
*/
.link-banner-title{
width:364px;
margin:12px 0px 12px 12px ;
}
.link-banner-title a{
font-family:'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif; 
font-size:18px;
line-height:110%;
color:rgb(30,30,30);
text-decoration:none;
font-weight:bold;
}
.link-banner-title a:hover{color:rgb(190,10,10);}
/*
自サイトのリンク挿入用バナーのリンク先ディスクリプション-main0用
*/
.link-banner-descri{
width:364px;
margin:0px 0px 12px 12px ;
}
.link-banner-descri a{
font-family:'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif; 
font-size:16px;
line-height:120%;
color:rgb(30,30,30);
}
/*
自サイトのリンク挿入用バナーのタイトルロゴ-main0用
*/
.link-banner-logo{
width:75px;
height:20px;
margin:0px 0px 12px 12px ;
background-image:url(picture1/link-banner-logo.gif);
}


/*
---ベーシック---自サイトのリンク挿入用バナーの外枠-標準用
*/
.link-banner-basic{
width:500px; 
margin:2em 0em 0em 15px;
border: solid 1px;
color:rgb(80,80,80);
border-radius: 8px;
}
/*
---ベーシック---自サイトのリンク挿入用バナーのサムネイル画像-標準用
*/
.link-banner-basic-pic{
width:100px; 
margin:12px 12px 12px 12px;
float:right;
}

/*
---ベーシック---自サイトのリンク挿入用バナーのリンク先タイトル-標準用
*/
.link-banner-basic-title{
width:364px;
margin:12px 0px 12px 12px ;
}
.link-banner-basic-title a{
font-family:'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif; 
font-size:18px;
line-height:110%;
color:rgb(30,30,30);
text-decoration:none;
font-weight:bold;
}
.link-banner-basic-title a:hover{color:rgb(190,10,10);}
/*
---ベーシック---自サイトのリンク挿入用バナーのリンク先ディスクリプション-標準用
*/
.link-banner-basic-descri{
width:364px;
margin:0px 0px 12px 12px ;
}
.link-banner-basic-descri a{
font-family:'Hiragino Kaku Gothic ProN',
      Meiryo, Helvetica, Arial, sans-serif; 
font-size:16px;
line-height:120%;
color:rgb(30,30,30);
}
/*
---ベーシック---自サイトのリンク挿入用バナーのタイトルロゴ-標準用
*/
.link-banner-basic-logo{
width:75px;
height:20px;
margin:0px 0px 12px 12px ;
background-image:url(picture1/link-banner-logo.gif);
}


/******************************************************************************
各ページ共通の下部内部リンク集のCSS
*******************************************************************************/
/*
ページ下部内部リンク集（個別家紋）
*/
#indlink{width:700px; margin:0px 0px 60px 0px;}
.article-indlink{width:125px; height:156px; margin:0px 15px 0px 0px; float:left;  }
.article-indlink a{text-decoration:none; color:rgb(53,56,56); }
.article-indlink a:hover{color:rgb(190,10,10); }
.article-indlink a image{border:none; }
.article-indlink p{padding:7px 0px 0px 0px; width:120px; text-align:center; font-size:14px; line-height:120%; }

/*
ページ下部内部リンク集（十大家紋）
*/
#t10link{width:700px; margin:0px 0px 60px 0px;}
.article-t10link{width:120px; height:151px; margin:0px 20px 0px 0px; float:left;  }
.article-t10link a{text-decoration:none; color:rgb(53,56,56); }
.article-t10link a:hover{color:rgb(190,10,10); }
.article-t10link a image{border:none; }
.article-t10link p{padding:7px 0px 0px 0px; width:120px; text-align:center; font-size:14px; line-height:120%; }

/*
ページ下部内部リンク集（種類別家紋）
*/
#typlink{width:700px; margin:0px 0px 60px 0px;}
.article-typlink{width:120px; height:151px; margin:0px 20px 0px 0px; float:left;  }
.article-typlink a{text-decoration:none; color:rgb(53,56,56); }
.article-typlink a:hover{color:rgb(190,10,10); }
.article-typlink a image{border:none; }
.article-typlink p{padding:7px 0px 0px 0px; width:120px; text-align:center; font-size:14px; line-height:120%; }

/*
ページ下部内部リンク集（人気の〇〇紋）
*/
#ninki-ichiran{width:685px; margin:0px 0px 60px 0px;}
.article-ninki{width:150px; height:210px; margin:0px 0px 0px 17px; float:left;  }
.article-ninki a{text-decoration:none; color:rgb(53,56,56); }
.article-ninki a:hover{color:rgb(190,10,10); }
.article-ninki a image{border:none; }
.article-ninki p{margin:10px 0px 0px -17px; width:150px; text-align:center; font-size:14px; line-height:150%; }

/******************************************************************************
種類ごとの一覧をサムネイルでのCSS
*******************************************************************************/
#gazou-ichiran-waku{width:685px; margin:0px 0px 60px 20px;}
/*
各家紋データへのリンク用サムネイル画像の枠
*/
.article-thumb{width:150px; height:230px; margin:0px 17px 0px 0px; float:left;  }
.article-thumb a{text-decoration:none; color:rgb(53,56,56); }
.article-thumb a:hover{color:rgb(190,10,10); }
.article-thumb a image{border:none; }
.article-thumb p{margin:10px 0px 0px -17px; width:150px; text-align:center; font-size:14px; line-height:150%; }
/******************************************************************************
各紋ペ専用・各紋ペへのリンク一覧の枠と個別設定
*******************************************************************************/
#trapare-thumb{width:696px; margin:0px 0px 60px 0px;}
/*
各紋ペへのリンク一覧のCSS
*/
.tra-thumb{width:105px; margin:0px 11px 5px 0px; float:left; }
.tra-thumb img {background-color: rgba(255,255,255,0.5); }
.tra-thumb p {text-align:center; margin:5px 0px 10px 0px; font-size:15px; line-height:110%; letter-spacing:-0.02em; }
.tra-thumb span {font-size: 12px; }
.tra-thumb a {text-decoration:none; border:none; color:rgb(53,56,56); }
.tra-thumb a img {border:none; }
.tra-thumb:hover a {color:rgb(190,10,10); }
.tra-thumb:hover a img {background-color: rgba(0,0,0,0.05); }
/******************************************************************************
各紋ペへの簡易リンク一覧の枠
*******************************************************************************/
#kani-monpelink-waku{width:684px; height:756px; background-image:url(/picture1/monpe-link-waku.gif); }
#kani-monpelink-waku2{width:684px; height:792px; background-image:url(/picture1/monpe-link-waku2.gif); }
/*
各紋ペへの簡易リンク一覧のCSS
*/
.kani-monpelink {width:114px; height:36px; position: relative; float:left;  }
.kani-monpelink p {font-size:15px; }
.kani-monpelink image {width: 100%; border:none; }
.kani-monpelink a {display:inline-block; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width:104px; padding:7px 0px 6px 10px; text-decoration:none; color:rgb(53,56,56); }
.kani-monpelink:hover a {color:rgb(150,130,10); }
.kani-monpelink:hover img {visibility: hidden; }
/******************************************************************************
ピンポイントでlinkの装飾を無効化したい場合のCSS
*******************************************************************************/
.pinpoint-link-deco-invalid{width: }
.pinpoint-link-deco-invalid a{text-decoration:none; color:rgb(221,221,221); }
.pinpoint-link-deco-invalid a:hover{color:rgb(190,10,10); }
/******************************************************************************
広告ユニット配置のためのCSS一覧
*******************************************************************************/
/*
メインスペース用広告ユニットg-ads『レクタングル（大）336x280』のスタイル指定
*/
.l-rectangle{width:336px; height:280px; text-align:center; margin:30px 0px 30px 175px; }
/*
メインスペース用最上段『ビッグバナー728x90』のスタイル指定
*/
.high-big-banner{width:728px; height:90px; text-align:center; margin:15px 0px 30px -21px; }
/*
メインスペース用通常段『ビッグバナー728x90』のスタイル指定
*/
.mid-big-banner{width:728px; height:90px; text-align:center; margin:30px 0px 30px -21px; }
/*
紋ペ用メインスペース用『ビッグバナー728x90』のスタイル指定
*/
.monpe-big-banner{width:728px; height:90px; text-align:center; margin:0px 0px 30px -21px; }
/*
紋ペ用メインスペース用『レクタングル（大）336x280』のスタイル指定
*/
.monpe-l-rectangle{width:336px; height:280px; text-align:center; margin:0px 0px 30px 175px; }
/*
テキストなしメインスペース用最上段『ビッグバナー728x90』のスタイル指定
*/
.notex-big-banner{width:728px; height:90px; text-align:center; margin:5px 0px 45px -21px; }
/*
epsダウンロード上『レクタングル（大）336x280』のスタイル指定
*/
.dl-rectangle{width:336px; height:280px; text-align:center; margin:5px 0px 30px 175px; }
/*
epsダウンロード上『ビッグバナーロウ』のスタイル指定
*/
.dlup-big-banner{width:728px; height:90px; text-align:center; margin:5px 0px 30px -21px; }
/*
サイドスペース用 google ads 336x280 サイドレク（大）のスタイル指定
*/
.side-recta-l{width:336px; height:280px; margin: 15px 0px 15px 15px; }
/*
サイドスペース用広告ユニットg-ads『ラージスカイスクレイパー300x600』のスタイル指定
*/
.ls-scraper{width:300px; height:600px; margin: 15px 0px 15px 30px;  }
/*













/* ここからスマホ・タブレット用 */@media screen and (max-width: 1110px) {

/* 条件によるサイトのはみ出し禁止の設定 */
    html, body {
        width: 100% !important;
        background-image: none !important; /* PC版の和紙画像を消去 */
        background-color: #ffffff !important; /* 外側を白にする（好みの色でOK） */
        overflow-x: hidden !important; /* 横方向のはみ出しを一切許さない */
    }
/* サイト全体の横幅（外枠）を画面幅に合わせる */
    #sotowaku {
        width: 100% !important;        /* スマホなどの狭い画面では幅いっぱい */
        max-width: 550px !important;   /* 550px以上は広がらないように制限 */
        min-width: 0 !important;       /* 最小幅のリセット */
        margin: 0 auto !important;     /* 画面幅が550pxを超えた時に中央に寄せる */
        background-image: url(/picture1/washi-haikei.gif) !important; 
        background-repeat: repeat !important;
        overflow-x: hidden !important; /* 横はみ出しの防止 */
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
        box-shadow: 0 0 20px rgba(0,0,0,0.4) !important;  /* 一定以上の画面幅以降は、枠があることがわかるように薄い影をつける（任意） */
    }
/* 既存CSSの「width」（長い横幅）固定をまとめて解除 */
    #m-title, #header, #h-title, #o-midashi2, #ix-snsb, #gn-bar, #dl-page-title, #mainwaku, #dl-page-title-bg, #main-cont-bg, #top-image, #article-page-snsb, #snsb-h, #snsb-l, #cat-back, #kiy-back, #you-back, .ga-main-728x90, #yokowaku, .ga-side-336x280, #ctg-f, #mitsu-domoe-linkbanner, .ichiran-sengoku-linkbanner, .futatsu-domoe-linkbanner, #Cocktails-linkbanner, #side-twitter-follow, #side-pinterest-follow, #side-instagram-follow, #access-waku, #footer, #fnavi, #c-righit, .kyoukaisen, .kyoukaisen2, .kyoukaisen3, #monpe-Commentary-midashi, #heading2, #heading3, #image-glid, .ga-link-unit-dl-m, .moneyt, #osusume-waku, .link-banner-kata8, .link-banner-kata8title, .link-banner-kata8descri, .link-banner, .link-banner-title, .link-banner-descri, .link-banner-basic, .link-banner-basic-title, .link-banner-basic-descri, #indlink, #t10link, #typlink, #ninki-ichiran, #gazou-ichiran-waku, #trapare-thumb, #kani-monpelink-waku, #kani-monpelink-waku2, .l-rectangle, .high-big-banner, .mid-big-banner, .monpe-big-banner, .monpe-l-rectangle, .notex-big-banner, .dl-rectangle, .dlup-big-banner, .side-recta-l, .ga-link-unit-wb {
        width: 100% !important;   /* 画面幅いっぱいにする */
        min-width: 0 !important;   /* 最小幅の設定があればリセットする */
        max-width: 100% !important;   /* 1110pxなどの制限を解除する */
        box-sizing: border-box !important; /* これを入れるとパディングによるはみ出しも防げます */
    }
/* 【これよりヘッダーとヘッダー枠内の設定へ。】*/
    #header {
        width: 100% !important;        /* 親の#sotowaku(max 550px)に合わせて100% */
        max-width: 100% !important;     /* 1110pxの制限を解除 */
        height: auto !important;        /* 中身（ロゴやナビ）に合わせて自動で伸びる */
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        position: relative !important;  /* 中にある絶対配置要素の基準にするため */
    }
/* ヘッダー最上段の設定 */
    #h-title {
        width: 100% !important;
        max-width: 550px !important;
        height: auto !important; 
        aspect-ratio: 900 / 415 !important; /* 枠（背景とともに）拡大・縮小時の縦横比率の指定 */
        background-image: url(/picture1/header_high_bgi.gif) !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: contain !important; /* 枠内に画像を収める（比率維持） */
        display: block !important;    
        margin: 0 auto !important;
        padding: 20% 10px 0 10px !important; 
        box-sizing: border-box !important; /* paddingで枠が伸びないように固定 */
    }
/* PC版のロゴ画像の非表示設定 */
    #title {
        display: none !important;
    }
/* h1大見出しの文字装飾と位置設定 */
    #o-midashi {
        position: static !important; /* absoluteによる浮きを解除 */
        width: auto !important;      /* 400pxの固定幅を解除し、画面幅に合わせる */
        margin: 10px 0 !important;   /* 215pxの左余白を0にする */
        text-align: center !important;
    }
    #o-midashi h1 {
        display: inline !important;
        font-size: clamp(12px, 3.5vw, 19px) !important;  /* 画面幅に合わせて文字の大きさが変化 */
        line-height: 1.2 !important;  /* 行間の設定 */
    }
/* PC版想定の大見出しテキストの<br>による改行の解除設定 */
    #o-midashi h1 br {
        display: none !important;
    }
/* h1大見出し2【現在はこちらが主流】の文字装飾と位置設定 */
    #o-midashi2 {
        position: static !important; /* 浮きを解除 */
        width: auto !important;      /* 400pxの固定幅を解除し、画面幅に合わせる */
        margin: 10px 0 !important;   /* 215pxの左余白を0にする */
        text-align: center !important;
    }
    #o-midashi2 h1 {
        display: inline !important;
        font-size: clamp(12px, 3.5vw, 19px) !important;  /* 画面幅に合わせて文字の大きさが変化 */
        line-height: 1.2 !important;  /* 行間の設定 */
    }
/* PC版想定の大見出しテキストの<br>による改行の解除設定 */
    #o-midashi2 h1 br {
        display: none !important;
    }
/* サイトのSNSボタンの位置や装飾 */
    #ix-snsb {
        position: static !important; /* 絶対配置を解除して元の流れに戻す */
        width: 100% !important;      /* 幅を画面いっぱいに広げる */
        height: auto !important;     /* 高さを中身に合わせる */
        margin: 6% 0px 0px -10px !important;   /* 670pxの余白を消し、上下に少し隙間を作る */
        padding: 0 !important;       /* 念のためパディングもリセット */
    }
    #ix-snsb li {
        /* リスト項目（SNSボタン等）を左端から順に並べる */
        float: left !important;      
        list-style-type: none !important;
    }
/* グローバルナビのモバイルフレンドリー対策の設定 */
    #gn-bar {
        width: 100% !important;
        height: auto !important;
        background-image: url(/picture1/mov_g_navi_bgi.gif) !important; 
        background-size: 310px 74px !important; 
        background-repeat: no-repeat !important;
        background-position: right top !important;
        padding: 0 !important;
        margin: 0 !important;
    }
  /* ナビコンテナ：absolute解除、flexで並べる */
    #gnavi {
        position: static !important; /* absoluteを解除 */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #gnavi ul {
        display: flex !important;
        flex-wrap: wrap !important; /* ボタンが入りきらない場合は次の行へ */
        justify-content: flex-start !important; /* 左揃え */
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
  /* 各ボタンの親：369pxまでは固定、それ以下で縮小 */
    #gnavi li {
    /* ボタン3つ分（123px * 3 = 369px）を基準にする */
        width: 123px !important; 
        max-width: 33.333% !important; /* 画面幅が369pxを切ると3分割に切り替わる */
        height: auto !important;
    }
  /* ボタン画像：歪みを防ぎ、ロールオーバーを無効化 */
    #gnavi li a {
        display: block !important;
        width: 100% !important;
    }
    #gnavi li a img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        border: none !important;
        visibility: visible !important; /* ロールオーバーでの非表示を解除 */
    }
  /* ホバー時の挙動 */
    #gnavi li a:hover img {
        visibility: visible !important;  /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
/* 金屏風風のサイトメイン画像をスマホ用に差し替える */
    #m-title {
        width: 100% !important;
        height: auto !important;
        background-image: url(/picture1/site_main_image.gif) !important;
        /* ここから下を追加 */
        aspect-ratio: 2 / 1 !important; /* 横2：縦1 の比率を保つ */
        background-size: contain !important; /* 画像を枠内に収める */
        background-repeat: no-repeat !important;
        background-position: center top !important;
        margin: 0 0 10px 0 !important;   /* 215pxの左余白を0にする */
    }
/*【これよりメインカラム枠とメインカラム枠内の設定へ】*/
    #mainwaku {
        width: 100% !important;   /* 幅を画面いっぱいに */
        float: none !important;    /* 右寄せを解除 */
        margin: 0 auto !important;     /* 中央に寄せる */
    }
    #main-cont-bg {
        width: 100% !important;   /* 画面幅いっぱいにする */
        min-width: 0 !important;   /* 最小幅の設定があればリセットする */
        max-width: 100% !important;   /* 1110pxなどの制限を解除する */
        margin: 0 !important; 
        padding: 0 10px !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
    }
/* 個別ページ家紋メイン画像の設定 */
    #image-glids {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
    }
    #image-glids a img {
        border-style: none !important;
        max-width: 100% !important; /* 親の幅（550px～260px）を超えないようにする */
        height: auto !important;    /* 横幅に合わせて高さを自動維持（歪み防止） */
        display: inline-block !important; /* 中央揃えを確実に効かせる */
    }
/* （旧）個別ページ家紋メイン画像の設定 */
    #image-glid {
        display: block !important; 
        width: 100% !important; 
        height: auto !important;  /* 高さ設定を追加 */
        text-align: center !important; 
        padding: 10px 0 !important; 
        box-sizing: border-box !important; 
    }
    #image-glid a img {
        border-style: none !important;
        max-width: 100% !important; /* 親の幅（550px～260px）を超えないようにする */
        height: auto !important;    /* 横幅に合わせて高さを自動維持（歪み防止） */
        display: inline-block !important; /* 中央揃えを確実に効かせる */
    }
/* 解説テキストの文字組み設定のスマホ対応における修正設定 */
    #dl-honbun p {
        padding: 0 7px !important;  /* 親要素（#main-cont-bg）の10pxに加える左右余白をスマホ用にあらためて設定 */
    }
/* メイン枠に表示される画像全般のレイアウト制御設定。個別ページの家紋素材のアウトライン画像にも使用される */
    .article-image {
        display: block !important;
        width: 100% !important;
        height: auto !important; /* 100%からautoに変更 */
        text-align: center !important;
        padding: 0 0 2em 0 !important;
    }
    .article-image img {
        max-width: 100% !important; /* 画面幅に合わせて縮小 */
        height: auto !important;    /* 比率を維持 */
        display: inline-block !important; 
        border: none !important;
    }
/* 種類別ページのトップイメージ画像 */
    #top-image {
        display: block !important; 
        width: 100% !important; 
        height: auto !important; 
        text-align: center !important; 
        margin: 10px 0px 10px 0px !important; 
        box-sizing: border-box !important;  /* paddingで枠が伸びないように固定 */
    }
    #top-image img {
        max-width: 100% !important; /* 画面幅に合わせて縮小 */
        height: auto !important;    /* 比率を維持 */
        display: inline-block !important; 
        border: none !important;
    }
/* ダウンロードの但し書きテキストの装飾 */
    #tadashigaki p {
        color: rgb(53,56,56); !important; 
        text-align: left; !important; 
        margin: 0 !important; /* スマホ用の適切な余白に調整 */
    }
/* ダウンロードリンクを中央横並びにする設定 */
    #dl {
        padding: 0 !important;      /* PC用の182pxの余白を完全に消す */
        text-align: center !important; /* 中身（li）を中央に寄せる */
        margin: 15px 0 !important;
    }
    #dl li {
        display: inline-block !important; /* 横並びにする（floatより中央揃えしやすい） */
        float: none !important;           /* PC用のfloatを解除 */
        list-style-type: none !important;
        margin: 0 10px !important;        /* リンク同士の左右の隙間 */
    }
    #dl li a {
        margin: 0 !important;             /* PC用の右マージン40pxを解除 */
        color: blue !important;
        font-size: 16px !important;       /* スマホで押しやすいサイズに（任意） */
    }
/* 所属紋ペページへの内部リンクカード */
    .link-banner-basic {
        width: 100% !important;   /* 画面幅いっぱいにする */
        height: auto !important;  /* 高さを内容に合わせる */
        min-width: 0 !important;   /* 最小幅の設定があればリセットする */
        max-width: 100% !important;   /* 1110pxなどの制限を解除する */
        margin: 25px 0 -20px 0 !important; /* スマホ用の適切な余白に調整 */
        padding: 0 12px 0 12px !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
        border: solid 1px;
        color:rgb(80,80,80);
        border-radius: 8px;
    }
  /* 内部リンクカードのmargin設定のみ修正 */
    .link-banner-basic-pic {
        margin:12px 0 12px 12px !important; 
    }
    .link-banner-basic-title {
        width: 100% !important; 
        margin: 12px 0 12px 0 !important; 
    }
    .link-banner-basic-title a:hover {
        color: rgb(30, 30, 30) !important;  /* hover時の色変化を元の色とすることで、テキスト部の事実上のロールオーバー廃止 */
    }
    .link-banner-basic-descri {
        width: 100% !important; 
        margin: 0 0 12px 0 !important; 
    }
    .link-banner-basic-logo{
        margin: 0 0 12px 0 !important; 
    }
/* 家紋トップページ（main-0）への内部リンクカード */
    .link-banner {
        width: 100% !important;   /* 画面幅いっぱいにする */
        height: auto !important;  /* 高さを内容に合わせる */
        min-width: 0 !important;   /* 最小幅の設定があればリセットする */
        max-width: 100% !important;   /* 1110pxなどの制限を解除する */
        margin: 25px 0 -20px 0 !important; /* スマホ用の適切な余白に調整 */
        padding: 0 12px 0 12px !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
        border: solid 1px;
        color:rgb(80,80,80);
        border-radius: 8px;
    }
  /* 内部リンクカードのmargin設定のみ修正 */
    .link-banner-pic {
        margin: 12px 0 12px 12px !important; 
        background-image: none !important;
    }
    .link-banner-pic a:hover img {
        visibility: visible !important;  /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
    .link-banner-title {
        width: 100% !important; 
        margin: 12px 0 12px 0 !important; 
    }
    .link-banner-title a:hover {
        color: rgb(30, 30, 30) !important;  /* hover時の色変化を元の色とすることで、テキスト部の事実上のロールオーバー廃止 */
    }
    .link-banner-descri {
        width: 100% !important; 
        margin: 0 0 12px 0 !important; 
    }
    .link-banner-logo{
        margin: 0 0 12px 0 !important; 
    }
/* 一部のみで使用される内部リンクカード設定 */
    .link-banner-kata8 {
        width: 100% !important;   /* 画面幅いっぱいにする */
        height: auto !important;  /* 高さを内容に合わせる */
        min-width: 0 !important;   /* 最小幅の設定があればリセットする */
        max-width: 100% !important;   /* 1110pxなどの制限を解除する */
        margin: 25px 0 -20px 0 !important; /* スマホ用の適切な余白に調整 */
        padding: 0 12px 0 12px !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
        border: solid 1px;
        color:rgb(80,80,80);
        border-radius: 8px;
    }
    .link-banner-kata8pic {
        margin: 12px 0 12px 12px !important; 
        background-image: none !important;
    }
    .link-banner-kata8pic a:hover img {
        visibility: visible !important;  /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
    .link-banner-kata5pic {
        margin: 12px 0 12px 12px !important; 
        background-image: none !important;
    }
    .link-banner-kata5pic a:hover img {
        visibility: visible !important;  /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
    .link-banner-kata8title {
        width: 100% !important; 
        margin: 12px 0 12px 0 !important; 
    }
    .link-banner-kata8title a:hover {
        color: rgb(30, 30, 30) !important;  /* hover時の色変化を元の色とすることで、テキスト部の事実上のロールオーバー廃止 */
    }
    .link-banner-kata8descri {
        width: 100% !important; 
        margin: 0 0 12px 0 !important; 
    }
    .link-banner-kata8logo{
        margin: 0 0 12px 0 !important; 
    }
/* *****【種類別ページ】*****の所属家紋へのサムネリンク一覧の設定 */
    #gazou-ichiran-waku {
        width: 100% !important;  /* 幅サイズを親要素の横幅いっぱいに取る */
        box-sizing: border-box !important;  /* width:100%にpadding・border値を含めて親要素からのはみ出しを防止 */
        margin: 50px 0 0 0 !important;
        display: flex !important;  /* 親枠（親要素の）フレックス枠（コンテナ）化 */
        flex-wrap: wrap !important;  /* ﾌﾚｯｸｽｱｲﾃﾑ（子要素）の並び指定。幅いっぱいで下方向へ折り返す（flex-wrapのﾃﾞﾌｫﾙﾄ）設定 */
        justify-content: center !important;  /* 内部コンテンツの中央寄せ。常に両サイドの余白を均等に保つ */
        gap: 20px 7px !important;  /* 各サムネリンク間の隙間 */
    }
    .article-thumb {
        width: 110px !important;  /*  */
        height: auto !important;  /* 高さは画像+テキスト分で、テキスト量に応じて自動伸長 */
        margin: 0 !important;  /* 余白は親要素のgapで調整するためマージンは0 */
        float: none !important;  /* flex導入のためfloatは解除 */
    }
    .article-thumb img {
        width: 100% !important; /* 外枠のwidth幅設定に合わせて画像を縮小 */
        height: auto !important;
    }
    .article-thumb a:hover {
        color: rgb(53, 56, 56) !important;  /* hover時の色変化を元の色とすることで、テキスト部の事実上のロールオーバー廃止 */
    }
    .article-thumb p {
        width: 100% !important;  /* 幅サイズを親要素の横幅いっぱいに取る */
        box-sizing: border-box !important;  /* width:100%にpadding・border値を含めて親要素からのはみ出しを防止 */
        margin: 10px 0 0 0 !important;
    }
    #name-kamon p {
        padding: 0 5px !important;
    }
/* 【おすすめの記事】メイン枠末・個別へのリンクハブver.1.0の設定 */
    #osusume-waku {
        width: 100% !important;
        box-sizing: border-box !important;  /* width:100%にpadding・border値を含めて親要素からのはみ出しを防止 */
        margin: 0 auto 60px auto !important; /* 左右autoで枠自体を中央へ */
        padding: 0 10px !important; /* 画面端に密着しないよう左右余白を確保。親枠にないのでここで設定 */
        display: flex !important;  /* 親枠（親要素の）フレックス枠（コンテナ）化 */
        flex-wrap: wrap !important;  /* ﾌﾚｯｸｽｱｲﾃﾑ（子要素）の並び指定。幅いっぱいで下方向へ折り返す（flex-wrapのﾃﾞﾌｫﾙﾄ）設定 */
        justify-content: center !important;  /* これで中身のタイルが中央に寄ります */
        gap: 15px !important;  /* 各サムネリンク間の隙間 */
    }
  /* 各アイテムの枠：画像幅150pxを基準に設定 */
    .article-osusume {
        width: 150px !important;          /* 150px固定 */
        height: auto !important;          /* 高さはテキスト量に応じて自動伸長 */
        margin: 0 !important;             /* gapで調整するためマージンは0 */
        float: none !important;
        display: block !important;
    }
  /* テキスト部分：画像幅150pxからはみ出さないよう調整 */
    .article-osusume p {
        width: 150px !important;          /* 画像幅と一致させる */
        padding: 10px 0 0 0 !important;   /* 左右パディングをなくし、幅を150pxフルに使う */
        margin: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        word-wrap: break-word !important; /* 長い単語があっても強制改行して幅を守る */
    }
  /* サムネイル画像 */
    .article-osusume img {
        width: 150px !important;
        height: auto !important;
        display: block !important;
    }
  /* ロールオーバー廃止 */
    .article-osusume a:hover {
        color: rgb(53,56,56) !important;  /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
/* 【人気の家紋詳細ページ】メイン枠末・個別へのリンクハブver.2.0（indlink）の設定 */
    #indlink {
        width: 100% !important;
        margin: 80px 0 0 0 !important;
        text-align: center !important; /* 中のパネルを中央に寄せる */
    }
  /* 各パネル（画像と文字のセット）の設定 */
    .article-indlink {
        display: inline-block !important; /* 横並び、かつ中央揃えを有効に */
        float: none !important;           /* PC用の左寄せを解除 */
        width: 110px !important;          /* 幅は維持（これで自動的に2?3列になる） */
        height: auto !important;          /* 高さを内容に合わせる */
        margin: 8px 2px !important;      /* パネル同士の上下左右の隙間 */
        vertical-align: top !important;   /* 画像の高さが違っても上端で揃える */
    }
    .article-indlink img {
        width: 100% !important; /* 外枠のwidth幅設定に合わせて画像を縮小 */
        height: auto !important;
    }
    .article-indlink a:hover {
        color: rgb(53, 56, 56) !important;  /* hover時の色変化を元の色とすることで、テキスト部の事実上のロールオーバー廃止 */
    }
  /* パネル内のテキスト調整 */
    .article-indlink p {
        width: 95% !important;           /* 親の125pxの95%まで広げる */
        padding: 7px 0 0 0 !important;
        text-align: center !important;
        font-size: 14px !important;
    }
/* 【十大家紋】メイン枠末・種類別へのリンクハブver.1.0.1（t10link）の設定 */
    #t10link {
        width: 100% !important;
        box-sizing: border-box !important;  /* width:100%にpadding・border値を含めて親要素からのはみ出しを防止 */
        margin: 0 0 0 0 !important;
        display: flex !important;  /* 親枠（親要素の）フレックス枠（コンテナ）化 */
        flex-wrap: wrap !important;  /* ﾌﾚｯｸｽｱｲﾃﾑ（子要素）の並び指定。幅いっぱいで下方向へ折り返す（flex-wrapのﾃﾞﾌｫﾙﾄ）設定 */
        justify-content: center !important; /* 内部コンテンツの中央寄せ。常に両サイドの余白を均等に保つ */
        gap: 8px !important; /* 各サムネリンク間の隙間 */
    }
  /* サムネイル部のフロートを廃止し、サイズを固定 */
    .article-t10link {
        width: 110px !important;
        height: auto !important;
        margin: 0 0 15px 0 !important;
        float: none !important;
    }
    .article-t10link img {
        width: 100% !important; /* 外枠のwidth幅設定に合わせて画像を縮小 */
        height: auto !important;
    }
  /* リンクテキストのロールオーバー（hover色変更）を解除・中央揃え */
    .article-t10link a {
        text-decoration: none !important;
        color: rgb(53, 56, 56) !important;
    }
  /* hover時の色変化を強制的に元の色に固定 */
    .article-t10link a:hover {
        color: rgb(53, 56, 56) !important;
    }
  /* リンクテキストのテキスト部分装飾 */
    .article-t10link p {
        padding: 7px 0 0 0 !important;
        width: 95% !important;           /* 親の125pxの95%まで広げる */
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
/* 【その他人気の家紋種類】メイン枠末・種類別へのリンクハブver.1.0（typlink）の設定 */
    #typlink {
        width: 100% !important;
        box-sizing: border-box !important;  /* width:100%にpadding・border値を含めて親要素からのはみ出しを防止 */
        margin: 0 0 0 0 !important;
        display: flex !important;  /* 親枠（親要素の）フレックス枠（コンテナ）化 */
        flex-wrap: wrap !important;  /* ﾌﾚｯｸｽｱｲﾃﾑ（子要素）の並び指定。幅いっぱいで下方向へ折り返す（flex-wrapのﾃﾞﾌｫﾙﾄ）設定 */
        justify-content: center !important; /* 内部コンテンツの中央寄せ。常に両サイドの余白を均等に保つ */
        gap: 8px !important; /* 各サムネリンク間の隙間 */
    }
  /* サムネイル部のフロートを廃止し、サイズを固定 */
    .article-typlink {
        width: 110px !important;
        height: auto !important;
        margin: 0 0 15px 0 !important;
        float: none !important;
    }
    .article-typlink img {
        width: 100% !important; /* 外枠のwidth幅設定に合わせて画像を縮小 */
        height: auto !important;
    }
  /* リンクテキストのロールオーバー（hover色変更）を解除・中央揃え */
    .article-typlink a {
        text-decoration: none !important;
        color: rgb(53, 56, 56) !important;
    }
  /* hover時の色変化を強制的に元の色に固定 */
    .article-typlink a:hover {
        color: rgb(53, 56, 56) !important;
    }
  /* リンクテキストのテキスト部分装飾 */
    .article-typlink p {
        padding: 7px 0 0 0 !important;
        width: 95% !important;           /* 親の125pxの95%まで広げる */
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
/* 【家紋の全種類一覧（かな順）】個別頁用・メイン枠末-種類別へのリンクハブ（簡易の方）ver.1.0（kani-monpelink-waku）の設定 */
    #kani-monpelink-waku {
        width: 100% !important;
        height: auto !important;
        background-image: none !important;
        text-align: center !important;
        margin: 20px 0 !important;
    }
/* 【家紋の全種類一覧（かな順）】個別頁用・メイン枠末-種類別へのリンクハブ（簡易の方）ver.2.0（kani-monpelink-waku2）の設定 */
    #kani-monpelink-waku2 {
        width: 100% !important;
        height: auto !important;
        background-image: none !important;
        text-align: center !important;
        margin: 20px 0 !important;
    }
  /* 各ボタンの塊：inline-blockで並べつつ、重ね合わせの土台にする */
    .kani-monpelink {
        display: inline-block !important;
        float: none !important;
        position: relative !important; /* 文字を重ねるための基準位置 */
        width: 114px !important; 
        height: 36px !important;        /* ボタンの高さ */
        margin: 0 !important;
        overflow: hidden !important;
    }
  /* 画像：ボタンの背景として敷く */
    .kani-monpelink img {
        width: 100% !important;
        height: 100% !important;
        visibility: visible !important;  /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
        border: none !important;
    }
  /* Aタグ：画像の上に完全に重ね、リンク判定をボタン全体に広げる */
    .kani-monpelink a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important; /* centerからflex-start（左寄せ）に変更 */
        position: absolute !important; /* 画像の上に重ねる */
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;  /* ボタンの端までリンク判定 */
        height: 100% !important;   /* ボタンの端までリンク判定 */
        margin: 0 !important;
        padding: 0 0 0 12px !important;           /* 左側に8px程度の余白（パディング）を入れる */
        transform: none !important;
        text-decoration: none !important;
        color: rgb(23,26,26) !important;
    }
/* 【家紋の全種類一覧（かな順）】種類別頁用・メイン枠末-種類別全種へのリンクハブ（簡易じゃない方）ver.1.0（trapare-thumb）の設定 */
    #trapare-thumb {
        width: 100% !important;  /* 幅サイズを親要素の横幅いっぱいに取る */
        box-sizing: border-box !important;  /* width:100%にpadding・border値を含めて親要素からのはみ出しを防止 */
        margin: 0 0 0 0 !important;
        display: flex !important;  /* 親枠（親要素の）フレックス枠（コンテナ）化 */
        flex-wrap: wrap !important;  /* ﾌﾚｯｸｽｱｲﾃﾑ（子要素）の並び指定。幅いっぱいで下方向へ折り返す（flex-wrapのﾃﾞﾌｫﾙﾄ）設定 */
        justify-content: center !important;  /* 内部コンテンツの中央寄せ。常に両サイドの余白を均等に保つ */
        gap: 7px !important;  /* 各サムネリンク間の隙間 */
    }
    .tra-thumb {
        width: 105px !important;
        height: auto !important;  /* 高さは画像+テキスト分で、テキスト量に応じて自動伸長 */
        margin: 0 !important;  /* 余白は親要素のgapで調整するためマージンは0 */
        float: none !important;  /* flex導入のためfloatは解除 */
    }
    .tra-thumb:hover a {
        color: rgb(53, 56, 56) !important;  /* hover時の色変化を元の色とすることで、テキスト部の事実上のロールオーバー廃止 */
    }
    .tra-thumb:hover a img {
        background-color: rgba(255,255,255,0.5) !important;  /* hover時の色変化を元の色とすることで、画像部の事実上のロールオーバー廃止 */
    }
/* *****個別頁メイン末で所属種類の人気家紋へのサムネリンク一覧の設定だが、スマホ版では「廃止」とする。****** */
    #ninki-ichiran {
        display: none !important; 
    }
/* メイン枠内共通・家紋・種類別名帯の枠のサイズ・位置と背景の設定 */
    #dl-page-title-bg {
        width: 100% !important;
        height: auto !important;
        background-image: url(/picture1/h1-bgi.gif) !important;
        background-position: bottom left !important; /* 左下固定 */
        background-size: 100% auto !important; 
        display: flex !important;
        justify-content: center !important; /* 横方向の中央揃え */
        padding: 10px 50px 8px 50px !important;     /* 左右50pxの余白を固定 */
        box-sizing: border-box !important;
    }
  /* メイン枠内共通・家紋・種類別名帯のテキストの装飾設定 */
    #dl-page-title-bg h2 {
        width: 100% !important;
        font-family: "ヒラギノ明朝 Pro W3", "メイリオ" !important;
        font-size: clamp(24px, 7vw, 30px) !important;  /* 320pxで24px、550pxで約30pxになるよう計算 */
        font-weight: 100 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        color: rgb(255, 255, 255) !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
/* *****【念の為の旧式の設定】***** メイン枠内共通・家紋・種類別名帯の枠のサイズ・位置と背景の設定 */
    #dl-page-title {
        width: 100% !important;
        height: auto !important;
        background-image: url(/picture1/h1-bgi.gif) !important;
        background-position: bottom left !important; /* 左下固定 */
        background-size: 100% auto !important; 
        float: none !important;  /* 右寄せを解除 */
        display: flex !important;
        justify-content: center !important; /* 横方向の中央揃え */
        padding: 10px 50px 8px 50px !important;     /* 左右50pxの余白を固定 */
        box-sizing: border-box !important;
    }
    #dl-page-title h2 {
        width: 100% !important;
        font-family: "ヒラギノ明朝 Pro W3", "メイリオ" !important;
        font-size: clamp(24px, 7vw, 30px) !important;  /* 320pxで24px、550pxで約30pxになるよう計算 */
        font-weight: 100 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        color: rgb(255, 255, 255) !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
/* 紋ペ用-種類別サムネ下・解説文開始帯枠と見出し文字のサイズ・位置と背景の設定 */
    #monpe-Commentary-midashi {
        width: 100% !important;
        height: auto !important;
        background-image: url(/picture1/h1-bgi.gif) !important;
        background-position: bottom left !important; /* 左下固定 */
        background-size: 100% auto !important; 
        display: flex !important;
        justify-content: center !important; /* 横方向の中央揃え */
        margin: 0 0 40px 0 !important; 
        padding: 10px 30px 8px 30px !important;     /* 左右30pxの余白を固定 */
        box-sizing: border-box !important;
    }
    #monpe-Commentary-midashi h2 {
        width: 100% !important;
        font-family: "ヒラギノ明朝 Pro W3", "メイリオ" !important;
        font-size: clamp(21px, 6vw, 27px) !important;  /* 320pxで21px、550pxで約27pxになるよう計算 */
        font-weight: 100 !important;
        line-height: 1.4 !important;
        text-align: center !important;
        color: rgb(255, 255, 255) !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
/* メイン枠内共通・見出し2の枠のサイズ・位置と背景の設定 */
    #heading2 {
        width: 100% !important;
        min-height: 45px !important;
        height: auto !important;
        margin: 40px 0 !important;
        background-image: url(/picture1/h2-bgi.gif) !important;
        background-position: bottom left !important; /* 左下固定 */
        background-size: 100% auto !important; 
        display: flex !important;
        align-items: center !important;
        padding: 3px 30px 8px 0px !important;
        box-sizing: border-box !important;
    }
  /* メイン枠内共通・見出し2のテキストの装飾設定 */
    #heading2 h2 {
        font-family:"ヒラギノ明朝 Pro W3", "メイリオ" !important;
        font-size:15px !important;
        font-weight:100 !important;
        line-height: 1.4 !important;  /* 行間の設定 */
        color:rgb(255,255,255) !important;
        padding:6px 0px 0px 12px !important;
    }
/* メイン枠内共通・見出し3の枠のサイズ・位置と背景の設定 */
    #heading3 {
        width: 100% !important;
        min-height: 35px !important; /* 最低限の高さは維持 */
        height: auto !important;     /* テキスト量に応じて縦に伸びる */
        margin: 40px 0 !important;
        background-image: none !important; 
        background-color: rgba(0, 0, 0, 0.6) !important; /* rgb 0.0.0 の不透明度60% */
        display: flex !important;
        align-items: center !important; /* 1行の時に上下中央に配置 */
        padding: 3px 10px 8px 0px !important;   /* 2行になった際の上下余白と左右の空間 */
        box-sizing: border-box !important;
    }
/* メイン枠内共通・見出し3のテキストの装飾設定 */
    #heading3 h3 {
        font-family:"ヒラギノ明朝 Pro W3", "メイリオ" !important;
        font-size:15px !important;
        font-weight:100 !important;
        line-height: 1.4 !important;  /* 行間の設定 */
        color:rgb(255,255,255) !important;
        padding:6px 0px 0px 12px !important;
        text-align: left !important;
    }
/* サイト内コンテンツを区切る境界線の設定 */
    .kyoukaisen, .kyoukaisen2, .kyoukaisen3 {
        width: 100% !important;   /* 画面幅いっぱいにする */
        min-width: 0 !important;   /* 最小幅の設定があればリセットする */
        max-width: 100% !important;   /* 1110pxなどの制限を解除する */
        border-top:solid 1px; 
        border-color:rgb(53,56,56);
    }
/* 【旧ビッグバナー専】メイン枠の最上段想定の広告枠 */
    .high-big-banner {
        width: 100% !important;        /* 728pxを解除して親枠に合わせる */
        height: auto !important;       /* 高さを固定せず中身に合わせる */
        margin: 15px 0 30px 0 !important; /* -21pxをリセットし、左右中央に */
    }
/* 【旧ビッグバナー専】メイン枠の中段想定の広告枠 */
    .mid-big-banner {
        width: 100% !important;        /* 728pxを解除して親枠に合わせる */
        height: auto !important;       /* 高さを固定せず中身に合わせる */
        margin: 30px 0 30px 0 !important; /* -21pxをリセットし、左右中央に */
    }
/* 【旧ビッグバナー専】メイン枠の素材DLリンク上に想定の広告枠 */
    .dlup-big-banner {
        width: 100% !important;        /* 728pxを解除して親枠に合わせる */
        height: auto !important;       /* 高さを固定せず中身に合わせる */
        margin: 5px 0 30px 0 !important; /* -21pxをリセットし、左右中央に */
    }
/* 【旧ビッグバナー専】紋ペ・メイン枠の所属個別ページサムネイル中の広告枠 */
    .monpe-big-banner {
        width: 100% !important;        /* 728pxを解除して親枠に合わせる */
        height: auto !important;       /* 高さを固定せず中身に合わせる */
        margin: 0 0 30px 0 !important; /* -21pxをリセットし、左右中央に */
    }
/* 【旧ビッグバナー専】テキストなしページ・メイン枠の広告の画像中間用の広告枠 */
    .notex-big-banner {
        width: 100% !important;        /* 728pxを解除して親枠に合わせる */
        height: auto !important;       /* 高さを固定せず中身に合わせる */
        margin: 5px 0 45px 0 !important; /* -21pxをリセットし、左右中央に */
    }
/* 【念の為】使用の確認は取れないが、どこかで使われているかもしれないビッグバナーの広告枠 */
    .ga-main-728x90 {
        width: 100% !important;  /* 728pxを解除して親枠に合わせる */
        height: auto !important;  /* 高さを固定せず中身に合わせる */
        margin: 15px 0 15px 0 !important; 
    }
  /* ラベル「スポンサードリンク」の装飾 */
    .ga-main-728x90 p {
        font-size: 12px !important;
        margin: 0 0 5px 0 !important;
        text-align: center !important;
    }
/* 【旧メイン枠用レク大専】メイン枠・記事本文中に配置の広告枠 */
    .l-rectangle {
        width: 100% !important;        /* 画面が狭いときは画面幅いっぱいに広がる */
        max-width: 336px !important;   /* ただし336px以上にはならない */
        min-height: 280px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 30px auto 30px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        display: block !important;
    }
/* 【旧メイン枠用レク大専】紋種頁用？？？メイン枠・記事本文中に配置の広告枠 */
    .monpe-l-rectangle {
        width: 100% !important;        /* 画面が狭いときは画面幅いっぱいに広がる */
        max-width: 336px !important;   /* ただし336px以上にはならない */
        min-height: 280px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 0 auto 30px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        display: block !important;
    }
/* 【旧メイン枠用レク大専】メイン枠・素材データDL上に配置の広告枠 */
    .dl-rectangle {
        width: 100% !important;        /* 画面が狭いときは画面幅いっぱいに広がる */
        max-width: 336px !important;   /* ただし336px以上にはならない */
        min-height: 280px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 5px auto 30px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        display: block !important;
    }
/* 【記事内広告】特にあの「記事内広告2」の広告枠 */
    .in article {
        width: 100% !important;
        margin: 20px 0 !important; /* 上下に少しだけ余白を持たせると読みやすくなります */
        padding: 0 !important;
        text-align: center !important;
    }
/* 記事内のSNSボタン配置と位置の設定 */
    #article-page-snsb {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important; /* 位置を現状通り左寄せに固定 */
        padding: 15px 0px 40px 0px !important; 
    }
    #article-page-snsb li {
        list-style-type: none !important;
        margin: 0 10px 0 0 !important; /* ボタンの右側に隙間 */
        float: left !important;
    }
/* メイン枠・最下部のSNSボタン配置と位置の設定 */
    #snsb-l {
        display: block !important;
        width: 100% !important;
        height: auto !important; /* 固定高さを解除し中身に合わせる */
        box-sizing: border-box !important;
        padding: 0 15px !important; /* 画面端に密着しないよう左右余白を確保 */
        margin: 0 0 30px 0 !important; /* 左マージン20pxを0にし、下マージンのみ維持 */
    }
    #snsb-l li {
        list-style-type: none !important;
        margin: 0 10px 0 0 !important;
        float: left !important;
    }
/* *****【恐らく不使用だが念の為】*****メイン枠・上部のSNSボタン配置と位置の設定 */
    #snsb-h {
        display: block !important;
        width: 100% !important;
        height: auto !important; 
        box-sizing: border-box !important;
        padding: 0 10px !important; /* 画面端への密着を防止 */
        margin: 0 0 10px 0 !important;
    }
    #snsb-h li {
        list-style-type: none !important;
        margin: 0 10px 0 0 !important;
        float: left !important;
    }
/* 【これより旧のサイドカラム枠内の設定へ。】まず、サイドカラムをメインの下へ移動 */
    #yokowaku {
        width: 100% !important;   /* 幅を画面いっぱいに */
        float: none !important;    /* 左寄せを解除 */
        margin: 20px 0 !important; /* メインとの間隔を少し開ける */
        padding: 0 10px !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
    }
/*  旧サイドカラム最上段広告（レク大想定）：中央寄せにし、画面幅からはみ出さないようにする */
    .ga-side-336x280 {
        width: 100% !important;        /* 画面が狭いときは画面幅いっぱいに広がる */
        max-width: 336px !important;   /* ただし336px以上にはならない */
        min-height: 297px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 20px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        clear: both !important;        /* 上下の要素と絶対干渉させない */
        display: block !important;
    }
  /* ラベル：枠内の上部に配置 */
    .ga-side-336x280 p {
        font-size: 12px !important;
        margin: 0 0 5px 0 !important;
        text-align: center !important;
    }
/* サイドナビ：画面幅真ん中揃え・max-widthで最大幅制限・低画素数端末には縮小対応 */
    #ctg-f {
        width: 100% !important;
        max-width: 336px !important;
        height: auto !important; /* 高さを固定せず、中身のボタンに合わせる */
        background-image: url(/picture1/side_navi_frame.gif) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important; /* 背景をボタンの箱の大きさに引き伸ばす */
        margin: 30px auto 0px auto !important;  /* 左右中央揃え */
        position: relative !important;
        padding-top: 50px !important;    /* 背景の「上の余白」を確保 */
        padding-bottom: 15px !important; /* 背景の「下の余白」を確保 */
    }
 /* ナビ内のボタン配置の装飾 */
    #catewaku {
        position: static !important; /* 浮かせずに、親のpaddingの中に納める */
        width: 91% !important;
        margin: 0 auto !important;   /* 中央配置 */
        padding: 0 !important;
    }
    #catewaku li {
        list-style-type: none !important;
        width: 100% !important;
        aspect-ratio: 306 / 40 !important; /* ボタン1個1個の比率を固定 */
        margin: 0 !important;
    }
    #catewaku li a img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }
    #catewaku li a:hover img {
        visibility: visible !important; /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
/* 旧サイドカラム「三つ巴紋解説」ページへのリンクバナー枠の設定 */
    #mitsu-domoe-linkbanner {
        width: 100% !important;
        max-width: 336px !important;
        margin: 15px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    #mitsu-domoe-linkbanner a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* 旧サイドカラム中段広告 */
    .side-recta-l {
        width: 100% !important;        /* 画面が狭いときは画面幅いっぱいに広がる */
        max-width: 336px !important;   /* ただし336px以上にはならない */
        min-height: 280px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 15px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        display: block !important;
    }
/* 旧サイドカラム「戦国武将の家紋一覧」ページへのリンクバナー枠の設定 */
    .ichiran-sengoku-linkbanner {
        width: 100% !important;
        max-width: 336px !important;
        margin: 10px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    .ichiran-sengoku-linkbanner a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* 旧サイドカラム「二つ巴解説」ページへのリンクバナー枠の設定 */
    .futatsu-domoe-linkbanner {
        width: 100% !important;
        max-width: 336px !important;
        margin: 10px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    .futatsu-domoe-linkbanner a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* 旧サイドカラム「X（旧ツイッター）」アカウントへのリンクバナー枠の設定 */
    #side-twitter-follow {
        width: 100% !important;
        max-width: 336px !important;
        margin: 10px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    #side-twitter-follow a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* 旧サイドカラム「ピンタレスト」アカウントへのリンクバナー枠の設定 */
    #side-pinterest-follow {
        width: 100% !important;
        max-width: 336px !important;
        margin: 10px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    #side-pinterest-follow a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* 旧サイドカラム「インスタ」アカウントへのリンクバナー枠の設定 */
    #side-instagram-follow {
        width: 100% !important;
        max-width: 336px !important;
        margin: 10px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    #side-instagram-follow a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* 旧サイドカラム「アレのブログサイト」へのリンクバナー枠の設定 */
    #Cocktails-linkbanner {
        width: 100% !important;
        max-width: 336px !important;
        margin: 10px auto !important; /* 左右中央揃え */
        padding: 0 !important;
        background-image: none !important; /* 背景ギミックを削除 */
    }
    #Cocktails-linkbanner a img {
        width: 100% !important; /* 枠の幅いっぱいに広がる（枠が縮めば一緒に縮む） */
        height: auto !important;  /* 比率を維持する */
        display: block !important; /* 下に謎の隙間ができるのを防ぐためだけに入れる */
        border: none !important;
        visibility: visible !important; /* 非表示設定を解除 */
    }
/* アクセス順ランキングのスマホ対応CSS指定は以下より */
    #access-waku {
        width: 100% !important;
        max-width: 336px !important;
        height: auto !important;
        aspect-ratio: 336 / 1285 !important;
        background-image: url(/picture1/access-best-background.gif) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        margin: 0px auto 15px auto !important;  /* 左右中央揃え */
        position: relative !important;
        padding-top: min(80px, calc(100% * (1285 / 336) * 0.0622)) !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
    }
    #access-banner {
        width: 91% !important;      /* ボタンの幅(306px)を親(336px)に対する比率で指定 */
        margin: 0 auto !important;   /* これで左右中央に寄ります */
        padding: 0 !important;
        position: relative !important; /* absoluteはやめて、自然な配置にします */
    }
    #access-banner li {
        list-style-type: none !important;
        width: 100% !important;
        /* ボタン自身の高さ比率を固定 */
        aspect-ratio: 306 / 70 !important;
        /* 隙間を「親の高さ基準」で強制制御：10px / 1285px ≒ 0.78% */
        /* 横幅基準のmarginではなく、親の高さに連動する単位(cqhなど)が使えない環境のため、
       微調整した数値で固定します */
        margin-bottom: 3.3% !important; /* ★ここを3.1%前後に増やすと、背景の線と一致します */
        padding: 0 !important;
    }
    #access-banner li:last-child {
        margin-bottom: 0 !important;
    }
    #access-banner li a img {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: fill !important;
    }
    #access-banner li a:hover img {
        visibility: visible !important; /* 要素のロールオーバー不可視（hidden）から可視化を上書きして不可視を解除 */
    }
/*  旧サイドカラム最下段広告・ラージスカイスクレーパー想定 */
    .ls-scraper {
        width: 100% !important;        /* 画面が狭いときは画面幅いっぱいに広がる */
        max-width: 300px !important;   /* ただし336px以上にはならない */
        min-height: 600px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 15px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        display: block !important;
    }
/* 【念の為】使用の確認は取れないが、どこかで使われているかもしれないラージスカイスクレーパーの広告枠 */
    .ga-side-300x600 {
        width: 100% !important;  /* PC横幅固定を解除して親枠に合わせる */
        height: auto !important;  /* 高さを固定せず中身に合わせる */
        max-width: 300px !important;   /* ただし300px以上にはならない */
        min-height: 600px !important;  /* 広告読み込み前でも高さを予約（重なり防止） */
        margin: 15px auto !important;  /* 左右autoで、枠ごと中央に置く */
        text-align: center !important; /* 枠の中で広告を真ん中に寄せる */
        display: block !important;
    }
  /* ラベル「スポンサードリンク」の装飾 */
    .ga-side-300x600 p {
        font-size: 12px !important;
        margin: 0 0 5px 0 !important;
        text-align: center !important;
    }
/* 【これよりフッターの枠内の設定へ。】まず、フッターの枠を設定 */
    #footer {
        width: 100% !important;        /* 親の#sotowaku(max 550px)に対して100% */
        height: auto !important;        /* 中身に応じて高さが決まる（背景画像の伸長に対応） */
        background-image: none !important;
        background-color: rgb(40 45 45) !important;
        margin: 30px 0 0 0 !important;  /* 他の枠と同様、左右autoは不要（親が管理） */
        padding: 15px 10px 30px 10px !important; /* 左右に10pxの余白を強制 */
        text-align: center !important;
        box-sizing: border-box !important;  /* 100%の中にpaddingを含めるための必須設定 */
    }
  /* フッターナビの重なりを解消して行間を作る */
    #fnavi {
        width: 100% !important;
        margin: 0 0 20px 0 !important; /* コピーライトとの距離 */
    }
    #fnavi ul {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    #fnavi li {
        display: inline-block !important; /* 横に並びつつ、幅が狭まれば自然に落ちる */
        float: none !important; /* 古いフロートを強制解除 */
        margin: 5px 3px !important; /* 上下左右に適度な隙間 */
        padding: 0 !important;
        line-height: 1.5 !important; /* 行の高さを確保して重なりを防止 */
    }
    #fnavi li a {
        display: inline !important; /* block解除で文字間隔を正常化 */
        color: white !important;
        text-decoration: underline !important;
        font-size: 14px !important;
    }
  /* コピーライトを独立した行として配置 */
    #c-righit {
        width: 100% !important;
        height: auto !important; /* 固定50pxを解除 */
        margin: 0 !important;
        padding: 10px 0 0 0 !important;
        border-top: 2px solid #555 !important; /* 区切り線 */
    }
    #c-righit p {
        color: #cccccc !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
/* *****使われているかどうかの確認が取れていないCSSコードをまとめて非表示設定***** */
    .ga-link-unit-wb, .ga-link-unit-dl-m, #cat-back, #kiy-back, #you-back, #image-waku, .moneyt {
        display: none !important;
    }
}