/*　カレンダーｃｓｓ　style2015-21css */ /*2021-1-2 S画像　アスペクト１：１ */ /*2021-2-11 縦書き　 */ /*2021-2-19 縦書き　 */ /*2021-3-21 折り返し 縦書き　 */ /*2021-5-10 フォント　105%　line-height: 1.8 */ /*2021-10-1 imgslwh002{width:60px;height:60px} */ /*2022-1-24 20%～17% line-height:15- 2.0;2画面表示*/ /*2022-4-11 ナビバー消去 */ /*2022-4-12 日付ナビ追加 */ /*2022-4-13 ナビバー色　黒標準 */ /*2022-4-13 スマホ日付ナビバーmargin */ /*2023-1-27 ブラウザ幅が1800px以上の */ /*2023-11-6 dropdown00 追加　日付バイアス */ /*2023-11-9 ipad pro 2画面 margin　70px 広いナビバー*/ /*2023-11-9 通常のモバイル・パソコンサイズ１３～１４インチ ナビバー表示*/ /*2023-11-10 文字　縦文字　取り消し*/ /*2023-11-23 イラストimg_container1 css　画面切り替え横 */ /*2023-11-25 ユーチューブ動画image-height37vh */ /*2023-12-9 sample_boxw11追加 */ /*2024-3-31 douga0{width:100%;height:auto; writing-mode: lr-tb;}/* ビデオ * スマホ*/ /*2025-3-20 .sample_boxw33 追加 */ /* フォントサイズ　基本サイズ親要素指定　16px のデフォルトのfont-sizeのことを指しています。*/ body { font-size: 16px; } /* デフォルト1rem =16px に設定　親要素に影響ない*/ html { font-size: 100% } /*スクロールバー全体*/ ::-webkit-scrollbar { width: 10px; } /*スクロールバーの軌道*/ ::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); } /*スクロールバーの動く部分*/ ::-webkit-scrollbar-thumb { background-color: rgba(255, 0, 50, .5);/* 50% 不透過*バーの赤色*/ border-radius: 10px; box-shadow:0 0 0 1px rgba(255, 255, 255, .3); } /*　ｃｓｓ　reset body 要素の背景が描画エリア一杯に表示されなくなるという問題があるようです */ html { background-color: transparent; background-image: none; } /*　ユーチューブ動画　横書き　大きさ設定 */ .image-height37vh{ width:100%; height:37vh; } .text-top22 { font-family: "HGP行書体","HG正楷書体-PRO"; /* ※ */; background-color: rgba(0, 0, 0,0.0); text-align: left; padding: 10px 10px 10px 10px; vertical-align: text-top; line-height: 130%; font-size: 110%; } .hbox-shadow2:hover{box-shadow: 5px 10px 20px rgba(0,0,0,0.25);} .hbox-shadow1:hover{box-shadow: 0 10px 6px -6px #777;} .hbox-shadow4:hover{box-shadow:5px 10px 20px rgba(0,0,0,0.25);margin: 10px;} .hbox-shadow3:hover{box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(0, 0, 0, 0.15), 8px 64px 64px rgba(0, 0, 0, 0.15);} a:link, a:visited { color:#039; text-decoration:none; } /*ポイント時の　カーソル */ a:link {color:#FFF;} /*　未訪問リンクの文字色を変える白 */ a:visited {color:#FFF;} /*　訪問済リンクの文字色を変える白 */ a:hover { text-decoration:underline;background-color:rgba(0, 0, 0, 0.4); } /*　ポイント時のリンクの文字色を変える白 */ a:active {color:#660066;} /*　選択中のリンクの文字色を変える紫 */ a:focus { outline:none;} /*　点線枠が出てきます。それを消す */ .auto-style7 { font-size: 140%;} .auto-style8 { color: #FFFF00; text-shadow: 1px 1px 1px #000;} .auto-style12 { color: #fff;} .auto-style20 { list-style-type:disc;list-style-position:inside;}/*Unordered List　黒丸 list item*/ .auto-style21 { list-style-type:disc;list-style-position:outside;}/*Unordered List　黒丸 list item*/ /*「underline transparent 幅　　500% 薄く　10緑-7薄緑-9青-8青-----6赤-----5桃色-------４黄----3緑-----2赤細--1黄細-　　 */ .keikoupen01 { background:linear-gradient(transparent 60%, #ffff66 60%);}/*蛍光ペンでマークした感じ黄色*/ .keikoupen02 { background:linear-gradient(transparent 60%, #ff99ff 60%);}/*蛍光ペンでマークした感じ紫色*/ .keikoupen03{background: linear-gradient(transparent 0%, #00ff66 200%);} .keikoupen04{background: linear-gradient(transparent 0%, #ffff66 100%);} .keikoupen05{background: linear-gradient(transparent 0%, #ff99ff 200%);} .keikoupen06{background: linear-gradient(transparent 0%, #ff0000 200%);} .keikoupen07{background: linear-gradient(transparent 0%, #00ff00 500%);} .keikoupen08{background: linear-gradient(transparent 0%, #00f0f0 200%);} .keikoupen09{background: linear-gradient(transparent 0%, #00ffff 200%);} .keikoupen10{background: linear-gradient(transparent 0%, #00ff00 100%);} .auto-style25 { list-style-type:decimal;list-style-position:inside;}/*　ol 数字 list item*/ .auto-style26 { list-style-type:upper-roman;decimal;list-style-position:inside;}/*　ローマ数字(大文字) */ .demo101:focus { outline:none; }/*　点線枠が出てきます。それを消す */ a.no-color-change:link,/*　リンクの色が変わらないためにすること */ a.no-color-change:visited, a.no-color-change:hover, a.no-color-change:active { color: #000;} /*　日付　選択 */ .auto-style70 {font-size: 130%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */ .auto-style71 { font-size: 130%;} .auto-style72 {color:#f00000 ;} .auto-style73 {color:#008000 ;} .auto-style74 {color:#000080;} .auto-style75 {color:#000;} .auto-style76 {background-color: rgba(0, 0, 0, 0.1);}/*　背景 */ .auto-style77 {background-color: rgba(0, 0, 0, 0.05);}/*　背景 */ .auto-style78 {background-color: rgba(0, 0, 0, 0.04);}/*背景 */ .auto-style79 {background-color: rgba(0, 0, 0, 0.03);}/*　背景 */ .auto-style80 {background-color: rgba(0, 0, 0, 0.02);}/*　背景 */ /*　縦　選択 */ .auto-style44 {color:#000;} /* csscss/style2022-4-14に登録済　ナビゲーションバー固定　大きさ指定 */ .dropdown2x {font-size: 130%; } /* ナビゲーションバーコメント */ .auto-style45{font-size:170%;} .text-shadow10 {text-shadow: 1px 1px 1px #fff;} .text-shadow11 {text-shadow: 1px 1px 1px #000;} .box1 {display: inline-block;position: relative;overflow: hidden; } .box2 {background: rgba(0,0,0,.4);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box22 {background: rgba(0,0,0,.4);z-index: 2; position: absolute;top:55%; padding: 4px 4px 4px 4px; line-height: 143%;} .box3 {background: rgba(0,255,0,.9);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box4 {background: rgba(255,0,0,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box5 {background: rgba(0,0,255,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box6 {background: rgba(255,0,255,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box7 {background: rgba(255,255,0,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box8 {background: rgba(0,255,255,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 143%;font-size: 110%;} .box9 {background: rgba(0,0,0,.7);z-index: 2; position: absolute;top:40%; padding: 7px 7px 7px 7px; line-height: 150%;font-size: 150%;} .box13 {background: rgba(0,255,0,.7);z-index: 2; position: absolute;top:79%; padding: 4px 4px 4px 4px; line-height: 150%;font-size: 110%;} /*　 topスクロールの値 */ /*　 スクロールの値 */ .num1 { margin: 0;position: fixed;bottom:0%;z-index: 1120;right: 5px;padding:2px ;font-size: 100%;border-radius: 7px 7px 7px 7px;color: #fff;background-color: rgba(0, 0, 0, 0.7);} /*　bottom スクロールの値 */ .num2 { margin: 0;position: fixed;;bottom:0%;z-index: 1120;;right:80px;padding: 2px ;font-size: 100%;border-radius: 7px 7px 7px 7px; color: #FFF;background-color: rgba(0, 0, 0, 0.7);} /*dropdown*/ .dropdown1 {font-size: 130%; } .dropdown2 {font-size: 100%;color:#000; } /*textに白影を入れるhove黒*/ .dropdown3:hover {color: #000; text-shadow: 1px 1px 1px #fff;} .dropdown00 {padding-bottom: 40px; } /* 「画像大きさ指定」 */ .imgslwh0{width:30px;height:auto;float:none;margin: 0px0px0px0px;} .imgslwh01{width:30px;height:30px;float:none;margin: 0px0px0px0px;} .imgslwh02{width:20%;height:auto;float:none;margin: 0px0px0px0px;} .imgslwh03{width:10%;height:auto;float:none;margin: 0px0px0px0px;} .imgslwh04{width:auto;height:30px;float:none;margin: 0px0px0px0px;} .imgslwhh{ background-color: rgba(255, 255, 255, 1.0);} /*アイコン大きさ 音楽・映画 */ /*アイコン大きさimgslwh002 width:75px;height:75px;音楽・映画 */ .imgslwh001{width:100px;height:100px;float:none;margin: 0px0px0px0px;} .imgslwh002{width:60px;height:60px;float:none;margin: 0px0px0px0px;} .imgslwh003{width:70px;height:70px;float:none;margin: 0px0px0px0px;} .imgslwh004{width:65px;height:65px;float:none;margin: 0px0px0px0px;} /* デホルト値写真通常の大きさ 横書き*/ .sample_boxww {width:100%;height:auto;}/* ワイド普通 */ .sample_boxw1 {width:50%;height:auto;}/* 通常の横写真の大きさ */ .sample_boxw11 {width:50%;height:auto;}/* 通常の横写真の大きさ */ .sample_boxw {width:40%;height:auto;}/* 縦写真 */ .sample_boxw2 {width:30%;height:auto;}/* 通常の縦写真の大きさ */ .sample_boxw3 {width:50%;height:auto;}/* 通常の縦写真の大きさ */ .sample_boxw33 {width:50%;height:auto;}/* 通常の縦写真の大きさ */ .sample_boxw4 {width:20%;height:auto;}/* 通常の縦写真の大きさ */ /* デホルト値写真通常の大きさ */ /* align="left 同じ　写真の横に文字　　 */ .sample20{float:left;} .sample21{float:right;} .sample22{margin: 0% 2% 0% 0%;} .sample24{margin: 0% 0% 0% 2%;}/*横長 righ */ .sample24-1{margin: 0% 0% 0% 2%;}/*縦長 righ */ .sample24-2{margin: 0% 0% 0% 2%;}/* righ 縦長 */ .sample23{clear:both;} .sample25{margin: 1% ;} .sample26{padding: 1%;} .douga0{width:50%;height:auto; writing-mode: lr-tb;}/* ビデオ */ .douga1{width:100%;height:auto;writing-mode: lr-tb;}/* 横書き */ .douga2{width:50%;height:auto; }/* ビデオ */ .imgslwhpa{padding:0% 0% 0% 0%;}/* 写真 */ .douga12{width:100%;height:auto; }/* 横書き　折り返し */ .douga13{width:100%;height:auto; }/* 横書き　折り返し */ /*textに白影を入れる*/ .shadowtextf {color: #000; text-shadow: 1px 1px 1px #fff;} /*textに黒影を入れる*/ .shadowtext0 { color: #fff;text-shadow: 1px 1px 1px #000;} /*グリッドギャップなし */ .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } /* Bootstrap Navigation styles .active ------------------------------------------------------------------------------ */ /* scroll ナビ位置　下線 */ .navbar-default .navbar-nav > .active{ color: #000; background: linear-gradient(transparent 75%, #00ff66 80%);} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover , /* navbar テキストカラー .navbar-default .navbar-nav > li > a { color: #000000; } */ /* navbar hover,focus時のテキストカラー */ /* transparent; 背景色は“透明” */ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #000000; background-color: rgba(0, 0, 0, 0.1); } .takasaspase1a{height: 15px;} /* 表紙ダミー */ .takasaspase2a{height: 55px;} /* 表紙ダミー 月　の先頭位置 */ .takasaspase3a{height: 0px;} /* 横置き補正行間ダミーgoogle（縦文字）*/ /* フォント 」 */ .mintyou1 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-weight: bold; } .goshikku1 { font-family: 　"メイリオ", 　"Meiryo", 　"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 　"ＭＳ Ｐゴシック", 　"MS P Gothic", 　Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } .takasaka99{ /* 「パソコン」 */ min-height: 40px; line-height: 200%; font-size: 125%; height: auto !important; margin: 0px0px0px0px; padding: 4px 4px 4px 4px; border: 0px ridge silver; background-color: rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px rgba(0,0,0,.1); border-radius: 7px 7px 7px 7px; float: none;color:#fff; } .takasaka900{ /* 「ダミー高さ空900 stye4」 */ min-height: 1170px; line-height: 140%; font-size: 100%; height: auto !important; height: 0px; margin: 0px0px0px0px; padding: 10px 10px 10px 10px; border: 0px ridge silver; background-color: rgba(0, 0, 0, 0.0); box-shadow: 0 0 2px rgba(0,0,0,.1); border-radius: 7px 7px 7px 7px; float: none;color:#fff; } /*sm-750px md-970px lg1170px 「ブラウザ幅が1870px以上の 縦1080px以下 ２１．５インチ モデル１９２０×１０８０　フルHD　対応　２K margin: 68px 10% 3px 10% 　 「「パソコン大２１」　１画面 」 */ @media screen and (min-width: 1800px)and (max-height: 999px){ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .takasaskii0002{z-index : 99; border:0px ridge silver; padding:0% 0% 0% 0%;margin:75px 10% 3px 10%;} .takasaspase3a{height: 20px;} /*　横置き補正行間ダミーgoogle（縦文字）*/ /* 「縦　google補正　*/ .takasaskii00022{height: 1080px;}/* 横書き使用 縦　height:％　親要素　*/ .lead-size1 {font-size: 100% ;} /* 写真　倍率　横書き*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .imgslwh10{width:94%;height:auto;float:none;margin: 0px0px0px0px;}/*78%横文字 */ .left1 {float:none; ;margin:0px 0px 10px 0px;} /*ナビバー　　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(0, 0, 0, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} /*ナビバー　　*/ .navbar-fixed-bottom {margin: 0px 0% 0% 0%;} /* 「 基本設定 「「パソコン大２１」 横サイズ、縦 サイズ 」 */ /* 「文字 横、 」 */ .takasa770{ min-height:82vh;/* 幅　82vh%大きさ調整 */ height:auto; font-size: 110%;/*100％パーセントが16px 1em */ line-height: 1.9;/*1.8; */ padding: 2% 4% 2% 4%;/*2% 6% 2% 6% */ margin: 0px 0% 4% 0%;/*0px 0% 4% 0%;*/ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; } .takasa7701{ min-height:82vh;/* 幅　82vh%　大きさ調整 */ height:auto; font-size: 110%;/*100％パーセントが16px 1em */ line-height: 1.9; padding: 2% 4% 2% 4%; margin: 0px 0% 4% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; } } /* sm-750px md-970px lg1170px ブラウザ幅が(1400px～1870pxの間 普通サイズパソコン横 　50px 4% 3px 4%; width:84%; 93vh 15インチ パソコン基本 () ------------------------------------------*/ /* 縦864ｐｘ以下横向きの場合のスタイル */ @media screen and (min-width: 1400px)and (max-width: 1800px)and (orientation: landscape){ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin:50px 4% 3px 4%; } .takasaspase3a{height: 20px;} /*　横置き補正行間ダミーgoogle（縦文字）*//*　52px デホルト　ナビバー*/ .lead-size1{font-size: 100%;} /* 写真　倍率width:100%　横書き*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;} .imgslwh10{width:84%;height:auto;float:none;margin: 0px0px0px0px;}/*78%横文字 */ .left1 {float:left; ;margin:0px 0px 10px 0px;} /*ナビバー　　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(0, 0, 0, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} .dropdown1 {font-size: 120%; } /* 横文字 */ .takasa770{ min-height:93vh;/*デホルト647px 幅　92大きさ調整 */ height:auto; font-size:105%;/*100初期値 */ line-height: 1.7;/*1.5初期値 */ padding: 2% 2% 2% 2% ; margin: 0% 0% 0% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #fff; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; /*リンク*/ } /* 横文字 */ .takasa7701{ min-height:93vh;/* 647px幅　 92大きさ調整 */ height:auto; font-size:105%; line-height: 1.7; padding: 2% 2% 2% 2%; margin: 0% 0% 0% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; /*リンク*/ } } /* sm-750px md-970px lg1170px ブラウザ幅が(1250px～1399pxの間 普通サイズパソコン横 90vh　margin:45px通常のモバイル・パソコンサイズ１３～１４インチ パソコン基本 () ------------------------------------------*/ /* 縦864ｐｘ以下横向きの場合のスタイル */ @media screen and (min-width: 1250px)and (max-width: 1399px)and (orientation: landscape){ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin:5px 0px 0px 0px;} .takasaspase3a{height: 20px;} /*　横置き補正行間ダミーgoogle（縦文字）*//*　52px デホルト　ナビバー*/ .lead-size1{font-size: 100%;} /* 写真　倍率width:100%　横書き*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;} .imgslwh10{width:84%;height:auto;float:none;margin: 0px0px0px0px;}/*78%横文字 */ .left1 {float:left; ;margin:0px 0px 10px 0px;} /*ナビバー　黒　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(0, 0, 0, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} /* 横文字 */ .takasa770{ min-height:98vh;/*デホルト647px 幅　92大きさ調整 */ height:auto; font-size:100%;/*100初期値 */ line-height: 1.5;/*1.5初期値 */ padding: 5px 10px 5px 10px;/*5px 10px 5px 10px */ margin: 0% 0% 10% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #fff; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; /*リンク*/ } /* 横文字 */ .takasa7701{ min-height:98vh;/* 647px幅　92大きさ調整 */ height:auto; font-size:100%; line-height: 1.5; padding: 5px 10px 5px 10px; margin: 0% 0% 10% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; /*リンク*/ } } /*sm-750px md-970px以上 height:1000px　 【画面５０％】以上２画面が使用できないので、横文字【ipad pro 縦 横】 1366×1024) 縦画面　横画面 */ @media screen and (min-width: 970px)and (min-height:1000px){ .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin: 85px 20px 0px 20px;} .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .lead-size1{font-size: 100%;} /* 写真　倍率　横書き*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px 0px 0px 0px;}/*横文字 */ .imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .dropdown1 {font-size: 110%; } .takasaskii00022{height: 1280px;}/* 横書き使用 タブレット　momo 縦px　height:％　親要素　*/ .left1 {float:none; ;margin:0px 0px 10px 0px;} /*ナビバー　黒　色　透過 0～1.0透過0　*/ .navbar-default{background-color: rgba(0, 0, 0, 0.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} .takasa770{ min-height:90vh;/* 幅　800px大きさ調整 */ height:auto; font-size: 110%;/*100％パーセントが16px 1em */ line-height: 2.0; padding: 2% 2% 2% 2%; margin: 0px 0% 0% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background-color: rgba(0, 0, 0, 0.04); box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; } .takasa7701{ min-height:90vh;/* 幅　大きさ調整 */ height:auto; font-size: 100%;/*100％パーセントが16px 1em */ line-height: 2.0; padding: 2% 2% 2% 2%; margin: 0px 0% 0% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; } } /* sm-750px md-970px 970～1250pxの間 モバイルパソコン　12.1インチ　９インチ　 普通サイズタブレット ipadサイズ------------------------------------------*/ /* 縦864ｐｘ以下横向きの場合のスタイル */ @media screen and (min-width: 970px)and (max-width: 1250px)and (orientation: landscape){ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin:5px 0px 3px 0px; } .takasaspase3a{height: 20px;} /*　横置き補正行間ダミーgoogle（縦文字）*//*　52px デホルト　ナビバー*/ .lead-size1{font-size: 100%;} /* 写真　倍率　横書き*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;} .imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*width:100%;height:auto;横文字 */ .dropdown1 {font-size:90%; } .left1 {float:left; ;margin:0px 0px 10px 0px;} /*ナビバー　黒　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(0, 0, 0, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} /* 横文字 */ .takasa770{ min-height:99vh;/*デホルト650px 幅　大きさ調整 */ height:auto; font-size: 100%; line-height: 1.5; padding: 10px 10px 10px 10px; margin: 0% 0% 0% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; /*リンク*/ } /* 横文字 */ .takasa7701{ min-height:99vh;/* 幅　大きさ調整 */ height:auto; font-size: 100%; line-height: 1.5; padding: 10px 10px 10px 10px; margin: 0% 0% 0% 0%;/*先頭位置 */ border-right-style: dotted; border-left-style: dotted; border-right-width:1px; border-left-width:1px; border-bottom: inset 2px #000; border-top: inset 2px #000; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ overflow: auto; float: none; /*リンク*/ } } /*sm-750px md-970px lg1170px ブラウザ幅が(969px pixel2 xl)以下 *************中華タブレット 10インチ960px-600px　***** landscape 縦横 1画面表示－－－目印　二重線－－－－－－－－－－－－－－－－－－*/ @media screen and (max-width: 990px)and (orientation: landscape) { /*アイコン大きさ */ .imgslwh001{width:80px;height:80px;float:none;margin: 0px0px0px0px;} .auto-style70 {font-size: 110%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */ .auto-style71 { font-size: 110%;} .imgslwhh{ background-color: rgba(255, 255, 255, .0);} .takasaskii00022{height: auto}/* 横書き使用 縦　height:％　親要素　*/ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin:5px 0px 0px 0px; } .lead-size1{ line-height: 1.7; font-size: 100%;} /* font-size の倍数 */ /* 写真　倍率　横*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .dropdown1 {font-size: 110%; } /*ナビバー　黒　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(255, 255, 255, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} .navbar-fixed-bottom {bottom:0% ; z-index : 10; } /* 「文字 基本設定 横 横文字スマートフォン */ .takasa770{position: relative; line-height: 2.0; min-height:30px; font-size: 100%; height:auto; padding:0% 16% 0% 16%;/* 5% */ border-top: double 5px; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 0% 0%; } .takasa7701{position: relative; line-height: 2.0; min-height:30px; font-size: 100%; height:auto; padding:0% 16% 10% 16%;/* 20% */ border: 0px ridge silver; background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 10% 0%; border-bottom: inset 1px #000; } } /*****************************************************************************************スマートフォン 縦文字－－－－－－－－－－－－－－－－－－－－－*/ /******************************************************************************************タブレット 縦文字－－－－－－－－－－－－－－－－－－－－－*/ /* 「ナビゲーションバー固定　大きさ指定 */ .dropdown2x {font-size: 130%; } .takasa770top1{ min-height:2vh;/* 幅　800px大きさ調整 */ height:auto; font-size: 100%;/*100％パーセントが16px 1em */ color:#fff; line-height: 1.7; padding:25% 2% 2% 2%; } /*１ sm-750px md-970px lg1170px ブラウザ横幅が600px～970ｐｘipad　 （中華タブレット　600×960 ipad 768×1024）　タブレット縦 【ipad mini 縦】タブレット(縦1050px以下)orientation: portrait */ @media screen and (min-width: 600px)and (max-width: 770px)and (max-height:2000px)and (orientation: portrait) { .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin: 4px 0px 0px 0px; } .takasa770top1{ min-height:2vh;/* 幅　800px大きさ調整 */ height:auto; font-size: 100%;/*100％パーセントが16px 1em */ color:#fff; line-height: 1.7; padding:30% 2% 2% 2%; } .imgslwh001{width:80px;height:80px;float:none;margin: 0px0px0px0px;} .auto-style70 {font-size: 110%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */ .auto-style71 { font-size: 110%;} .imgslwhh{ background-color: rgba(255, 255, 255, .0);} .takasaskii00022{height: auto}/* 横書き使用 縦　height:％　親要素　*/ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .lead-size1{ line-height: 1.7; font-size: 100%;} /* font-size の倍数 */ /* 写真　倍率　横*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .dropdown1 {font-size: 110%; } /*ナビバー　黒　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(255, 255, 255, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} .navbar-fixed-bottom {bottom:0% ; z-index : 10; } /* 「文字 基本設定 横 横文字スマートフォン */ .takasa770{position: relative; line-height: 2.0; min-height:30px; font-size: 100%; height:auto; padding:0% 10% 0% 10%;/* 5% */ background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 0% 0%; border-top: inset 1px #000; } .takasa7701{position: relative; line-height: 2.0; min-height:30px; font-size: 100%; height:auto; padding:0% 10% 10% 10%;/* 20% */ background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 60px 0%; border-bottom: inset 1px #000; } } /* ２　sm-750px md-970px lg1170px 旧中華タブレット600 ×970 　 【ipad air 縦】***** 縦長 **** (1051以上)orientation: portrait */ @media screen and (min-width: 770px)and (max-width: 970px)and (max-height:2000px)and (orientation: portrait) { .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin:15px 0px 0px 0px; } .takasa770top1{ min-height:2vh;/* 幅　800px大きさ調整 */ height:auto; font-size: 100%;/*100％パーセントが16px 1em */ color:#fff; line-height: 1.7; padding:25% 2% 2% 2%; } .imgslwh001{width:80px;height:80px;float:none;margin: 0px0px0px0px;} .auto-style70 {font-size: 110%;background-color: rgba(0, 0, 0, 0.4);}/*　休み */ .auto-style71 { font-size: 110%;} .imgslwhh{ background-color: rgba(255, 255, 255, .0);} .takasaskii00022{height: auto}/* 横書き使用 縦　height:％　親要素　*/ .takasaskii000t{z-index : 99; border: 0px ridge silver; padding: 0% 0% 0% 0%; } .lead-size1{ line-height: 1.7; font-size: 100%;} /* font-size の倍数 */ /* 写真　倍率　横*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .dropdown1 {font-size: 110%; } /*ナビバー　黒　色　透過 0～1.0　*/ .navbar-default{background-color: rgba(255, 255, 255, 1.0);} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 1.0);} .navbar-fixed-bottom {bottom:0% ; z-index : 10; } /* 「文字 基本設定 横 横文字スマートフォン */ .takasa770{position: relative; line-height: 2.0; min-height:30px; font-size: 100%; height:auto; padding:0% 10% 0% 10%;/* 5% */ background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 0% 0%; border-top: inset 1px #000; } .takasa7701{position: relative; line-height: 2.0; min-height:30px; font-size: 100%; height:auto; padding:0% 10% 10% 10%;/* 20% */ background: #FFF; box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 60px 0%; border-bottom: inset 1px #000; } } /* ３　ブラウザ横幅が(599px pixel2 xl)以下　全サイズ、スマートフォン縦　横書き and(orientation: portrait)-----普通のスマホ　縦------------------------------------- */ @media screen and (max-width: 599px)and (orientation: portrait) { .takasa770top1{ min-height:2vh;/* 幅　800px大きさ調整 */ height:auto; font-size: 100%;/*100％パーセントが16px 1em */ color:#fff; line-height: 1.7; padding:15% 2% 2% 2%; } /*navbarアイコン 小 スマホ　縦 */ .imgslwh01{width:25px;height:25px;float:none;margin: 0px0px0px0px;} .imgslwh04{width:25px;height:25px;float:none;margin: 0px0px0px0px;} .dropdown1 {font-size: 120%; } /* csscss/style2022-4-14に登録済　ナビゲーションバー固定　大きさ指定 */ /* 写真　倍率　横*/ .imgslwh{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .imgslwh10{width:100%;height:auto;float:none;margin: 0px0px0px0px;}/*横文字 */ .takasaskii0002{z-index : 99; border: 0px ridge silver; padding:0% 0% 0% 0%;margin:5px 0px 0px 0px; } /* 日付navbar*/ .navbar-fixed-bottom {margin: 0px 0% 10% 0%;} /* 「文字 基本設定 横 横文字スマートフォン */ .takasa770{position: relative; line-height: 1.7; min-height:30px; font-size: 100%; height:auto; padding:0px 1% 5% 1%; border: 0px ridge silver; background-color: rgba(0, 0, 0, 0.02); box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 0% 0%; border-top: inset 1px #000; /* 横書きwriting-mode: lr-tb;/width:100%; */ } .takasa7701{position: relative; line-height: 1.7; min-height:30px; font-size: 100%; height:auto; padding:0% 1% 5% 1%; border: 0px ridge silver; background-color: rgba(0, 0, 0, 0.02); box-shadow: 0 0 0px rgba(0,0,0,.7); float: none; text-align: justify; /* 両端揃え */ text-justify: inter-ideograph; /* 両端揃えの種類 */ margin: 0% 0% 10% 0%; border-bottom: inset 1px #000; } .kasaneimg1 { position: absolute ; /* 車　大きさ可変 */ height:50%; width: 50%; z-index: 42; bottom: 0%; left: 0%; } /* スマホ縦の大きさ */ .sample_boxww {width:100%;height:auto;}/* ワイド普通 */ .sample_boxw {width:40%;height:auto;}/* 縦写真 */ .sample_boxw1 {width:50%;height:auto;}/* 通常の横写真の大きさ */ .sample_boxw11 {width:100%;height:auto;}/* 通常の横写真の大きさ */ .sample_boxw2 {width:30%;height:auto;}/* 通常の縦写真の大きさ */ .sample_boxw3 {width:50%;height:auto;}/* 通常の縦写真の大きさ */ .sample_boxw33 {width:100%;height:auto;}/* 通常の縦写真の大きさ */ .sample_boxw4 {width:20%;height:auto;}/* 通常の縦写真の大きさ */ .douga0{width:100%;height:auto; writing-mode: lr-tb;}/* ビデオ */ } /*-------------------------------------------------- スマホ縦 -------------------------------------------------------------- */ /*-------------------------------------------------- 共用 -------------------------------------------------------------- */ .takasaskii0000{z-index : 99; border: 0px ridge silver; padding: 2% 0% 2% 0%; } /* 「月　固定枠*/ z-index : 99; border: 0px ridge silver; padding: 2% 0% 2% 0%; } /* 「月　固定枠*/ .takasaskii0001{z-index : 99; border: 0px ridge silver; padding: 2% 0% 0% 0%; } /* 「home*/ /*背景暗さ*/ .text-top {background-color: rgba(0, 0, 0,0.2); display: table-cell; text-align: center; vertical-align: middle; } .text-top1 {background-color: rgba(0, 0, 0,0.1); display: table-cell; text-align: center; vertical-align: middle;} /*img 中央揃え　　一般　　img-responsiveは、出来ない　　　text-top2　*/ .text-top2 {display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0;padding:0% 0% 0% 0%} /*　　　　貼り付け写真　中央　　　　*/ .text-top3 {display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0px;padding:0% 10% 0% 10%} /*リンク*/ .text-top4 { text-align: left; display: table-cell;border-radius: 4px 4px 4px 4px;padding: 5px ;} .text-top5 { border-radius: 10px 10px 10px 10px;padding: 10px ;} .text-top6 { border-radius: 20px 20px 20px 20px;padding: 20px ;} .text-top7 { border-radius: 20px 20px 20px 20px;} .text-top8 { border-radius: 10px 10px 10px 10px;} /*img 中央揃え　　　　img-responsive　　　　*/ /*img 拡大　　　　img-responsive　　　　*/ img.grow {transition:0.2s ease-in-out;} img.grow:hover {transform:scale(1.2,1.2);} /*img 縮小　　　　img-responsive　　　　*/ img.shrink {transition:0.0s ease-in-out;} /*img 倍率　　　　img-responsive　　　　*/ img.shrink:hover {transform:scale(1.0,1.0);} /* 縦文字移動　　　*/ .left{float:left ;margin:0px 10px 10px 0px;} .left2 {margin:0px 40px 0px 40px;} .leftno {margin:10px 10px 10px 0px;overflow-y: hidden;} .right1 {float:right ;margin:0px 0px 10px 0px;} /* 「画像の重ね合わせ・重ねる順番指定」 */ .oyahanni {position: relative;height:100%; width: 100%;} .kasaneimg1 { position: absolute; z-index: 9; top: 0%; left: 0%; border: 0px #f00 solid; } .kasaneimg2 { position: absolute; z-index: 10; bottom: 0%; right: 0%; border: 0px #f00 solid; } .kasaneimg3 { position: absolute; z-index: 11; top: 0%; right: 0%; border: 0px #f00 solid; } .kasaneimg4 { position: absolute; z-index: 12; bottom: 0%; right: 0%; border: 0px #f00 solid; } .kasaneimg5 { position: absolute; z-index: 8; top: 0%; left: 0%; border: 0px #f00 solid; } /* 動画　埋め込み　補正 */ /* 2020-11-28 css パッチ変更 横写真拡大倍率2×2.5×3.0*/ .sample_box1 img:hover{transform:scale(2);display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0px;padding:5% 0% 0% 0%;float:none;} .sample_box1-1 img:hover{transform:scale(2);display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0px;padding:10% 0% 0% 0%;float:none;} /*縦写真*/ .sample_box2 img:hover{transform:scale(2.5);display: block; margin-left: auto; margin-right: auto; border-radius: 0px 0px 0px 0px;padding:10% 0% 10% 0%;float:none;} .sample_box3 img:hover{transform:scale(3);display: block; margin-left: auto; margin-right: auto; border-radius: 0px 0px 0px 0px;padding:0% 0% 0% 0%;float:none;} /*active拡大倍率2*/ .sample_box4 img:active{transform:scale(2);display: block; margin-left: auto; margin-right: auto;border-radius: 0px 0px 0px 0px;padding:0% 0% 0% 0%;float:none;} /*拡大倍率1.5*/ .sample_box7 img:hover{transform:scale(1.5);float:none; display:block; position:absolute; height:auto; /* widthの値はデフォルトがauto */ top:0; bottom:0; right:0; left:0; margin:auto; } /* sm-750px md-970px lg1170px ブラウザ横幅が600px～970ｐｘipad　 ipad タブレット縦1050px以下orientation: portrait */ @media screen and (min-width: 600px)and (max-width: 970px)and (max-height:1300px)and (orientation: portrait) { }