@import url(https://fonts.googleapis.com/css?family=Lora);
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  font-family: 'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'osaka', sans-serif;
  margin: 0 auto;
  padding: 0;

  overflow-wrap: break-word;
}

body {
  background: url('/lala_web/htdocs/lala/img/header/hb.png') repeat-x top;
  background-size: auto 6px;
  text-align: center;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  border: 0;
}

table {
  border-collapse: collapse;
}

a {
  color: #000000;
  text-decoration: none;
}
:focus { outline: none; }


input[type="text"],
input[type="email"],
input[type="number"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea {
  box-sizing: border-box;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  cursor: pointer;
}



#header,
#nav,
#tree,
#flogin,
#fnav,
#footer,
#rssslider,
#home,
#container,
#err,
#coomentbox {
  color: #646464;
  font-size: 13px;
  letter-spacing: 0.07em;
  line-height: 180%;
  text-align: left;
}


#headerbox {
  padding-top: 6px;
}
#header #hnav {
  text-align: center;
  padding-top: 1px;
}
#header #hnav a {
  float: left;
  display: block;
  background: #eb8c8d;
  font-size: 90%;
  color: #ffffff;
  line-height: 26px;
  padding-top: 2px;
  border-right: solid 1px #ffffff;
  white-space: nowrap;
}
#header #hnav a#lo,
#header #hnav a#lout {
  font-weight: bold;
  border-right: none;
}
#header #hnav a#lo {
  background: #e77aa7;
}
#header #hnav a#lout {
  background: #fceeee;
  color: #eb8c8d;
}
#header h1 {
  width: 193px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
}
#header #hsns input {
  border: 0;
}
#header #hsns {
  line-height: 22px;
}
#header #hsns * {
  vertical-align: bottom;
}
#header #hsns input[type="text"] {
  width: 160px;
  color: #505050;
  font-size: 90%;
  line-height: 18px;
  padding: 0 4px;
  border-bottom: solid 1px #f1afca;
}
#header #hsns input[type="submit"] {
  background: url('/lala_web/htdocs/lala/img/header/s.png') no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-left: 5px;
}
#header #hsns a {
  display: inline-block;
  width: 22px;
  margin-left: 10px;
}


#navbox {
  background: url('/lala_web/htdocs/lala/img/nav/nb.png') repeat-x center;
  border-top: solid 1px #f8d7e4;
  border-bottom: solid 1px #f8d7e4;
}
#nav {
  background: #ffffff;
  border-left: solid 1px #f8d7e4;
}
#nav a {
  float: left;
  display: block;
  width: 16.66%;
  text-align: center;
  border-right: solid 1px #f8d7e4;
  box-sizing: border-box;
  overflow: hidden;
}
#nav a img {
  display: block;
}
#nav a p {
  line-height: 110%;
}


#treebox {
  background: #fdf1f6;
  margin-top: 1px;
}
#tree {
  text-align: right;
}
#tree * {
  font-size: 12px;
}
#tree a {
  text-decoration: none;
}
#tree a:link,
#tree a:visited {
  color: #323232;
}
#tree a:active,
#tree a:hover {
  color: #999999;
}
#tree span {
  padding: 0px 5px;
}


#flogin {
  padding: 10px 0;
  border-top: solid 1px #f8d7e4;
  border-bottom: solid 1px #f8d7e4;
}
#flogin .hbox a {
  display: block;
  color: #ffffff;
  font-size: 120%;
  line-height: 60px;
  text-align: center;
}
#flogin .hbox a#flo:link,
#flogin .hbox a#flo:visited {
  background: #eb8c8d;
}
#flogin .hbox a#flo:active,
#flogin .hbox a#flo:hover {
  background: #e77aa7;
}
#flogin .hbox a#fmem:link,
#flogin .hbox a#fmem:visited {
  background: #e77aa7;
}
#flogin .hbox a#fmem:active,
#flogin .hbox a#fmem:hover {
  background: #eb8c8d;
}
#flogin .hbox a#fmem {
  letter-spacing: 0.3em;
}
#flogin .hbox p {
  background: #fceeee;
  color: #eb8c8d;
  padding-left: 0.3em;
}

#fpt {
  font-size: 11px;
  line-height: 11px;
  padding: 10px 0;
  border-bottom: solid 1px #f8d7e4;
}
#fpt a {
  display: block;
  color: #e77aa7;
}
#fpt a img {
  display: block;
  width: 18px;
  margin-bottom: 4px;
}

#fnav {
  background: #fdf1f6;
  margin-top: 10px;
  line-height: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
}
#fnav a {
  display: inline-block;
  color: #505050;
  padding-top: 3px;
  padding-bottom: 3px;
  white-space: nowrap;
}

#footerbox {
  background: #502828;
}
#footer {
  color: #ffffff;
}
#footer #fsns {
  line-height: 22px;
  text-align: right;
}
#footer #fsns a {
  display: inline-block;
  width: 22px;
  margin-left: 10px;
}
#footer #fcredit {
  border-top: solid 1px #795f61;
}
#footer #fcredit h1 {
  width: 125px;
}
#footer #fcredit p {
  font-size: 90%;
  line-height: 175%;
}
#footer #fcredit p a {
  color: #ffffff;
}
#footer #fcredit #fb {
  height: 70px;
}

#copy {
  background: #281414;
  color: #ffffff;
  line-height: 20px;
}
#copy small {
  font-size: 11px;
}


