@import "http://";@import "https://";.loadingAnim{position: fixed;z-index: 100;top: 0;right: 0;bottom: 0;left: 0;display: block;width: 100%;height: 100%;text-align: center;}.loadingAnim:before,.loadingAnim:after{line-height: 1;position: fixed;z-index: 99;right: 0;left: 0;display: block;width: 100%;height: 50%;margin-right: auto;margin-left: auto;content: ' ';transition: all .3s cubic-bezier(.785, .135, .15, .86) 0s;transition-delay: .3s;background: -o-linear-gradient(25deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/1rose.jpg);background: -ms-linear-gradient(25deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/1rose.jpg);background: -moz-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/1rose.jpg);background: -webkit-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/1rose.jpg);background: linear-gradient(25deg, rgba(255, 190, 44, 0.4), rgba(255, 44, 171, 0.7)),url(../images/1rose.jpg);background-size:cover;height: 100%;line-height: 100%;text-align: center;color: #FFF;}.loadingAnim:before{top: 0;}.loadingAnim:after{bottom: 0;}.loaded .loadingAnim:before{height: 0;-webkit-transform: translateY(-1%);-ms-transform: translateY(-1%);-moz-transform: translateY(-1%);-o-transform: translateY(-1%);transform: translateY(-1%);}.loaded .loadingAnim:after{height: 0;-webkit-transform: translateY(1%);-ms-transform: translateY(1%);-moz-transform: translateY(1%);-o-transform: translateY(1%);transform: translateY(1%);}.loadingAnim_line{line-height: 1;position: fixed;z-index: 100;top: 0;right: 0;bottom: 0;left: 0;display: inline-block;overflow: hidden;width: 500px;height: 2.25em;margin: auto;transition: all .3s cubic-bezier(.785, .135, .15, .86) 0s;transition-delay: .6s;text-align: center;}.loadingAnim_line:after{position: absolute;z-index: 100;top: 0;bottom: 0;left: 0;display: block;width: 0;height: 100%;margin: auto  auto auto 0;content: ' ';-webkit-animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;-o-animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;-moz-animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;-ms-animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;animation: loadingAnim 2s ease-in-out .1s infinite normal backwards;background-color: #fff;will-change: transform, width;}.loadingAnim_line:before{font-family: "Playfair Display", serif;font-size: 2.25em;font-weight: bold;font-style: normal;text-shadow: -1px 1px 0 #000;line-height: 1;display: block;content: 'Thank you for your visit';-webkit-animation: loadingAnim_text 1s ease .1s infinite alternate both;-ms-animation: loadingAnim_text 1s ease .1s infinite alternate both;-o-animation: loadingAnim_text 1s ease .1s infinite alternate both;-moz-animation: loadingAnim_text 1s ease .1s infinite alternate both;animation: loadingAnim_text 1s ease .1s infinite alternate both;letter-spacing: 0.1em;color: #fff;will-change: opacity;}.loaded .loadingAnim_line{overflow: hidden;height: 0;}.loaded .loadingAnim_line:after,.loaded .loadingAnim_line:before{-webkit-animation: none;-moz-animation: none;-o-animation: none;-ms-animation: none;animation: none;}.loaded .loadingAnim_line:before{content: 'LOADED!';}body {font-family: "Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","YuGothic,"Yu Gothic","メイリオ", "Meiryo","ＭＳ Ｐゴシック","MS PGothic" ;line-height: 40px;}body {background-color : #e0ebfd;background-image : url("images/13a.png") background-repeat:repeat;" align="center";}div.title {width : 300px;margin : auto;margin-top : 25px;text-align : center;line-height : 140%;font-size : 60px;font-family : '';color : #ddd;text-shadow:1px 1px 0px #fff,0px 3px 5px blue;}.title{-webkit-animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;	        animation-delay : 3s;}@-webkit-keyframes tracking-in-expand {0% {letter-spacing: -0.5em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}}@keyframes tracking-in-expand {0% {letter-spacing: -0.5em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}}@-o-keyframes tracking-in-expand {0% {letter-spacing: -0.5em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}}@-moz-keyframes tracking-in-expand {0% {letter-spacing: -0.5em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}}@-mos-keyframes tracking-in-expand {0% {letter-spacing: -0.5em;opacity: 0;}40% {opacity: 0.6;}100% {opacity: 1;}}div.title-s{color : #888; font-size: 20pt; text-shadow:1px 1px 0px #fff,0px 3px 5px #666;}p {width: 90%;margin-left: 15%;margin-right: 0%;line-height:30px;color:#444444;font-size: 12pt; font-family:"MS明朝";text-align:left;}*.floating{float: left;width: 49.5%;border: solid 1px #cccccc;}.cb{clear: both;}box2{height: 100px;display: flex;align-items: center;}.table-scroll{overflow-x : auto}/* テーブル・段落 */td {font-size:12px; line-height:140%;}p a {text-decoration: none;}h2 { color:blue;  font-size:12pt; margin:0px 0px;}.txt {     display: inline-block;     text-align: left; }   .blinking {animation: 2s linear infinite blink_effect;}@keyframes blink_effect {0% {visibility: hidden;}50% {visibility: hidden;}100% {visibility: visible;}}@-webkit-keyframes pulse {from {opacity: 1.0;}to {opacity: 0.5;}}.blink{-webkit-animation-name: pulse;/* 実行する名前 */-webkit-animation-duration: 1.0s;/* 0.3秒かけて実行 */-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */-webkit-animation-delay: 0s; /* 実行までの待ち時間 */}.raised3{  display: inline-block;  background-color: white;  color: #888;  font-size: 1em;  text-decoration: none;  letter-spacing: 0.09em;  padding: 0.1em 0.5em;  border-radius: 2px;  cursor: pointer;  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);  -webkit-tap-highlight-color: transparent;  transition: .3s;}.raised3:hover{ color: blue; text-decoration:none; background-color:#f6d9f6;  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);}p.sample {width:400px;background-color:#ffffff;color: #330000;font-size: 100%;margin-left: auto;margin-right: auto;}a { text-decoration: none; -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}a:hover { font-size: 110%;  font-weight:500; color:; text-decoration:none; background-color:; -moz-transform: ale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}div.mokuji a { height:240px;z-index:100; text-decoration: none; color: #643519; -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}.mokuji a:hover { font-size: 110%; font-weight: 500; color: blue; text-decoration:none; background-color:#b3d4fc; -moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}a{ text-decoration: noline; -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}a:hover { font-size: 110%; color: blue; text-decoration:none; background-color:#b3d4fc; -moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}.sotowaku{position:relative;top:0px;left:0px;margin:auto;width:95%;max-width:880px;font-family:'Meiryo UI';background-color:#fff;border:30px solid #fff;box-shadow:0px 8px 20px 0px #666;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box; }div.title {width : 300px;margin : auto;margin-top : 25px;text-align : center;font-size : 60px;font-family : 'IMPACT';color : #ddd;text-shadow : 1px 1px 0 #0000ff, 0 3px 6px #fff;}/***下部文書。***/div.main {text-align : center;max-width : 900px;text-align : center;background-color : #fff;margin : auto;}.noline {text-decoration : none;color : #643519;}.wrapper {max-width : 400px;margin-left : auto;margin-right : auto;line-height : 2.5em;text-align : left;letter-spacing : 0.2em;font-size : 13pt;font-weight : 500;font-family : '';text-shadow : 1px 1px 0 #fff, 0 3px 5px #777;}.wrapper2 {max-width : 600px;margin-left : auto;margin-right : auto;line-height : 2.5em;text-align : center;letter-spacing : 0.2em;font-size : 13pt;font-weight : 500;font-family : '';text-shadow : 1px 1px 0 #fff, 0 3px 5px #777;}.wrapper3 {max-width : 700px;margin : 0 auto;}.ripple {position : relative;overflow : hidden;}.ripple .rp-effect {position : absolute;border-radius : 50%;opacity : 0.35;transform : scale(0);background : #FFF;animation : ripple 700ms;pointer-events : none;}　@-webkit-keyframes ripple {  to { opacity: 0; transform: scale(2.0);  }}　　　@keyframes ripple {  to { opacity: 0; transform: scale(2.0);  }}　　.raised:hover {color : #ff3366;text-decoration : none;box-shadow : 0 3px 3px 0 rgb(0, 0, 0, 0.14), 0 1px 7px 0 rgb(0, 0, 0, 0.12), 0 3px 1px -1px rgb(0, 0, 0, 0.2);tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-transition: .3s;  transition: .3s;} .target{animation-name: my-animation;animation-duration: 3s;animation-timing-function: ease; /* ease | ease-out | ease-in | ease-in-out | linear | cubic-bezier(0.1, 0.7, 1.0, 0.1)*/animation-delay: 0;animation-iteration-count: 1; /* 1 | infinite */animation-direction: normal; /* normal | reverse | alternate | alternate-reverse */animation-fill-mode: none; /* none | forwards | backwards | both */animation-play-state: running; /* running | paused */}.bgText {width: 100%;height: 100px;font-size: 30px;font-weight: bold;color: transparent;-webkit-background-clip: text;position : static;                       /* 通常の位置に配置 */background-image : linear-gradient(135deg, #000000, #6498cc, #99ff99);  background-image : -webkit-linear-gradient(135deg, #000000, #6498cc, #99ff99);  background-image : -moz-linear-gradient(135deg, #000000, #6498cc, #99ff99);  background-image : -o-linear-gradient(135deg, #000000, #6498cc, #99ff99);  background-image : -ms-linear-gradient(135deg, #000000, #6498cc, #99ff99);  animation : bgAnime 5s linear infinite;  /* 5秒間一定速度で無限に繰り返す時はanimation-iteration-count3 */}@keyframes bgAnime {                     /* スクロール */0% { background-position: 0 0 }100% { background-position: 600px 0px }}@-webkit-keyframes bgAnime {                    0% { background-position: 0 0 }100% { background-position: 600px 0px }}@-moz-keyframes bgAnime {                   0% { background-position: 0 0 }100% { background-position: 600px 0px }}@-o-keyframes bgAnime {                     0% { background-position: 0 0 }100% { background-position: 600px 0px }}@-ms-keyframes bgAnime {                     0% { background-position: 0 0 }100% { background-position: 600px 0px }}@keyframes my-animation{0% { opacity:1; }100% { opacity:0.1; }}@-webkit-keyframes my-animation{0% { opacity:1; }100% { opacity:0.1; }}@-ms-keyframes my-animation{0% { opacity:1; }100% { opacity:0.1; }}@-o-keyframes my-animation{0% { opacity:1; }100% { opacity:0.1; }}@-webkit-keyframes rotation-box {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}@-moz-keyframes rotation-box {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}@-o-keyframes rotation-box {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}@-ms-keyframes rotation-box {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}@keyframes rotation-box {0% {transform:rotate(0);}100% {transform:rotate(360deg);}}div.hart {-webkit-animation:rotation-box 2s linear 0s infinite alternate;-moz-animation:rotation-box 2s linear 0s infinite alternate;-o-animation:rotation-box 2s linear 0s infinite alternate;animation:rotation-box 2s linear 0s infinite alternate;animation-iteration-count: 2 ;}.scroll {margin: auto;margin-right: 100%;margin-bottom: 20px;width      : 90%;font-size  : 150%;line-height: 1.5em;text-align : center;color      : #000000;overflow   : hidden;}.scroll span{display     : inline-block;padding-left: 100%;white-space : nowrap;line-height : 1em;animation   : scrollAnime   30s linear 0s infinite;/***　3s ease 10s infinite;　***/}@keyframes scrollAnime{0% { transform: translateX(0)}100% { transform: translateX(-100%)}}@-webkit-keyframes scrollAnime{0% { transform: translateX(0)}100% { transform: translateX(-100%)}}@-moz-keyframes scrollAnime{0% { transform: translateX(0)}100% { transform: translateX(-100%)}}@-o-keyframes scrollAnime{0% { transform: translateX(0)}100% { transform: translateX(-100%)}}@-ms-keyframes scrollAnime{0% { transform: translateX(0)}100% { transform: translateX(-100%)}}@keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}@-webkit-keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}@-ms-keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}@-o-keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}}@-moz-keyframes scroll {0% {opacity: 0;}100% {opacity: 1;}} .anim-box.kiran {  opacity: 1;  overflow: hidden;  position: relative;  cursor: pointer;}.anim-box.kiran::before {  background-color: #fff;  content: "";  display: block;  position: absolute;  top: -100px;  left: 0;  width: 30px;  height: 100%;  opacity: 0;  transition: cubic-bezier(0.32, 0, 0.67, 0);}.anim-box.kiran:hover::before {  animation: kiran 0.5s linear 1;}  @keyframes kiran {  0% {    transform: scale(2) rotate(45deg);    opacity: 0;  }  20% {    transform: scale(20) rotate(45deg);    opacity: 0.6;  }  40% {    transform: scale(30) rotate(45deg);    opacity: 0.4;  }  80% {    transform: scale(45) rotate(45deg);    opacity: 0.2;  }  100% {    transform: scale(50) rotate(45deg);    opacity: 0;  }}  @-webkit-keyframes kiran {  0% {    transform: scale(2) rotate(45deg);    opacity: 0;  }  20% {    transform: scale(20) rotate(45deg);    opacity: 0.6;  }  40% {    transform: scale(30) rotate(45deg);    opacity: 0.4;  }  80% {    transform: scale(45) rotate(45deg);    opacity: 0.2;  }  100% {    transform: scale(50) rotate(45deg);    opacity: 0;  }}@-o-keyframes kiran {  0% {    transform: scale(2) rotate(45deg);    opacity: 0;  }  20% {    transform: scale(20) rotate(45deg);    opacity: 0.6;  }  40% {    transform: scale(30) rotate(45deg);    opacity: 0.4;  }  80% {    transform: scale(45) rotate(45deg);    opacity: 0.2;  }  100% {    transform: scale(50) rotate(45deg);    opacity: 0;  }}@-mos-keyframes kiran {  0% {    transform: scale(2) rotate(45deg);    opacity: 0;  }  20% {    transform: scale(20) rotate(45deg);    opacity: 0.6;  }  40% {    transform: scale(30) rotate(45deg);    opacity: 0.4;  }  80% {    transform: scale(45) rotate(45deg);    opacity: 0.2;  }  100% {    transform: scale(50) rotate(45deg);    opacity: 0;  }}@-moz-keyframes kiran {  0% {    transform: scale(2) rotate(45deg);    opacity: 0;  }  20% {    transform: scale(20) rotate(45deg);    opacity: 0.6;  }  40% {    transform: scale(30) rotate(45deg);    opacity: 0.4;  }  80% {    transform: scale(45) rotate(45deg);    opacity: 0.2;  }  100% {    transform: scale(50) rotate(45deg);    opacity: 0;  }}