@charset "shift_jis";

#main-background {
  background: #151515;
  color: #fff;
  height: 450px;
  display: block;
  width: 100%;
  background: #030000 url(../img/tsujii-topimg.jpg) top center no-repeat;
  text-align: right;
}

.main-photo img {
  width: 450px;
}

.main-text img {
  margin: 23px 0 0;
  width: 450px;
}

#main-background h1 {
  padding: 110px 0 0;
  font-size: 46px;
  line-height: 1.4;
  text-shadow: 0 0 8px #000;
}

.title-upon {
  color: #6ab6ed;
  display: block;
  font-size: 60%;
}

.title-bellow {
  display: block;
  font-size: 55%;
}




#pankuzu {
  background: #2e5f82;
}

#pankuzu-main ul li {
  color: #fff;
}

#pankuzu-main ul li a {
  color: #fff;
  text-decoration: underline;
}

#pankuzu-main ul li a:hover,
#pankuzu-main ul li a:active {
  text-decoration: none;
}

#prof {
  background: #e0daa1;
  background: -moz-linear-gradient(-45deg, #e0daa1 0%, #edead7 30%, #edead7 70%, #e0daa1 100%);
  background: -webkit-linear-gradient(-45deg, #e0daa1 0%,#edead7 30%,#edead7 70%,#e0daa1 100%);
  background: linear-gradient(135deg, #e0daa1 0%,#edead7 30%,#edead7 70%,#e0daa1 100%);
  padding: 10px 0;
}

#prof-main p {
  font-size: 13px;
}

#prof-main p em {
  font-size: 20px;
  padding: 10px 0 8px;
  margin-bottom: 15px;
}

#script-main p.serif {
  color: #3a749e;
  font-weight: bold;
}


.script-title {
  background: none;
  border-bottom: 4px solid #2e5f82;
  border-radius: 0;
  color: #2e5f82;
  font-size: 32px;
  padding: 5px 0 0;
}

.script-title span {
  color: #333;
  font-size: 20px;
  padding-left: 10px;
}

#script-main p {
  font-size: 15px;
  margin-bottom: 14px;
  letter-spacing: 1px;
}

#recom-title {
  background: #2e5f82;
}

#recom-main {
  background: #e5e5e5;
}

#recom-text p {
  line-height: 1.5;
  margin-bottom: 15px;
}

#recom-photo,
#recom-text {
  margin-bottom: 0;
}



/* スマートフォン用CSSここから */

@media screen and (max-width: 640px) {


#main-background {
    background: #151515;
    color: #fff;
    height: 450px;
    display: block;
    width: 100%;
    background: #030000 url(../img/tsujii-topimg.jpg) top left no-repeat;
    text-align: right;
    background-size: 180%;
margin: -20px 0 0;
height: 450px !important;
}

#main-background h1 {
    padding: 68% 0 0;
    font-size: 28px;
    line-height: 1.4;
    text-shadow: 0 0 8px #000;
    text-align: center;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.title-upon {
    font-size: 80%;
}

#main-background-main p {
font-size: 80%;
text-align: center;
padding-top: 5px;
margin-bottom: 0;
}

#prof-main {
    margin: 0px auto;
    padding: 15px 5%;
    width: 90%;
}

#prof-main p {
padding: 0;
}

#prof-main img {
display: block;
margin: 0 10%;
width: 80%;
padding-top: 10px;
}

.script-title {
text-align: center;
}

.script-title span {
    line-height: 1.2;
    display: block;
padding-left: 0;
padding-bottom: 10px;
}

.script-title span {
    font-size: 15px;
}

.left-img img,
.right-img img {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}

#recom-title {
    background: #2e5f82;
    text-align: left;
    font-size: 18px;
}

#recom-photo {
margin-top: 0;
}

#recom-photo img {
width: 100%;
}

#pankuzu {
display: block;
height: 80px;
}

#pankuzu-main {
width: 100%;
}

#pankuzu-main ul li {
background: none;
font-size: 13px;
}

#pankuzu-main ul li:after {
content: ' >';
}

#pankuzu-main ul li:first-child {
padding-right: 5px;
}

#pankuzu-main ul li:nth-child(2) {
float:none;
}

#pankuzu-main ul li:nth-child(3):after {
content: '';
}

#pankuzu-main ul li:last-child {
padding: 0;
}

#pankuzu-main ul li {
padding-bottom: 5px;
}

.script-title {
    border-bottom: 3px solid #2e5f82;
    font-size: 36px;
}


}