#side #slogin {
  margin-bottom: 40px;
  border: solid 1px #f9dcdd;
}
#side #slogout a {
  display: block;
  text-align: center;
}
#side #slogout a#mement {
  line-height: 300%;
  margin-top: 12px;
  border: solid 2px #f5c5c6;
}
#side #slogin h2 {
  background: #fdf1f6;
  font-size: 85%;
  font-weight: normal;
  text-align: center;
  padding: 6px 0;
  border-bottom: solid 1px #f9dcdd;
}
#side #slogin h2 span {
  color: #323232;
  font-size: 120%;
}
#side #slogin a:link,
#side #slogin a:visited {
  color: #606060;
  text-decoration: none;
}
#side #slogin a:active,
#side #slogin a:hover {
  color: #999999;
  text-decoration: underline;
}
#side #slogin ul {
  margin-top: 12px;
  margin-bottom: 14px;
  margin-left: 30px;
}
#side #slogin li {
  padding-top: 3px;
}
#side #slogin li a {
  font-size: 85%;
}
#side #slogin p {
  font-size: 80%;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 3px 0;
  border-top: dotted 1px #f9dcdd;
  white-space: nowrap;
}
#side #sbanner a {
  display: block;
}
#side h1,
#slala div h2 {
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 210%;
  text-align: center;
  margin-bottom: 5px;
  padding-left: 0.05em;
}
#side h1 {
  color: #eb8c8d;
  font-size: 105%;
  border: solid 1px #eb8c8d;
}
#side #rank {
  padding-bottom: 40px;
}
#side #rank a {
  display: block;
  color: #323232;
  padding: 8px 0;
}
#side #rank a h3 {
  font-size: 100%;
  font-weight: normal;
  line-height: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #e6e6e6;
}
#side #rank a h3 img {
  display: inline-block;
  height: 20px;
  margin-right: 10px;
}
#side #rank a .vertical {
  float: left;
  width: 4em;
  margin-right: 10px;
  padding-top: 4em;
}
#side #rank a p {
  max-height: 3em;
  line-height: 150%;
  padding-top: 0.5em;
  overflow: hidden;
}
#slala div {
  float: left;
  width: 33.33%;
  width: 50%;
  margin-left: 25%;
}
#slala div h2 {
  color: #ffffff;
  font-size: 100%;
}
#slala div a {
  display: block;
  font-size: 85%;
  text-align: center;
  padding-top: 5px;
}
#side div a img {
  display: block;
}

#data {
}

#navigation {
  clear: both;
  text-align: center;
}
#navigation li {
  float: left;
  display: block;
  text-align: center;
}
#navigation li p,
#navigation li a {
  display: block;
  width: 36px;
  text-decoration: none;
  letter-spacing: 0;
  line-height: 36px;
  padding: 0;

  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
#navigation li a:link,
#navigation li a:visited {
  background: #fceeee;
  color: #323232;
}
#navigation li p,
#navigation li a:active,
#navigation li a:hover {
  color: #ffffff;
  background: #f5c5c6;
}


#err {
  text-align: center;
  padding: 3%;
  box-sizing: border-box;
}
#err h3{
  padding: 3% 0;
}



.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright {
  margin-bottom: 5px;
}
.alignnone {
}
.aligncenter {
  display: block;
}
.alignleft {
  float: left;
  margin-right: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
}

