@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
  color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,span,a,blockquote,th,td{
  margin:0;padding:0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;

}
table{
  border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
  font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
  font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }


#otodama-wrap-div {
  overflow:hidden;
  background: url(../img/bg_main_deco.png) top 126px center / 1120px ,  url(../img/bg_main.png);
  overflow: hidden;
  margin-bottom: -1px;
}


#otodama-musician {
  margin: 0px auto;
  background-size: 510px;
  padding-bottom: 30px;
}


.otodamaUnder {
    max-width: 1120px;
    margin: auto;
    overflow:hidden;
    position: relative;
    z-index: 1;
}

.otodamaUnder h2 {
  display:block;
  background: #8E6CCD;
  color: #FFEF41;
  text-align:center;
  margin: 40px 0px 20px;
  position:relative;
  padding:10px 0;
  font-size: 40px;
  font-weight: bold;
}

div#otodama-musician {
  overflow: hidden;
  max-width: 1120px;
  margin-top: 10px;
}

#otodama-musician > ul > li > p:first-child {
  font-size: 20px;
  color: #2C017C;
}

#otodama-musician > ul > li p + p {
  font-size: 18px;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  align-items: center;
  height: 37px;
  font-weight: bold;
  line-height: 1.2;
  flex: 1;
}

#otodama-musician > ul {
  background: rgb(235, 235, 235);
  padding: 7px 14px 20px;
  column-count: 2;
}

#otodama-musician > ul > li {
  border-bottom: 1px dotted;
  display: inline-flex;
  gap: 15px;
  align-items: center;
  width: 100%;
}

#otodama-musician > ul > li > p:first-child {
  font-weight: bold;
  width: 30px;
}

@media screen and (max-width: 800px){
    div#otodama-musician ul {
        column-count: 1;
    }
    .otodamaUnder h2 {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px){
    #otodama-musician > ul > li p + p {
        font-size: 16px;
    }
    #otodama-musician > ul > li > p:first-child {
        font-size: 18px;
    }
    .otodamaUnder h2 {
        font-size: 20px;
    }
    #otodama-musician > ul > li p + p {
        font-size: 14px;
    }
    #otodama-musician > ul > li > p:first-child {
        font-size: 14px;
        width: 18px;
    }
}