<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.card-img-top{
  background-color:transparent;
  width:220px;
  border: 1px solid #ddd;
margin:10px;
  box-shadow:0 1.9px 2.5px rgba(0, 0, 0, 0.297)
}


.card-img-top-mobile{
  background-color:transparent;
  width:150px;
  border: 1px solid #ddd;
margin:5px;
  box-shadow:0 1.9px 2.5px rgba(0, 0, 0, 0.297)
}

body{
//margin: 1rem;
//background-image:url(/www/bluepagebg12.png);
font-family: 'Yomogi', cursive;
font-weight:bold;
}

p{


padding:10px;
}
.card{
  background-color:transparent;
border: 0;
//position: relative;
float: left;
//display:flex ;
//clear:both;
}

h1{
font-family: 'Yomogi', cursive;
font-size:1.3em;
padding-left:1rem;
font-weight:bold;
}

.maindiv{
  background-color:#eaeef3;
  //margin:3rem;
  //padding:1rem;

}


.miniphoto {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 20%;
    left: 15%;
}

.minitext {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 20%;
    left: 60%;
}



.an2-fadeup {
    //background-color:#ff7f50;
    font-size: 30px;
    font-weight: bold;
    animation-name: fadeup;
    animation-duration: 2s;
    //animation-iteration-count: infinite;
}
@keyframes fadeup {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.topmongon {
    position: absolute;
    top: 22%;
    left: 10%;
    font-size:2rem;
    font-family: 'Yomogi', cursive;

    color:#555;
    text-shadow: 0px 0px 10px #FFF;

   // width:500px;

}

div#messagetext{
        position:absolute;
        margin-left: 305px;
        margin-top:40px;
        text-align: left;
        //background-color:transparent;
    background-color:transparent;
        //overflow:hidden;

        //vertical-align:middle;
}

#messagetext2{
        position:absolute;
        margin-left: 350px;
        margin-top:90px;
        text-align: left;
        //background-color:transparent;
    background-color:transparent;
        //overflow:hidden;

        //vertical-align:middle;
}


#messagetext3{
        position:absolute;
        margin-left: 350px;
        margin-top:130px;
        text-align: left;
        //background-color:transparent;
    background-color:transparent;
        //overflow:hidden;

        //vertical-align:middle;


}



#png_img{
width:300px;
}

#png_img2{
width:300px;
}

#dragtext1{
padding:0;
margin:0;
cursor: move;
}

#dragtext2{
padding:0;
margin:0;
cursor: move;
}

#picture{

cursor: move;
}
#demo {

  width: 596px;

  height: 396px;

  overflow: hidden;

box-shadow: 3px 3px 3px #ccc;

        background-color:#eee;

border:1px solid #ccc;

margin:10px;
//background-image:url( /resource/invitation/spring/redwine_photo/bg420.png);
background-size:596px;
}



#parent {

    position:absolute;
    margin-top: 50px;
    margin-left:30px;
opacity:0.99;

        //margin: 0px;
        width:300px;
        height:300px;
        text-align: left;

        border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

}

#parent1 {

       position:absolute;
    margin-top: 20px;
        margin-left:60px;
opacity:0.99;

        //margin: 0px;
        width:280px;
        height:280px;
        text-align: left;

        border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

        cursor: move;
}



#parent2 {

       position:absolute;
    margin-top: 200px;
        margin-left:10px;
opacity:0.99;

        //margin: 0px;
        width:180px;
        height:180px;
        text-align: left;

        border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

  cursor: move;

}

#parent10 {

       position:absolute;
    margin-top: 200px;
        margin-left:10px;
opacity:0.99;

        //margin: 0px;
        width:180px;
        height:180px;
        text-align: left;

        //border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

  cursor: move;

}

#parent3 {

       position:absolute;
    margin-top: 275px;
        margin-left:20px;
opacity:0.99;

        //margin: 0px;
        width:100px;
        height:100px;
        text-align: left;
        padding:0px;

       // border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

}


#parent4 {

    position:absolute;
    margin-top: 0px;
    margin-left:0px;
opacity:0.99;

        //margin: 0px;

//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;


}


#bg-blend {
    margin:0;
    padding:0;
    background-image:url( /resource/invitation/spring/redwine_photo/bg420.png);
    background-size:596px;
    //-moz-background-size:cover;
//background-size:cover;

    float:center;
//      margin:50px;
}



#slider{
  width:300px;
  margin:10px;
  padding:3px;
}

#slider2{
  width:300px;
  margin:10px;
  padding:3px;
}


.navbar{

  border-bottom:1px solid #eee;
  margin-bottom:1rem;
}


.secList {
  font-size:20px;
}

.section {
  background-color: #fff;
  position: absolute;  
  margin-left: 10px;
  margin-top:100px;
  width:300px;

  padding:1em;
  border:1px solid #999;
  opacity:0.8;
  z-index:9; 
  cursor: move;
}