.vertical {
  position: relative;
  overflow: hidden;
}
.vertical img {
/*
  margin: auto;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);

}




.kc1 {
  color: #e77aa7;
}
.kc2 {
  color: #eb8c8d;
}
.min {
  font-family: 'Lora', '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pr6 W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.c {
  border-radius: 50%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

a.more {
  display: block;
  width: 300px;
  text-decoration: none !important;
  text-align: center;
  border: solid 1px #e77aa7;
  box-sizing: border-box;
}
a.more:link,
a.more:visited {
  background: #fefafb;
}
a.more:active,
a.more:hover {
  background: #fdf3f3;
}



#slider div,
#view li {
  height: 0;
}
#slider {
  margin-top: 1px;
  position: relative;
}
#view li {
  list-style-type: none;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#view li img {
  width: 100%;
}

#hnotice {
  background: #fefafb;
  border: solid 2px #eb8c8d;
}

#hconcept {
  text-align: center;
  padding-top: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}
#hconcept h1 {
  color: #505050;
  font-size: 140%;
  font-weight: normal;
  line-height: 160%;
}
#hconcept img {
  display: block;
  margin: 24px auto;
}

h1.ht {
  color: #e77aa7;
  line-height: 90%;
  font-weight: normal;
  text-align: center;
  padding: 10px 0;
}
h1.ht img {
  margin: 0 5%;
}

#hrss a {
  float: left;
  display: block;
  color: #707070;
  border-bottom: solid 1px #f8d7e4;
  position: relative;
}
#hrss a div {
  padding-top: 50%;
}
#hrss a p {
  min-width: 40%;
  color: #ffffff;
  text-align: center;
  padding: 0 3%;

  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
#hrss a h2 {
  height: 2.8em;
  font-size: 100%;
  font-weight: normal;
  line-height: 140%;
  padding-top: 10px;
  overflow: hidden;
}

a#hmore {
  display: block;
  background: #fbebf2;
  font-size: 110%;
  line-height: 50px;
  text-align: center;
}

#hfea a.alpha {
  float: left;
  display: block;
  color: #707070;
  position: relative;
}
a.alpha div.ftb {
  background: rgba(207, 60, 108, 0.7);
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
  box-sizing: border-box;
}
div.ftb h2 {
  overflow: hidden;
}
#hfea a.alpha div.ftb {
  width: 100%;
  padding: 3%;

  position: absolute;
  left: 0;
}
#hfea a.alpha div.ftb h2 {
  max-height: 2.9em;
  color: #ffffff;
  letter-spacing: 0.09em;
  line-height: 145%;
}
#hfea a.alpha p {
  background: #fbe8e8;
  color: #cf3c6c;
  text-align: center;
  padding-top: 2px;
}
#hfea div.clear {
  border-top: dotted 1px #f1afca;
}

#hrss2 {
  background: #fef9f9;
}
#hrss2 h3 {
  color: #ffffff;
  font-size: 125%;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
}
#hrss2 a.alpha,
#hrss2 a.more {
  display: block;
  width: 100%;
}
#hpre a.alpha div.vertical {
  float: left;
}
#hpre a.alpha div.pret {
  float: right;
}
#hpre a.alpha div.pret h2 {
  color: #323232;
  font-size: 110%;
  font-weight: normal;
  padding-bottom: 10px;
}
#hpre a.alpha div.pret p {
  color: #646464;
  font-size: 95%;
}
.hsup {
  float: left;
}
.hsup a.alpha {
  margin-bottom: -5px;
}
.hsup a.alpha p {
  font-size: 90%;
  line-height: 25px;
  text-align: center;
}
.hsup a.alpha p.c90b { color: #ffffff; }
.hsup a.alpha h2 {
  color: #323232;
  font-size: 95%;
  font-weight: normal;
  padding-top: 8px;
  overflow: hidden;
}

#hacc #hr1 h1 {
  background: #eb8c8d;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}
#hacc a {
  display: block;
  color: #646464;
}
#hacc a.hr2 {
  float: left;
}
#hacc a .hai {
  float: left;
  width: 50px;
  height: 50px;
  padding: 2px;
}
#hacc #hr1 a .hai {
  width: 84px;
  height: 84px;
}
#hacc a .vertical {
  background: #ffffff;
  width: 100%;
  height: 100%;
}
#hacc a h3 {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.2em;
  overflow: hidden;
  white-space: nowrap;
}
#hacc a.hr2 h3 {
  padding: 0.2em 0 0.3em;
}
#hacc #hr1 a h3 {
  font-size: 14px;
  padding: 0.5em 0 0.8em;
}
#hacc a h3 img {
  display: inline-block;
  max-height: 24px;
  margin-right: 10px;
}
#hacc a h3 span {
  font-size: 10px;
  margin-left: 0.5em;
}
#hacc a p {
  max-height: 2.5em;
  font-size: 12px;
  line-height: 1.25em;
  overflow: hidden;
}
#hacc #hr1 p {
  max-height: 3.75em;
}

#hspo {
  background: #f7f4ef;
}
#hspo h1 {
  color: #e77aa7;
  font-weight: normal;
  text-align: center;
}
ul.slider li a {
  display: block;
}
#splist {
  background: rgba(255, 255, 255, 0.4);
  font-size: 90%;
  border: solid 1px #f9dcdd;

  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
#splist a,
#splist p {
  float: left;
  display: block;
  line-height: 180%;
  padding-left: 2%;
}

img.per {
  display: block;
}



a.flist {
  display: block;
  color: #707070;
  position: relative;
}
a.flist p {
  color: #cf3c6c;
  font-size: 115%;
}
a.flist div.ftb h2,
a.flist div.ftb h2 * {
  line-height: 135%;
}
a.flist div.ftb h2 {
  max-height: 2.7em;
  color: #ffffff;
  font-weight: normal;
}
a.flist div.ftb span {
  font-size: 85%;
}
a.flist div.fex {
  max-height: 7.75em;
  line-height: 155%;
  overflow: hidden;
}
a.flist p.mo {
  background: #fbe8e8;
  line-height: 240%;
  text-align: center;
  padding-top: 2px;
  box-sizing: border-box;
}



.cper {
  clear: both;
  margin-top: 20px;
  padding-bottom: 20px;
  border-top: dotted 1px #e6e6e6;
}
a.clist,
a.clist * {
  line-height: 140%;
}
a.clist {
  display: block;
  color: #707070;
}
a.clist .vertical {
  float: right;
  width: 30%;
  padding-top: 20%;
}
a.clist .vertical img {
/*
  max-height: 100%;
*/
}
a.clist h2,
a.clist p {
  float: left;
  padding-right: 3%;
  padding-left: 3%;
  overflow: hidden;
  box-sizing: border-box;
}
a.clist h2 {
  max-height: 2.8em;
  color: #000000;
  font-size: 125%;
  font-weight: normal;
  margin-top: 2px;
}
a.clist h2 span,
a.clist h2 font {
  white-space: nowrap;
}
a.clist h2 span {
  color: #404040;
  font-size: 75%;
}
h1.at font,
a.clist h2 font {
  float: left;
  display: block;
  color: #ffffff;
  font-size: 80%;
  line-height: 165%;
  letter-spacing: 0.15em;
  margin-right: 0.6em;
  padding-right: 0.45em;
  padding-left: 0.6em;
}
h1.at font.eve,
a.clist h2 font.eve {
  background: #999999;
}
h1.at font.evn,
a.clist h2 font.evn {
  background: #eb8c8d;
}
h1.at font.evp,
a.clist h2 font.evp {
  background: #67ccff;
}
a.clist p {
  max-height: 5.6em;
  font-size: 95%;
  margin-top: 8px;
}
a.clist p.edate,
a.clist p.eexe {
  margin-top: 6px;
}
a.clist p.eexe {
  max-height: 4.2em;
}
a.clist p.edate span {
  color: #323232;
  letter-spacing: 0.02;
}


