/* Bootstrap -------------------------------------------------- */ html, body { height: 100%; width: 100%; } body { padding-bottom: 0px; } .text-top {background-color: rgba(0, 0, 0,0.4); display: table-cell; text-align: center; vertical-align: middle; } .text-top1 {background-color: rgba(0, 0, 0,0.5); display: table-cell; line-height: 160%;padding:7px; vertical-align:middle; text-align: center; font-size: 100%; color: #fff; } .text-top2 {background-color: rgba(0, 0, 0,0.4); display: table-cell; text-align: center; vertical-align: middle; } .text-top3 {background-color: rgba(0, 0, 255,0.0); display: table-cell; line-height: 160%;padding:7px; vertical-align:middle; text-align: center; font-size: 120%; color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; } .text-top10 {background-color: rgba(0, 0, 255,0.2); display: table-cell; line-height: 160%;padding:7px; vertical-align:middle; text-align: center; font-size: 120%; color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; } .text-top11 {background-color: rgba(0, 0, 255,0.6); display: table-cell; line-height: 140%;padding:2px; vertical-align:middle; text-align: center; font-size: 100%; color: #fff; box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; } .syashin11{overflow:hidden} /*ーーーーーーーーーーーーーーーーーーーーーーカレンダー１５　下期 行間　TOPスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase1{height: 90px;} /*ーーーーーーーーーーーーーーーーーーーーーー背景　TOPスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase1a{height: 15px;} /*ーーーーーーーーーーーーーーーーーーーーーーカレンダー１５　下期 行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase2{height: 100px;} /*ーーーーーーーーーーーーーーーーーーーーーー先頭　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase2a{height: 300px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome2 4行間　TOPスペース ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase3{height: 26px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome24行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase4{height: 67px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome1 4行間　TOPスペース ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase5{height: 26px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome1 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase6{height: 67px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome3 4行間　TOPスペース ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase7{height: 26px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome3 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase8{height: 67px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome4 4行間　TOPスペース ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase9{height: 50px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome4 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase10{height: 67px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome 4行間　TOPスペース ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase11{height: 26px;} /*ーーーーーーーーーーーーーーーーーーーーーーhome 4行間　BOTOMスペースーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .takasaspase12{height: 40px;} /*ーーーーーーーーーーーーーーーーーーーーーーこのブロックの直後で改ページされます。ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .pageblock1 { page-break-after: always;} /*ーーーーーーーーーーーーーーーーーーーーーーimg margin1ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .margin1 {padding: 4% 10% 10% 10%;} .margin2 {padding: 1%;} .margin3 {padding: 4% 15% 15% 15%;} /*ーーーーーーーーーーーーーーーーーーーーーー背景　透過動画　フイルターーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .background-color0 {background-color: rgba(0, 0, 0,0.0);} .background-color1{background-color: rgba(0,0,0,0.1);} .background-color1r{background-color: rgba(255,0,0,0.1);} .background-color1g{background-color: rgba(0,255,0,0.1);} .background-color1b{background-color: rgba(0,0,255,0.1);} .background-color11{background-color: rgba(0,0,0,0.1);} .background-color11r{background-color: rgba(128,0,0,0.1);} .background-color11g{background-color: rgba(0,128,0,0.1);} .background-color11b{background-color: rgba(0,0,128,0.1);} .background-color2{background-color: rgba(0,0,0,0.2);} .background-color2r{background-color: rgba(255,0,0,0.2);} .background-color2g{background-color: rgba(0,255,0,0.2);} .background-color2b{background-color: rgba(0,0,255,0.2);} .background-color20{background-color: rgba(255,255,255,0.2);} .background-color4{background-color: rgba(0,0,0,0.4);} .background-color4r{background-color: rgba(255,0,0,0.4);} .background-color4g{background-color: rgba(0,255,0,0.4);} .background-color4b{background-color: rgba(0,0,255,0.4);} .background-color40{background-color: rgba(255,255,255,0.4);} .background-color41{background-color: rgba(0,0,0,0.4);} .background-color41r{background-color: rgba(128,0,0,0.4);} .background-color41g{background-color: rgba(0,128,0,0.4);} .background-color41b{background-color: rgba(0,0,128,0.4);} .background-color410{background-color: rgba(128,128,128,0.4);} .background-color6{background-color: rgba(0,0,0,0.6);} .background-color6r{background-color: rgba(255,0,0,0.6);} .background-color6g{background-color: rgba(0,255,0,0.6);} .background-color6b{background-color: rgba(0,0,255,0.6);} .background-color61{background-color: rgba(0,0,0,0.6);} .background-color61r{background-color: rgba(128,0,0,0.6);} .background-color61g{background-color: rgba(0,128,0,0.6);} .background-color61b{background-color: rgba(0,0,128,0.6);} .background-color610{background-color: rgba(128,128,128,0.6);} .background-color8{background-color: rgba(0,0,0,0.8);} .background-color8r{background-color: rgba(255,0,0,0.8);} .background-color8g{background-color: rgba(0,255,0,0.8);} .background-color8b{background-color: rgba(0,0,255,0.8);} .background-color2rg{background-color: rgba(250,250,0,0.2);} .background-color2gb{background-color: rgba(0,250,250,0.2);} .background-color2rb{background-color: rgba(250,0,250,0.2);} .background-color4rg{background-color: rgba(250,250,0,0.4);} .background-color4gb{background-color: rgba(0,250,250,0.4);} .background-color4rb{background-color: rgba(250,0,250,0.4);} .background-color6rg{background-color: rgba(250,250,0,0.6);} .background-color6gb{background-color: rgba(0,250,250,0.6);} /*ーーーーーーーーーーーーーーーーーーーーーー背景アルバム　標準 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ /*ーーーーーーー軽量　背景画像 線形グラデーション指定ーーーーーーーーーーーーーー*/ .background-fly1{ background-color: #FFFFFF;background-image: linear-gradient(180deg, #FFFFFF 0%, #6284FF 50%, #FF0000 100%) ; } .background-fly2{background-color: #52ACFF;background-image:linear-gradient(180deg, #52ACFF 25%, #FFE32C 100%); } .background-fly3{background-color: #FFE53B;background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%); } .background-fly4{background-color: #FAACA8;background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%); } .background-fly5{background-color: #21D4FD;background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);} .background-fly6{background-color: #08AEEA;background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%); } .background-fly7{background-color: #FEE140;background-image: linear-gradient(90deg, #FEE140 0%, #FA709A 100%); } .background-fly8{background-color: #8EC5FC;background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%); } .background-fly9{background-color: #FBAB7E;background-image: linear-gradient(343deg, #FBAB7E 0%, #F7CE68 100%); } .background-fly01{background-color: #FF3CAC;background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%); } .background-fly02{background-color: #D9AFD9;background-image: linear-gradient(0deg, #D9AFD9 0%, #97D9E1 100%); } .background-fly03{background-color: #00DBDE;background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); } .background-fly04{background-color: #F4D03F;background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%); } .background-fly05{background-color: #0093E9;background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); } .background-fly06{background-color: #74EBD5;background-image: linear-gradient(90deg, #74EBD5 0%, #9FACE6 100%); } .background-fly07{background-color: #FAD961;background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%); } .background-fly08{background-color: #FA8BFF;background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%); } .background-fly09{background-color: #FBDA61;background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); } .background-fly01s{background-color: #FF3CAC;background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%); width:640px; height: 400px;} .background-fly02s{background-color: #D9AFD9;background-image: linear-gradient(0deg, #D9AFD9 0%, #97D9E1 100%,); width:640px; height: 400px; } .background-fly03s{background: linear-gradient(90deg, #61d8fa 10%, #1c3df7 32%, #1a1a1b 54%); width:640px; height: 400px; } /*ーーーーーーー　 背景透過ーーーーーーーーーーー*/ /*ーーーーーーー　 左側gradien　背景透過ーーーーーーーーーーー*/ .background-fly1t{ background: linear-gradient(90deg, rgba(0, 0, 128, 0.6), rgba(0, 128, 0, 0.6)) ; } .background-fly2t{ background: linear-gradient(90deg, rgba(0, 64, 64, 0.6), rgba(0, 64, 0, 0.6)) ; } .background-fly3t{ background: linear-gradient(90deg, rgba(128, 128, 0, 0.6), rgba(0, 128, 0, 0.6)) ; } /*ーーーーーーー　 bottom gradien　背景透過ーーーーーーーーーーー*/ .background-fly4t{ background: linear-gradient(0deg, rgba(0, 128, 128, 0.6), rgba(0, 128, 0, 0.7)) ; } .background-fly5t{ background: linear-gradient(0deg, rgba(128, 0, 128, 0.6), rgba(0, 128, 0, 0.6)) ; } .background-fly6t{ background: linear-gradient(0deg, rgba(128, 128, 0, 0.6), rgba(0, 128, 0, 0.6)) ; } /*ーーーーーーー　t0p gradien　背景透過ーーーーーーーーーーー*/ .background-fly7t{ background: linear-gradient(180deg, rgba(0, 128, 128, 0.6), rgba(0, 128, 0, 0.6)) ; } .background-fly8t{ background: linear-gradient(180deg, rgba(128, 0, 128, 0.6), rgba(0, 128, 0, 0.6)) ; } .background-fly9t{ background: linear-gradient(180deg, rgba(128, 128, 0, 0.6), rgba(0, 128, 0, 0.6)) ; } .background-fly10t{ background: linear-gradient(90deg, rgba(0, 0, 64, 0.2), rgba(0, 128, 32, 0.7)) ; } .background-fly11t{ background: linear-gradient(90deg, rgba(0, 0, 255, 0.2) 23%, rgba(0, 128, 128, 0.5) 45%, rgba(64, 64, 64, 0.7)57%) ; } .background-fly12t{ background: linear-gradient(90deg, rgba(0, 0, 255, 0.2) 50%, rgba(64, 64, 64, 0.7)50%) ; } .background-fly13t{ background: linear-gradient(90deg, rgba(0, 0, 128, 0.4), rgba(0, 128, 0, 0.2)) ; } /*ーーーーーーー　 背景透過ー 泡ー雨ー星ーーーーーーーーーーー*/ .background-fly10 { background: url(../images3/16-6-20-2.gif) ; } .background-fly11 { background: url(../images3/16-6-20-1.gif) ; } .background-fly12 { background: url(../images3/16-6-20-13.gif) ; } .background-fly13 { background: url(../images2017/17-11-28-2.gif) ; } .background-fly14 { background: url(../images2017/17-11-28-3.gif) ; } .background-fly15 { background: url(../images2018/18-1-31-3.gif) ; }/*ーーーーーーー　 背景透過ー雪ーーーーーーーーーーー*/ .background-fly16 { background: url(../images2018/18-2-8-2.gif) ; } .background-fly17 { background: url(../images2018/18-1-1-103.gif) ; } /*ーーーーーーー　テクスチャーの画像 ーーーーーーーーーーー*/ .background-fly20 { background: url(../images3/pattern.png) ; } .background-fly21 { background: url(../images3/pattern2.png) ; } .background-fly22 { background: url(../images3/pattern3.png) ; } .background-fly23 { background: url(../images3/pattern4.png) ; } .background-fly24 { background: url(../images3/pattern5.png) ; } .background-fly25 { background: url(../images3/pattern6.png) ; } .background-fly26 { background: url(../images3/pattern7.png) ; } .background-fly27 { background: url(../images3/pattern8.png) ; } .background-fly28 { background: url(../images3/pattern9.png) ; } .background-fly29 { background: url(../images3/pattern10.png) ; } .background-fly30 { background: url(../images3/pattern11.png) ; } .background-fly31 { background: url(../images3/pattern12.png) ; } .background-fly32 { background: url(../images3/pattern13.png) ; } .background-fly33 { background: url(../images3/pattern14.png) ; } .background-fly34 { background: url(../images3/pattern15.png) ; } .background-fly35 { background: url(../images3/pattern16.png) ; } /*ーーーーーーー　svg 背景画像 ーーーーーーーーーーー*/ /*ーーーーーーー動画１，３　背景ーーーーーーーーーーーーーー*/ .background-1mg100 { background: #63c3eb url(../images3/16-6-15-4.jpg) fixed; display: table; width: 100%; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg99 { background: #63c3eb url(../images3/16-2-20-1.gif) fixed; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg98 { background: #63c3eb url(../images3/16-6-15-4.jpg) fixed; width: 100%; height: auto%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg97 { background: #63c3eb url(../images3/16-6-19-1.gif) fixed; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg96 { background: #63c3eb url(../images/15-8-12-1.jpg) fixed; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*ーーーーーーー動画　４　背景ーーーーーーーーーーーーーー*/ .background-1mg87 { background: url(../images3/16-6-15-4.jpg)fixed; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg88 { background: url(../images3/16-6-20-2.gif) fixed; background-size: 25%; } .background-1mg89 { background: url(../images3/16-6-20-1.gif) fixed ; background-size: 25%; } /*ーーーーーーー動画　４　背景ーーーーーーーーーーーーーー*/ .background-1mg84 { background: url(../images3/16-6-20-3.jpg)fixed; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg84-1{ background: url(../images2017/17-6-1-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg85 { background: url(../images3/16-6-20-12.gif)fixed; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg86 { background: url(../images3/16-6-20-13.gif) fixed ; background-size: 25%; } .background-1mg00 { background: url(../images/13-10-17-12.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg01 { background: url(../images3/16-6-12-1.jpg) no-repeat center center; width: 100%; height: auto; position: relative;z-index : 99; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg02 { background: url(../images3/16-6-12-2.jpg) no-repeat center center;z-index : 99; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg03 { background: url(../images3/16-6-12-3.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg04 { background: url(../images3/16-6-12-4.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg07 { background: url(../images11/16-12-5-12.jpg) no-repeat center center; width: 100%; height: auto; position: relative;z-index : 99; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mg08 { background: url(../images11/16-12-5-13.jpg) no-repeat center center;z-index : 99; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*ーーーーーーーーーーーーーーーーーーーーーー背景 ライブ映像　標準 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/ .background-1mgv01 { background: url(../images3/16-5-22-3.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mgv00 { background: url(../images3/16-2-10-2.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mgv02 { background: url(../images3/16-6-1-1.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mgv03 { background: url(../images3/16-3-1-1.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-1mgv04 { background: url(../images3/16-2-8-1.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background-color7 { background: url(../images1/15-8-29-3.jpg)no-repeat center center fixed;display: table; width: 100%; height: 100%; position:relative;z-index:1; background-size: cover; } .background-color8 {position: relative; z-index:9;background-repeat: no-repeat;} /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー767px 以上　写真　固定　パララックス　有りーーーーー1971pxーーーーーーーーーーーーーーーーーーー*/ /*ーーーーーーーーーーーーーーーーーーーーーー縦　中央ーーーーーtransform: translateY(20%)ーーーーーーーー.vertical900{ transform: translateY(20%) ;}りーーーーーーーーーーーーーーーーーーーーーーーー*/ @media (max-width: 970px) { .text-top h1{ font-size: 2.5em; color: #fff; } .text-top h3 { font-size: 1.5em; color: #fff; margin-top: -10px; } .text-top > .btn{ margin-bottom: 20px; } /*写真　　new- Home4　表紙*/ #new-home4 { background: url(../images1/15-9-27-4.gif) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真　　new- Home3　表紙*/ #new-home3 { background: url(../images1/15-9-20-1.gif) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真new- Home2　表紙*/ #new-home2 { background: url(../images/13-10-17-12.jpg) no-repeat center center ; width:100%; height:auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真　　new- Home1　表紙*/ #new-home1 { background: url(../images1/15-9-14-1.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真 プロフィール　表紙*/ #furika8s { background: url(../images/15-3-30-2.jpg) no-repeat center center; width: 100%; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真 skill　表紙*/ #furika7s { background: url(../images/15-6-17-1.jpg) no-repeat center center; width: 100%; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真 動画　表紙*/ #furika6s { background: url(../images/15-5-10-5.jpg) no-repeat center center; width: 100%; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真　振り返れば　表紙　　　*/ #furika5s { background: url(../images/14-12-18.jpg) no-repeat center center; width: 100%; height: auto; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真end */ #products-end000 { background: url(../images4/16-11-14-3.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-12月 中央　文字 display: table height: 110%を追加する。 */ #products-detail16-12 { background: url(../images4/16-11-30-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-11月*/ #products-detail16-11 { background: url(../images4/16-11-1-1.jpg) no-repeat center center ; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-10月*/ #products-detail16-10 { background: url(../images4/16-10-1-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-9月*/ #products-detail16-9 { background: url(../images4/16-9-1-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-8月*/ #products-detail16-8 { background: url(../images4/16-7-15-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-7月*/ #products-detail16-7 { background: url(../images3/16-5-22-3.jpg) no-repeat center center; display: table; height: 110%; width: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-6月*/ #products-detail16-6 { background: url(../images3/16-6-1-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-5月*/ #products-detail16-5 { background: url(../images3/16-5-7-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-4月*/ #products-detail16-4 { background: url(../images3/16-4-3-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-3月*/ #products-detail16-3 { background: url(../images3/16-2-27-6.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-2月*/ #products-detail16-2 { background: url(../images3/16-2-1-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-1月 中央　文字 display: table height: 110%を追加する。 */ #products-detail16-1 { background: url(../images3/16-1-2-1.jpg) no-repeat center center; display: table; width: 100%; height: 110%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真12月*/ #products-detail12 { background: url(../images2/15-11-30-6.jpg) no-repeat center center; width: 100%;display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真11月*/ #products-detail11 { background: url(../images1/15-10-31-3.jpg) no-repeat center center; width: 100%;display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真10月*/ #products-detail10 { background: url(../images1/15-10-2-1.jpg) no-repeat center center; width: 100%;display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真9月*/ #products-detail9 { background: url(../images1/15-8-29-3.jpg) no-repeat center center; width: 100%;display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真8月*/ #products-detail8 { background: url(../images/15-8-12-1.jpg) no-repeat center center; width: 100%;display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真7月*/ #products-detail7 { background: url(../images/15-7-6-1.jpg) no-repeat center center; width: 100%;display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真6月*/ #products-detail6 { background: url(../images/15-6-1-1.jpg) no-repeat center center; width: 100%; display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真5月*/ #products-detail5 { background: url(../images/15-5-10-4.jpg) no-repeat center center; width: 100%; display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真4月*/ #products-detail4 { background: url(../images/15-4-18-1.jpg) no-repeat center center; width: 100%; display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真3月*/ #products-detail3 { background: url(../images/15-3-2-5.jpg) no-repeat center center; width: 100%; display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真2月*/ #products-detail2 { background: url(../images/15-2-28-2.jpg) no-repeat center center; width: 100%; display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真1月*/ #products-detail { background: url(../images/15-1-2-2.jpg) no-repeat center center; width: 100%; display: table; height: 100%; position: relative; margin-top: 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー768px 以上　写真　固定　パララックス　有りーーーーー1971pxーーーーーーーーーーーーーーーーーーー*/ /*ーーーーーーーーーーーーーーーーーーーーーー縦　中央ーーーーーtransform: translateY(20%)ーーーーーーーー.vertical900{ transform: translateY(20%) ;}りーーーーーーーーーーーーーーーーーーーーーーーー*/ @media (min-width: 971px) { .text-top h1,.text-top h3 {font-size: 4em; color: #fff; } #new-home4 { background: url(../images1/15-9-27-4.gif) no-repeat center center fixed; display: table; height: auto; position: relative; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #new-home3 {background-color: rgba(0, 0, 0,0.4) ; } #new-home3 { background: url(../images1/15-9-20-1.gif) no-repeat center center fixed; display: table; height: auto; position: relative; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #new-home2 { background: url(../images1/15-9-17-1.gif) no-repeat center center fixed; display: table; height: auto; position: relative; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真new-home1*/ #new-home1 { background: url(../images1/15-9-14-1.jpg) no-repeat center center fixed; display: table; height: auto; position: relative; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真end*/ #products-end000 { background: url(../images4/16-11-14-3.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-12月*/ #products-detail16-12 { background: url(../images4/16-11-30-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-11月*/ #products-detail16-11 { background: url(../images4/16-11-1-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-10月*/ #products-detail16-10 { background: url(../images4/16-10-1-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-9月*/ #products-detail16-9 { background: url(../images4/16-9-1-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-8月*/ #products-detail16-8 { background: url(../images4/16-7-15-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-7月*/ #products-detail16-7 { background: url(../images3/16-5-22-3.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-6月*/ #products-detail16-6 { background: url(../images3/16-6-1-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-5月*/ #products-detail16-5 { background: url(../images3/16-5-7-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-4月*/ #products-detail16-4 { background: url(../images3/16-4-3-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-3月*/ #products-detail16-3 { background: url(../images3/16-2-27-6.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-2月*/ #products-detail16-2 { background: url(../images3/16-2-1-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真16-1月*/ #products-detail16-1 { background: url(../images3/16-1-2-1.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真12月*/ #products-detail12 { background: url(../images2/15-11-30-6.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真11月*/ #products-detail11 { background: url(../images1/15-10-31-3.jpg ) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真10月*/ #products-detail10 { background: url(../images1/15-10-2-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真9月*/ #products-detail9 { background: url(../images1/15-8-29-3.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真8月*/ #products-detail8 { background: url(../images/15-8-12-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真7月*/ #products-detail7 { background: url(../images/15-7-6-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真6月*/ #products-detail6 { background: url(../images/15-6-1-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真5月*/ #products-detail5 { background: url(../images/15-5-10-4.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真4月*/ #products-detail4 { background: url(../images/15-4-18-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真3月*/ #products-detail3 { background: url(../images/15-3-2-5.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真2月*/ #products-detail2 { background: url(../images/15-2-28-2.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真1月*/ #products-detail { background: url(../images/15-1-2-2.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真　振り返れば5s*/ #furika5s { background: url(../images/14-12-18.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真　動画 6S*/ #furika6s{ background: url(../images/15-5-10-5.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真 Skill 7S*/ #furika7s{ background: url(../images/15-6-17-1.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*写真 プロフィール 8S*/ #furika8s{ background: url(../images/15-3-30-2.jpg) no-repeat center center fixed; display: table; height: 100%; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } /* Content styles -------------------------------------------------- */ /* Products */ .productsq { background-color: rgba(0,0,0,0.2); color:#fff; padding-bottom: 25px; padding-top: 0px; } #products-detail .panel { margin-top: 50px; margin-bottom: 50px; opacity: 0.85; } #products-detail2 .panel { margin-top: 50px; margin-bottom: 50px; opacity: 0.85; } .color1 { background-color: #306d9f; color: #ffffff; } h3 ,h2,.p-center{ text-align: center; } .service > p{ text-align: center; } .enimg{ border-radius: 50%; display: block; margin-left: auto; margin-right: auto; width:200px; } .section{ margin-top: 50px; margin-bottom: 50px; } .section1{ margin-top: 10px; margin-bottom: 10px; } .section2{ margin-top: 20px; margin-bottom: 20px; } .center-block{ display: block; margin-left: auto; margin-right: auto; margin-top: 30px; } .video{ margin-top: 50px; } .content-img{ width:80%; height:auto; margin-left: auto; margin-right: auto; display: block; } /* Bootstrap Navigation styles 青ScrollSpy ------------------------------------------------------------------------------ */ .navbar-default .navbar-nav > .active{ color: #000; background: #BBDDFF; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #000; background: #BBDDFF; } /* Sticky footer styles -------------------------------------------------- */ .footer { bottom: 0; width: 100%; /* Set the fixed height of the footer here */ background-color: #f5f5f5; padding: 20px 0; } /* Bootstrap end -------------------------------------------------- */ /* コメント　 -------------------------------------------------- */ /*右段 ボタン　hover　　基本　　　*/ .buttonk {display: inline-block; width: 90%; height: 50%; text-decoration: none; outline: none; } .buttonk::before, .buttonk::after { position: absolute; z-index: -1; display: block; content: ''; } .buttonk, .buttonk::before, .buttonk::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } /*右段 ボタン　1　　　　　*/ .button1 { position: relative; z-index: 2; background-color: #fff; color: #000; line-height: 120%; } .button1:hover { background-color: #000; border-color: #fff; color: #fff; } .button1::before, .button1::after { left: 0; width: 100%; height: 50%; background-color: #fff; } .button1::before { top: 0; } .button1::after { bottom: 0; } .button1:hover::before, .button1:hover::after { height: 0; background-color: #fff; } /*右段 ボタン　2　　　扉　　*/ .button2 { position: relative; z-index: 2; color: #000; line-height: 120%; /*変更　*/ -webkit-perspective: 300px; perspective: 300px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .button2:hover { color: #fff; } .button2::after { top: 0; left: 0; width: 100%; height: 100%; background: #000; -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; } .button2:hover::after { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } /*右段 ボタン　4　　シャッター　　　*/ .button4 { position: relative; z-index: 2; background-color: #fff; color: #333; line-height: 120%; /*変更　*/ overflow: hidden; } .button4:hover { color: #fff; } .button4::after { top: -100%; width: 100%; height: 100%; } .button4:hover::after { top: 0; background-color: #000; } /*右段 ボタン　6　開ドア　　*/ .button6 { position: relative; z-index: 2; background-color: #fff; color: #000; line-height: 120%; /*変更　*/ } .button6:hover { background-color: #000; border-color: #fff; color: #fff; } .button6::before, .button6::after { top: 0; width: 50%; height: 100%; background-color: #fff; } .button6::before { right: 0; } .button6::after { left: 0; } .button6:hover::before, .button6:hover::after { width: 0; background-color: #59b1eb; } .table_03 { /* HOME_03 青テーブル */ width:100%;margin:0px 0px 0px 0px;padding:0px; border-collapse:collapse; } .table_03 th { padding:4px 2px 2px 4px; text-align:center;vertical-align:top;color:#fff; background-color: rgba(0, 0, 1,0.9) ; border:1px solid #6699CC; } .th1{width:20%} .th2{width:30%} .th3{width:50%} .table_03 td { /* セル */ padding:2px 2px 2px 12px; background-color: rgba(0, 0, 0,0.4) ; border:1px solid #6699CC; } .table_33 { /* HOME_33 青テーブル */ width:100%;margin:0px 0px 0px 0px;padding:0px; border-collapse:collapse; } .table_33 th { padding:4px 2px 2px 4px; text-align:center;vertical-align:top;color:#fff; background-color: rgba(0, 0, 1,0.9) ; border:1px solid #6699CC; } .th331{width:20%} .th332{width:60%} .th333{width:20%} .table_33 td { /* セル */ padding:4px 2px 2px 4px; background-color: rgba(0, 0, 0,0.4) ; border:1px solid #6699CC; } .table_17 { /* my fail */ width:100%;margin:0px 0px 10px 0px;padding:0px; border-collapse:separate; border-spacing:0px; border-top:1px solid #663300; border-left:1px solid #663300; empty-cells:show; } .table_17 th { padding:4px 2px 2px 4px; vertical-align:top;color:#fff; background: rgba(0,0,0,.4); border-left:1px solid #663300; border-right:1px solid #663300;border-bottom:1px solid #663300; } .th74{width:15% ;text-align:center;　} .th75{width:20%} .th76{width:65% ;text-align:left } .table_17 td { /* セル */ padding:4px 2px 2px 4px; background: rgba(0,0,0,.2); border-right:1px solid #663300; border-bottom:1px solid #663300; } .table_06 { /* 振り返ればテーブル */ width:100%;margin:0px 0px 10px 0px;padding:0px; border-collapse:separate; border-spacing:0px; border-top:1px solid #663300; border-left:1px solid #663300; empty-cells:show; } .table_06 th { padding:4px 2px 2px 4px; vertical-align:top;color:#FFFFFF; background-color:#996633; border-top:1px solid #FFE7CE;border-left:1px solid #FFE7CE; border-right:1px solid #663300;border-bottom:1px solid #663300; } .th64{width:5% ;text-align:center;　} .th65{width:17%} .th66{width:78% ;text-align:left } .table_06 td { /* セル */ padding:4px 2px 2px 4px; background-color:#FFE7CE; border-right:1px solid #663300; border-bottom:1px solid #663300; } .takasa70{ /* 「カレンダーデータ最低の高さ900」 */ line-height: 129%; font-size: 110%; opacity: 0.9; max-height:260px; height: 240px; text-align: left; margin: 0px0px0px0px; background-color: rgba(0, 0, 0,.6); color: #fff; padding: 5px 5px 5px 5px; border: 0px ridge silver; box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; overflow: hidden; } .sidebar900{ /* 「スライド・空カラム　９００」 */ height: 900px; width: 10px; display: inline-block; text-align: left; vertical-align: top; background-color: rgba(0, 0, 0,.2); } .sidebarblock900{display: inline-block;overflow:hidden; zoom:1; } .takasa70fu{ /* 「カレンダーデータ最低の高さ900」 */ line-height: 129%; font-size: 110%; opacity: 0.9; max-height:400px; height: 400px; text-align: left; margin: 0px0px0px0px; background-color: rgba(0, 0, 0,.6); color: #fff; padding: 5px 5px 5px 5px; border: 0px ridge silver; box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; overflow: hidden; } .takasa770hp{ /* 「カレンダーデータ最低の高さ900」 */ min-height: 400px; 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); box-shadow: 0 0 2px rgba(0,0,0,.1); border-radius: 7px 7px 7px 7px; float: none;color:#fff; } .takasa700hp{ /* 「カレンダーデータ最低の高さ900」 */ min-height: 700px; 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); box-shadow: 0 0 2px rgba(0,0,0,.1); border-radius: 7px 7px 7px 7px; float: none;color:#fff; } /* 「index4-1」 */ .takasa770hpd{ /* 「カレンダーデータ最低の高さ900」 */ min-height: 400px; line-height: 200%; font-size: 120%; height: auto !important; height: 0px; margin:0px0px0px0px; padding: 10px 10px 10px 10px; border: 0px ridge silver; background-color: rgba(0, 0, 0,.4); box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; float: none;color:#fff; } .takasa900hpd{ /* 「カレンダーデータ最低の高さ900」 */ min-height: 900px; 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,.1); box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; float: none;color:#fff; } .takasa770f{ /* 「カレンダーデータ最低の高さ900」 */ height: 790px; line-height: 140%; font-size: 120%; margin: 0px0px0px0px; padding: 10px 10px 10px 10px; border: 0px ridge silver; background: #FFF; box-shadow: 0 0 2px rgba(0,0,0,.7); border-radius: 7px 7px 7px 7px; float: none; overflow: auto; } .takasa20{ /* 「カレンダーデータ最低の高さ900」 */ height: 40px; text-align: left; overflow: hidden; } .takasa999{ /* 「カレンダーデータ最低の高さ900」 */ min-height: 900px; line-height: 140%; font-size: 120%; height: auto !important; height: 50px; margin: 0px0px0px0px; padding: 10px 10px 10px 10px; border: 0px ; background: rgba(0,0,0,.0); float: none;} .line-height00{ /* 「カレンダーデータ最低の高さ900」 */ color: #FF0; } /* スクロール サイド固定　基本　標準 */ .display2{ display: block;font-size: 150%; width:250px; } .display3{ display: block;font-size: 150%; width:77px; } .center-col {text-align: center; } /* ウィンドウ幅に対して真ん中 */ .display-max{ width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 800px; /* 追加：幅は最大で800pxまで広がるようにする */ min-width: 100px; /* 追加：幅は最小で100pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ } .display-max1{ width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 300px; /* 追加：幅は最大で300pxまで広がるようにする */ min-width: 150px; /* 追加：幅は最小で150pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ } .display-max2{ width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 250px; /* 追加：幅は最大で250pxまで広がるようにする */ min-width: 50px; /* 追加：幅は最小で50pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ } .display-max4{ width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 370px; /* 追加：幅は最大で370pxまで広がるようにする */ min-width: 250px; /* 追加：幅は最小で250pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ } /* サイド　固定max-width body.is-fixed .nav--typeA {top:10%; width: 100%; max-width: 255px; margin: 0 auto;position: fixed;z-index: 4;} body.is-fixed .header { margin-bottom: 0px;}*/ .gifcam1{background-color: rgba(0, 0, 0,.2);color: #fff;} /* 「inline-block」 */ /* サイド　固定max-width　カラオケ用　*/ /*　1100px　より小さいと190px　　　*/ @media (max-width: 1100px) {body.is-fixed .nav--typeb {top:12%; width: 100%; max-width:48%; margin: 0 auto;position: fixed;z-index: 4;}} /*1100px大きと 255px　　*/ @media (min-width: 1100px) { body.is-fixed .nav--typeb {top:12%; width: 100%; max-width:48%; margin: 0 auto;position: fixed;z-index: 4; }} /* サイド　固定max-width　*/ /*　1100px　より小さいと190px　　　*/ @media (max-width: 1100px) {body.is-fixed .nav--typeA {top:10%; width: 100%; max-width: 22%; margin:0%; position: fixed;z-index: 4;}} /*1100px大きと 270px　　*/ @media (min-width: 1100px) { body.is-fixed .nav--typeA {top:10%; width: 100%; max-width: 22%; margin:0%; position: fixed;z-index: 4; }} .navnav { width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 300px; /* 追加：幅は最大で255pxまで広がるようにする */ min-width: 50px; /* 追加：幅は最小で50pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ } .navnav1 { width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 100%; /* 追加：幅は最大で370pxまで広がるようにする */ min-width: 22%; /* 追加：幅は最小で50pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ } /* スクロール サイド固定　基本　カラオケ用 */ .navnav2 { width: 100%; /* 幅をウィンドウサイズに合わせて100％に指定*/ max-width: 100%; /* 追加：幅は最大で255pxまで広がるようにする */ min-width: 48%; /* 追加：幅は最小で50pxまで狭まるようにする */ margin: 0 auto; /* 追加：ページをウィンドウ幅に対して真ん中にくるようにする */ }