.section2 {
  background-color: #fff;
  position: absolute;
  margin-left: 20px;
  margin-top:30px;
  width:320px;

  padding:1em;
  border:1px solid #999;
  //opacity:0.8;
  z-index:10;
  cursor: move;
}


.section3 {
  background-color: #fff;
  position: absolute;
  margin-left: 10px;
  margin-top:100px;
  width:350px;

  padding:1em;
  border:1px solid #999;
  //opacity:0.8;
  z-index:10;
  cursor: move;
}


.square_btn {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid #333; /* æž&nbsp;ã®èª¿æ•´ */
  background: #fff; /* ãƒœã‚¿ãƒ³ã®èƒŒæ™¯è‰² */
  float:right;
}
 
.square_btn::before, .square_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* æ£’ã®å¹…ï¼ˆå¤ªã•ï¼‰ */
  height: 27px; /* æ£’ã®é«˜ã• */
  background: #333; /* ãƒãƒ„å°ã®è‰² */
}
 
.square_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.square_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}




.box11{
    padding: 0.5em 1em;
    margin: 0 0 1em 0;
    width:450px;
    color: #5d627b;
    background: white;
    border:1px solid #ccc;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}

.box1{
    padding: 0.5em 1em;
    margin: 0 1em 1em 0;
    width:550px;
    color: #5d627b;
    background: white;
    border:1px solid #ccc;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}


.ico_space{

width:90px;
height:90px;
overflow:hidden;
display: inline-block;
border:1px solid #DDD;
vertical-align:top;

}

.ico{

width:180px;
border:0;

}

.ico_space_tate{

width:120px;
height:178px;
overflow:hidden;
display: inline-block;
border:1px solid #DDD;
vertical-align:top;
margin:2px;
}

.ico_tate{

width:120px;
border:0;

}

div#selectdesignparent{

width:100%;height:120px;

overflow-y: hidden;

overflow-x: auto;

        -webkit-overflow-scrolling: touch; /* æ…£æ€§ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ« */

}



#listview{
    white-space: nowrap;
    overflow-x: auto;
     overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    &amp;::-webkit-scrollbar {
      display: none;
      height:120px;
      width:1000px;

    }
}

#listview2{
    white-space: nowrap;
    overflow-x: hidden;
     overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    &amp;::-webkit-scrollbar {
      display: none;
      height:120px;
      width:1000px;

    }
}


li.listthumb{
      background: transparent;
      display: table-cell;
      &amp;:hover {
        opacity: 0.9;
        a:hover {
          opacity: 0.9;
        }
      }
      a {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        color: #f6f6f6;
      }
}
.card-footer{

margin-top:20px;
}



.footer{

text-align:center;
font-weight:normal;

}

#parentq {

       position:absolute;
    margin-top: 20px;
        margin-left:60px;
opacity:0.99;

        //margin: 0px;
        width:280px;
        height:280px;
        text-align: left;

        border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

}


#parentq2 {

       position:absolute;
    margin-top: 275px;
        margin-left:20px;
opacity:0.99;

        //margin: 0px;
        width:100px;
        height:100px;
        text-align: left;

       // border-radius: 50% 50% 50% 50%;
//background-image:url( /www/cloudshape.png);

        /*background-color:#FFFFFF;*/

        background-color:tranparent;

        //background-color:pink;

        overflow:hidden;

}



/* input è¦ç´&nbsp; */
#name, #email, #subject, #email_check, #tel {
  max-width:400px;
}
#body {
  max-width: 640px;
}
/* ã‚¨ãƒ©ãƒ¼è¡¨ç¤º */
p.error, span.error {
  color: red;
}
/* ãƒ•ã‚©ãƒ¼ãƒ&nbsp;è¦ç´&nbsp;ï¼ˆBootstrap4 ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä¸Šæ›¸ãï¼‰ */
.form-control {
  border-radius: 0px;
  background-color: #fdfdfd;
  font-size: 14px;
}
.form-control:focus {
  border-color: #aadbe8;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
  background-color:#fff;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  font-size: 13px; 
}
/* Firefox 18- */
:-moz-placeholder {
  font-size: 13px; }
/* Firefox 19+ */
::-moz-placeholder {
  font-size: 13px; }
/* IE 10+ */
:-ms-input-placeholder {
  font-size: 13px; }
::placeholder{ 
  font-size: 13px;
}
textarea.form-control {
  height: 200px;
}


#demotate {

  height: 596px;

  width:402px;

  overflow: hidden;

box-shadow: 3px 3px 3px #ccc;

        background-color:#eee;

border:1px solid #ccc;

margin:10px;
//background-image:url( /resource/invitation/folded/nighttown/frontmini.png);
background-size:402px;
float:left;
}


#demotate2 {

  height: 596px;

  width:402px;

  overflow: hidden;

box-shadow: 3px 3px 3px #ccc;

        background-color:#fff;

border:1px solid #ccc;

margin:10px;
//background-image:url( /resource/invitation/folded/nighttown/frontmini.png);
background-size:402px;
float:left;
}


.betsunou{

padding:10px;


}
</pre></body></html>