a.slist,
a.slist * {
  line-height: 140%;
}
a.slist {
  float: left;
  display: block;
  color: #707070;
  padding: 5px 0 20px;
}
a.slist div {
  padding-top: 66.66%;
}
a.slist div img {
  max-height: 100%;
}
a.slist h2,
a.slist p {
  overflow: hidden;
}
a.slist p {
  font-size: 90%;
  padding-top: 8px;
  white-space: nowrap;
}
a.slist h2 {
  height: 2.8em;
  color: #000000;
  padding-top: 2px;
  font-size: 100%;
  font-weight: normal;
}



#hrss a p.c20b {
  color: #cf3c6c;
}

/*
.c20b { background: #eb8c8d; }
*/
.c20b { background: #faebf0 url('/lala_web/htdocs/lala/img/nav/c10b.png') center; }

.c40b { background: #ff2700; }
.c30b { background: #22ad73; }
.c35b { background: rgba(128, 128, 128, 1); }
.c100b { background: #67ccff; }
.c60b { background: #ef8b1e; }
.c50b { background: #f7d041; }
.c10b { background: #faebf0 url('/lala_web/htdocs/lala/img/nav/c10b.png') center; }
.c70b { background: #eb8c8d; }
.c80b { background: #fbe8e8; color: #eb8c8d !important; }
.c90b { background: #e77aa7; }
.c110b { background: #ba55d3; }
.c120b { background: #0000cd; }
.c126b { background: #f8f8f8; }
.c127b { background: #f8f8f8; }


.c20l { border-left: solid 5px #cf3c6c; }
.c40l { border-left: solid 5px #ff2700; }
.c30l { border-left: solid 5px #22ad73; }
.c35l { border-left: solid 5px rgba(128, 128, 128, 1) }
.c100l { border-left: solid 5px #67ccff; }
.c60l { border-left: solid 5px #ef8b1e; }
.c50l { border-left: solid 5px #f7d041; }
.c10l { border-left: solid 5px #cf3c6c; }

.c70l { border-left: solid 5px #eb8c8d; }
.c80l { border-left: solid 5px #fbe8e8; }
.c90l { border-left: solid 5px #e77aa7; }
.c110l { border-left: solid 5px #ba55d3; }
.c120l { border-left: solid 5px #0000cd; }

.c80t { border-top: solid 5px #fbe8e8; }
.c90t { border-top: solid 5px #eb8c8d; }

.c126l { border-left: solid 5px #bfbfbf; }
.c127l { border-left: solid 5px #bfbfbf; }







.base a:link,
.base a:visited {
  text-decoration: underline;
}
.base a:active,
.base a:hover {
  text-decoration: none;
}
.base h1, .base h2, .base h3, .base h4, .base h5, .base h6, .base strong { color: #404040; }
.base h1, .base h2, .base h3, .base h4, .base h5, .base h6, .base p { font-weight: normal; padding-top: 10px; }
.base h1 { font-size: 140%; }
.base h2 { font-size: 130%; }
.base h3 { font-size: 120%; }
.base h4 { font-size: 110%; }
.base h5 { font-size: 90%; }
.base h6 { font-size: 85%; }
.base ol, .base ul { margin-top: 5px; }
.base ol { margin-left: 20px; }
.base ul { margin-left: 15px; }
.base li { padding-top: 5px; }
.base em { font-style: normal; }

.base p.entfin,
h4.cat {
  margin-left: -0.5em;
}
.base p.entfin,
.base p.entfin2 {
  clear: both;
  color: #323232;
  padding-top: 5px;
}
.base p.entfin span,
.base p.entfin2 span {
  letter-spacing: 0.02;
}
h1.at,
h1.at * {
  line-height: 140%;
}
h1.at {
  clear: both;
  color: #000000;
  font-size: 130%;
  padding: 12px 3% 10px;
}
h1.at span {
  display: inline-block;
  color: #404040;
  font-size: 75%;
  font-weight: normal;
  margin-bottom: 10px;
  padding-bottom: 6px;
}
#c20 h1.at span { border-bottom: dotted 1px #eb8c8d; }
#c40 h1.at span { border-bottom: dotted 1px #ff2700; }
#c30 h1.at span { border-bottom: dotted 1px #22ad73; }
#c35 h1.at span { border-bottom: dotted 1px rgba(128, 128, 128, 1); }
#c100 h1.at span { border-bottom: dotted 1px #67ccff; }
#c60 h1.at span { border-bottom: dotted 1px #ef8b1e; }
#c50 h1.at span { border-bottom: dotted 1px #f7d041; }
#c10 h1.at span { border-bottom: dotted 1px #cf3c6c; }
#c70 h1.at span { border-bottom: dotted 1px #eb8c8d; }
#c80 h1.at span { border-bottom: dotted 1px #e77aa7; }
#c90 h1.at span { border-bottom: dotted 1px #e77aa7; }
#c110 h1.at span { border-bottom: dotted 1px #ba55d3; }
#c120 h1.at span { border-bottom: dotted 1px #e5e5fa; }
#c126 h1.at span { border-bottom: dotted 1px #bfbfbf; }
#c127 h1.at span { border-bottom: dotted 1px #bfbfbf; }
h4.cat,
h5.date {
  line-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
h4.cat {
  float: left;
}
.base h4.cat a {
  text-decoration: none;
}
h5.date {
  float: right;
  letter-spacing: 0;
  margin-top: 0.3em;
}

.c40b10 { background: #ffe9e5; }
#n40, #c40 a, #c40 em { color: #ff2700; }
.c30b10 { background: #e8f7f1; }
#n30, #c30 a, #c30 em { color: #22ad73; }
.c35b10 { background: rgba(128, 128, 128, 0.1); }
#n35, #c35 a, #c35 em { color: rgba(128, 128, 128, 1); }
.c100b10 { background: #effaff; }
#n100, #c100 a, #c100 em { color: #67ccff; }
.c60b10 { background: #fdf3e8; }
#n60, #c60 a, #c60 em { color: #ef8b1e; }
.c50b10 { background: #fefaec; }
#n50, #c50 a, #c50 em { color: #f7d041; }
.c10b10 { background: #faebf0 url('/lala_web/htdocs/lala/img/nav/c10b.png') center; }
#n10, #c10 a, #c10 em { color: #cf3c6c; }
.c110b10 { background: #f8eefb; }
#n110, #c110 a, #c110 em { color: #ba55d3; }
.c120b10 { background: #e5e5fa; }
#n120, #c120 a, #c120 em { color: #0000cd; }

/*
.c20b10 { background: #fdf3f3; }
#n20, #c20 a, #c20 em { color: #eb8c8d; }
*/
.c20b10 { background: #faebf0 url('/lala_web/htdocs/lala/img/nav/c10b.png') center; }
#n20, #c20 a, #c20 em { color: #cf3c6c; }


.c70b10 { background: #fdf3f3; }
#n70, #c70 a, #c70 em { color: #eb8c8d; }
.c80b10 { background: #fdf3f3; }
#n80, #c80 a, #c90 em { color: #e77aa7; }
.c90b10 { background: #fdf3f3; }
#c90 a, #c80 em { color: #e77aa7; }

.c126b10 { background: #f8f8f8; }
#n126, #c126 a, #c126 em { color: #bfbfbf; }
.c127b10 { background: #f8f8f8; }
#n127, #c127 a, #c127 em { color: #bfbfbf; }

.ctab10 { background: #f3f6e7; }
#nta, #cta a, #cta em { color: #8baa18; }

.cyub10 { background: url('/lala_web/htdocs/lala/img/nav/cyub.png') no-repeat center; background-size: cover; }
#nyu, #cyu a, #cyu em { color: rgba(147, 46, 68, 1); }


.cbox {
  clear: both;
  font-size: 1.15em;
  padding-top: 10px;
  padding-bottom: 20px;
}
.cbox img.pmi {
  display: block;
  margin-bottom: 15px;
  zoom: 100% !important;
}
.cbox p.movie {
  padding-bottom: 56.25% !important;
  position: relative;
}
.cbox p.movie iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0;

  position: absolute;
  top: 0;
  left: 0;
}

a#entcomm,
div#entcomm {
  display: block;
  color: #323232;
  line-height: 58px;
  letter-spacing: 0.3em;
  text-decoration: none;
  text-align: center;
  margin-top: 30px;
  padding-left: 0.3em;
  border: solid 1px #eb8c8d;
  box-sizing: border-box;
}
a#entcomm {
  font-size: 110%;
}
a#entcomm:link,
a#entcomm:visited {
  background: #fefafb;
}
a#entcomm:active,
a#entcomm:hover {
  background: #fdf3f3;
}
#commentlist,
#commentlist * {
  line-height: 160%;
}
#commentlist {
  margin-top: 30px;
}
#commentlist div.commbox {
  background: #ffffff;
  margin: 10px auto;

  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
#commentlist p {
  font-size: 90%;
  text-align: right;
  padding-top: 4px;
  padding-right: 1%;
}
#commentlist p span {
  letter-spacing: 0;
}
#commentlist div.commbox div {
  border-top: dotted 1px #cccccc;
}



#calnav {
  margin-bottom: 20px;
  border-left: solid 1px #e6e6e6;
}
#calnav p,
#calnav a {
  float: left;
  display: inline-block;
  width: 33.33%;
  font-size: 105%;
  line-height: 200%;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-align: center;
  padding: 6px 0;
  border-right: solid 1px #e6e6e6;
  box-sizing: border-box;
}
#calnav a:link,
#calnav a:visited {
  border-bottom: solid 2px #ffffff;
}
#calnav p,
#calnav a:active,
#calnav a:hover {
  color: #cccccc;
  border-bottom: solid 2px #67ccff;
}
#cal {
  width: 100%;
  margin-bottom: 60px;
}
#cal th,
#cal td {
  width: 14.3%;
  font-weight: normal;
  vertical-align: top;
  border: solid 1px #cccccc;
}
#cal th {
  background: #f0f0f0;
  text-align: center;
  padding: 6px 0;
  padding: 4px 0;
}
#cal td p,
#cal td a {
  display: block;
  font-size: 120%;
  text-align: center;
  padding: 18% 0;
  padding: 4% 0;
  border: solid 3px;
}
#cal td p {
  color: #cccccc;
  border-color: #ffffff;
}
#cal td a:link,
#cal td a:visited {
  background: #e8f7ff;
  color: #67ccff;
  border-color: #e8f7ff;
}
#cal td a:active,
#cal td a:hover {
  background: #67ccff;
  color: #effaff;
  border-color: #67ccff;
}
#cal td#tday p,
#cal td#tday a {
  font-size: 150%;
  border-color: #f7d1d1;
}
h1#ct {
  line-height: 2em;
  padding-top: 0;
  margin-bottom: 8px;
}
h1#ct img {
  height: 2em;
  margin-right: 4px;
  margin-bottom: 2px;
}
a.cback {
  display: block;
  background: #e1f5ff;
  color: #67ccff;
  line-height: 320%;
  text-align: center;
  margin-bottom: 20px;
}




.kflow {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #e6e6e6;
}
.kflow .kimg {
  float: left;
  width: 34%;
  text-align: center;
}
.kflow .ktext,
.kflow .ktext * {
  font-size: 95%;
  line-height: 160%;
}
.kflow .ktr {
  float: right;
  width: 62%;
}



#ibox,
#tbox {
}
#ibox {
  height:0;
  margin-bottom: 20px;
  border: solid 1px #fdf1f6;
}
#ibox img {
  max-height: 100%;
}
#tbox {
  text-align: center;
  margin-top: -10px;
  margin-bottom: 10px;
}
#tbox div {
  float: left;
  background: #fdf1f6;
  height:0;
  border: solid 2px #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
#tbox div img {
  max-width: 90%;
  max-height: 90%;
}



h1#pt {
  background: #fdf3f3;
  letter-spacing: 0.1em;
  line-height: 2.4em;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 0;
  padding-left: 0.1em;
}



#agreement h1#pt {
  margin-bottom: -10px;
}
#agreement .cbox {
  padding-bottom: 50px;
}
#agreement h3,
#agreement h4 {
  padding-bottom: 5px;
  border-bottom: dotted 1px #999999;
}
#agreement h4 {
  padding-top: 30px;
}
#agreement ol {
  margin-left: 0;
  padding-top: 0.1em;
}
#agreement ol * {
  line-height: 1.8em;
}
#agreement .cbox > ol > li:not(:first-child) {
  padding-top: 1em;
}
#agreement li {
  list-style-type: none;
  position: relative;
}
#agreement li::before {
  display: block;
  letter-spacing: 0;
  white-space: nowrap;

  position: absolute;
  right: 100%;
}
#agreement .cbox > ol {
  padding-left: 1.65em;
  counter-reset: c;
}
#agreement .cbox > ol > li::before {
  counter-increment: c;

  content: counter(c) '.';
  width: 1.5em;
  text-align: left;
}
#agreement li > ol {
  padding-left: 2em;
  counter-reset: cnt;
}
#agreement li > ol > li::before {
  counter-increment: cnt;

  content: '(' counter(cnt) ')';
  display: inline-block;
  padding-right: 0.5em;
}
#agreement h2 {
  display: inline-block;
  background: rgba(236, 122, 172, 1);
  color: #ffffff;
  font-size: 1.05em;
  line-height: 2em;
  margin-top: 50px;
  padding: 0 1em;
  border: solid 1px rgba(231, 122, 167, 1);
}



#mid {
  margin-top: 10px;
  padding-top: 62.7%;

  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');

  overflow: hidden;
}
#mid p,
#mid h1,
#mid div {
  position: absolute;
}
#mid p,
#mid h1 {
  background: #ffffff;
  color: #323232;
  padding: 0 3%;
  box-sizing: border-box;
}
#mid p {
  font-size: 90%;
  line-height: 200%;

  top: 8%;
  right: 5%;
}
#mid h1 {
  min-width: 90%;
  font-size: 120%;
  font-weight: normal;
  line-height: 240%;
  margin-top: -1.2em;
  stext-align: center;

  top: 50%;
  left: 5%;
}
#mid #mic {
  width: 38%;

  right: 3%;
  bottom: 1%;
}
#mid #mlo {
  width: 33.33%;

  top: 8%;
  left: 5%;
}
#midup {
  margin-top: 30px;
}
#midup li {
  display: block;
  padding-top: 8px;
}
#midup li.midnotice {
  color: #404040;
  font-size: 85%;
  text-align: center;
  padding-bottom: 8px;
}
#midup li a {
  display: block;
  background: #fdf1f6;
  font-size: 105%;
  line-height: 320%;
  text-align: center;
}
#midup li#mout a {
  background: #cccccc;
  color: #ffffff;
}



#winner {
  padding-bottom: 30px;
}
#winner h3 {
  background: #eb8c8d;
  color: #ffffff;
  line-height: 240%;
  text-align: center;
  padding-top: 0;
}
#winner div {
  padding: 10px 3.5%;
  border: solid 2px #eb8c8d;
  border-top: 0;
}



#newmem,
#newmem * {
  line-height: 160%;
}
#newmem {
  background: #fef9f9;
  color: #323232;
  font-size: 110%;
  text-align: center;
  margin-top: 20px;
  padding: 1.5em 0.5em;
  border: solid 1px #eb8c8d;
  box-sizing: border-box;
}
#newmem p {
  font-size: 85%;
}
#newmem b {
  color: #eb8c8d;
}
#contact em {
  color: #e77aa7;
}
#errmsg {
  color: #eb8c8d;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  padding: 10px 0;
  border: solid 1px #eb8c8d;
}
#form {
  width: 100%;
  margin-top: 30px;
  border-top: dotted 1px #e6e6e6;
}
#form tr {
  border-bottom: dotted 1px #e6e6e6;
}
#form th,
#form td {
  font-weight: normal;
  text-align: left;
}
#form th {
  color: #323232;
  white-space: nowrap;
}
#form td p,
#form td p * {
  line-height: 160%;
}
#form td p {
  font-size: 95%;
}
#form input[type="text"],
#form input[type="email"],
#form input[type="password"],
#form td textarea,
.worksheet textarea {
  background: #fdf1f6;
  width: 100%;
  font-size: 100%;
  line-height: 20px;
  border: 0;
}
#form input[type="text"].readonly {
  background: #ffffff;
  color: #323232;
  border-left: solid 1px #e6e6e6;
}
#form td input[type="text"],
#form input[type="email"],
#form input[type="password"] {
  height: 36px;
  font-size: 95%;
  padding: 0px 1.2em;
}
#form td input[type="text"].birthday {
  width: 10em;
  margin-right: 1em;
}
#form td textarea,
.worksheet textarea {
  padding: 10px 1.2em;
}
#form td textarea#tatel {
  height: 60px !important;
}

#submit,
#submitbox {
  text-align: center;
}
#submit input[type="submit"],
#submit input[type="button"]#sbutton,
#submit input[type="reset"] {
  background: #ffffff;
  border: solid 1px #e6e6e6;
}
#submit input:active,
#submit input:hover {
}
#submit input[type="button"],
#submit button,
#submitbox input[type="button"],
#submitbox button {
  display: block;
  background: #fceeee;
  width: 100%;
  max-width: 300px;
  height: 48px;
  font-size: 100%;
  margin-top: 15px;
  border: solid 1px #f5c5c6;
  cursor: pointer;
}
#submit input:active,
#submit input:hover,
#submit input[type="button"]#sbutton:active,
#submit input[type="button"]#sbutton:hover,
#submit button:active,
#submit button:hover,
#submitbox button:active,
#submitbox button:hover {
  background: #f9dcdd;
}
#submit p,
#submitbox p {
  font-size: 95%;
  padding-top: 20px;
}
#submit p a,
#submitbox p a {
  text-decoration: none;
}
#submit input[type="submit"],
#submit input[type="button"]#sbutton {
  margin-right: 4%;
}
#submit input[type="button"]#sbutton {
  display: inline-block;
}


#coomentbox {
  width: 100%;
  padding-top: 30px;
}
#coomentbox h1 {
  text-align: center;
}
button#cboxClose {
  display: none;
}



#recword {
  margin-top: 20px;
  margin-bottom: 30px;
  border: solid 1px #f5c5c6;
}
#recword h3 {
  background: #eb8c8d;
  color: #ffffff;
  font-size: 100%;
  font-weight: normal;
  line-height: 170%;
  margin-top: -0.85em;
  margin-bottom: 0.5%;
}
#recword div input[type="submit"] {
  float: left;
  background: #fceeee;
  color: #eb8c8d;
  font-size: 100%;
  border: 0;

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
#recword div input[type="submit"]:active,
#recword div input[type="submit"]:hover {
  background: #eb8c8d;
  color: #fceeee;
}

#rmo {
  background: #fdf1f6;
  margin-top: 40px;
}
#rmo div {
  padding-top: 56.25%;
  position: relative;
}
#rmo div iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#rect {
  display: none !important;
  width: 100%;
  margin-top: 40px;
  border-bottom: dotted 1px #e6e6e6;
}
#rect th,
#rect td {
  font-weight: normal;
  vertical-align: top;
}
#rect td div.lper,
#rect td div.lper * {
  line-height: 160%;
}
#rect td div.lper {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dotted 1px #e6e6e6;
}
#rect td div.lper b {
  display: block;
  color: #323232;
  font-size: 110%;
  sfont-weight: normal;
  line-height: 180%;
  padding-bottom: 4px;
}
#rect td div#lp0 {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.gmap {
  height: 200px;
  margin-top: 12px;
  margin-bottom: 10px;
  border: solid 1px #f0f0f0;
}



#about.base h3 {
  text-align: center;
  margin: 6px auto;
}
#about.base h4 {
  display: inline-block;
  background: #eb8c8d;
  color: #ffffff;
  font-size: 110%;
  font-weight: bold;
  padding-top: 0;

  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
#about .abp,
#about .abp * {
  line-height: 175%;
}
#about .abp {
  background: #fdf3f3;

  border-radius: 0 8px 8px 8px;
  -moz-border-radius: 0 8px 8px 8px;
  -webkit-border-radius: 0 8px 8px 8px;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}




#guide h3 {
  margin: 5x auto;
}
#guide .cbox div {
  background: #fdf3f3;
  margin-top: 10px;

  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;

  position: relative;
  behavior: url('/lala_web/htdocs/lala/js/PIE.htc');
}
#guide .cbox div h4 {
  padding-top: 5px;
  cborder-bottom: dotted 1px #f5c5c6;
}
#guide .cbox div li:not(:first-child) {
  margin-top: 0.25em;
}
#guide .cbox div li a.more {
  margin: 0.5em auto;
}
#guide #submit a.alpha {
  background: #e77aa7;
  background: #eb8c8d;
  color: #ffffff;
  font-weight: 700;
}


#feature .cper {
  margin-top: 30px;
}
.fbox .alignnone,
.fbox .aligncenter,
.fbox .alignleft,
.fbox .alignright {
  margin-top: 5px;
}



#submit h6 {
  padding-top: 0.5em !important;
}



.abox {
  padding-bottom: 2em;
}
.abox:not(:first-child) {
  margin-top: 50px;
}
.abox h3,
.abox h3 * {
  line-height: 1.2em !important;
}
.abox h3 {
  background: #e77aa7;
  background: #eb8c8d;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0.5em;
  padding: 0.65em 0 0.65em 4.4em;
  position: relative;
  overflow: hidden;
}
.abox h3 span {
  display: block;
  background: #ffffff;
  width: 2.5em;
  height: 2.5em;
  color: #eb8c8d;
  font-family: 'Inter', 'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'osaka', sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.9em;
  text-align: center;
  padding-top: 0.5em;

  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translate3d(0, -50%, 0);
  box-sizing: border-box;
}
.abox h3 span:before {
  content: 'STEP';
  display: block;
  font-size: 0.5em;
  line-height: 1em;
}

#step1 p a {
  color: rgba(12, 120, 205, 1);
}
#step1 a.more {
  background: rgba(12, 120, 205, 1);
  color: #ffffff;
  font-weight: 700;
  margin-top: 1em;
}
#step1 .tosanta {
  font-size: 0.8em;
  text-align: center;
  padding-top: 0.5em !important;
}
#step1 ul {
  width: fit-content;
  text-align: center;
  margin-top: 2em;
  margin-left: auto;
  padding-top: 1.5em;
  padding-right: 1em;
  padding-left: 1em;
  border-top: solid 1px #e6e6e6;
}
#step1 ul * {
  letter-spacing: 0;
  vertical-align: top !important;
}
#step1 li a {
  font-size: 0.85em;
  text-decoration: none;
  padding-left: 0.8em;
  position: relative;
}
#step1 li:not(:first-child) a:after {
  content: '\f054';
  display: block;
  color: #e77aa7;
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands';
  font-size: 0.9em;
  font-weight: 900;
  line-height: inherit;
  line-height: 1em;
  vertical-align: middle;

  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -55%, 0);
}

#step2 table {
  text-align: center;
  table-layout: fixed;
}
#step2 td .cc {
  background: #ffffff;
  width: 100%;
  height: 0;
  margin-bottom: 1em;
  padding-top: 100%;
}

.cc {
  position: relative;
  overflow: hidden;
}
.cc > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.cc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-fit: cover;
}

#step3 p {
  padding-right: 5%;
  padding-left: 5%;
}




#snsbox {
  padding-top: 2em;
}
#snsbox * {
  line-height: 0;
}
#snsbox a {
  float: left;
  margin-top: 10px;
}
#snsbox .fb-share-button,
#snsbox .twitter-share-button {
  float: right;
  margin-left: 1em;
}



#coomentbox .worksheet {
  padding: 1.5em 1em;
  border-top: dotted 1px #e6e6e6;
}
#coomentbox .worksheet h4 {
  line-height: 1.4em;
  margin-bottom: 0.3em;
  padding-top: 0;
  padding-left: 0.5em;
}
#coomentbox .worksheet div {
  padding-top: 0.5em;
}
#coomentbox .worksheet div label {
  display: block;
  line-height: 1.5em;
  text-align: left;
  margin-left: 1.5em;
}

select {
  width: 100%;
  font-size: 1em;
  padding: 0px 0.5em;
  box-sizing: border-box;
}




#hbrss {
  margin-top: 40px;
}
#hbrsst h1 {
  color: #505050;
  font-size: 1em;
  letter-spacing: 0.2em;
  text-align: center;
  padding-left: 0.2em;
}
#hbrsst h1 img {
  display: block;
}
#hbrss a {
  display: block;
  line-height: 2em;
}
#hbrss a span time {
  float: right;
  letter-spacing: 0;
}



#rssslider {
  letter-spacing: 0.07em;
  text-align: left;
}
.colslider {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 29px;

  position: relative;
  overflow: hidden;
}
.colslider ul,
.colslider ul li {
  display: block;
  overflow: hidden;
}
.colslider ul,
.colslider ul li {
  float: left;
}
.colslider ul li {
  position: relative;
  box-sizing: border-box;
}
.colslider ul li a img {
  display: none;
/*
  width: 100%;
*/
  max-width: 100%;
  max-height: 100%;
}
.colslider ul li h2 {
  min-width: 60%;
  max-width: 90%;
  color: #ffffff;
  font-weight: normal;
  line-height: 1.4em;
  text-align: left;

  position: absolute;
  bottom: 5%;
  left: 5%;
  box-sizing: border-box;
}
.colslider ul li h2 span {
  display: block;
  width: 100px;
  text-align: center;
  margin-bottom: 0.5em;
  margin-left: 0em;
  border: solid 0.05em #ffffff;
}
.colslider ul li h2.c20b {
  color: #cf3c6c;
}
.colslider ul li h2.c20b span {
  border-color: #cf3c6c;
}

.wideslider_base {
  position: absolute;
  top: 0;
}
.wideslider_wrap {
  position: absolute;
  top: 0;
  overflow: hidden;
}

.slider_prev,
.slider_next {
  background: rgba(235, 140, 141, 1) no-repeat center;
  background-size: contain;
  border: solid 1px #ffffff;

  position: absolute;
  top: 50%;
  z-index: 100;
  overflow: hidden;

  transform: translate(0, -50%);
  cursor: pointer;
}
.slider_prev {
  background-image: url('/lala_web/htdocs/lala/img/al.svg');
  border-left: 0;
}
.slider_next {
  background-image: url('/lala_web/htdocs/lala/img/ar.svg');
  border-right: 0;
}
.slider_prev:active,
.slider_prev:hover,
.slider_next:active,
.slider_next:hover {
  background-color: rgba(231, 122, 167, 1);
}

.pagination,
.pagination * {
  line-height: 9px;
}
.pagination {
  width: 100%;
  text-align: center;

  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}
.pagination a {
  display: inline-block;
  width: 9px;
  height: 9px;
  text-decoration: none;
  margin: 0 4px;

  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

  position: relative;
  behavior: url('/js/PIE.htc');
}
.pagination a:link,
.pagination a:visited {
  background: #faebf0;
}
.pagination a.active,
.pagination a:active,
.pagination a:hover {
  background: #cf3c6c;
}



#prebox {
  margin: 1.5em auto 1em;
  padding: 1.5em 1em 1em;
  border: solid 1px #e6e6e6;
}
#prebox figure {
  width: fit-content;
}
#prebox figure:after {
  content: '※写真はイメージです。';
  display: block;
  font-size: 0.6em;
  letter-spacing: 0;
  line-height: 1em;
  text-align: right;
  padding-top: 0.5em;
}
#prebox img {
  display: block;
}