@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

.font_small {
  line-height: 1.7 !important;
}

#section01 {
  background: #151515;
  background: -moz-linear-gradient(top,  #2e6083 0%, #151515 30%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #2e6083 0%,#151515 30%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #2e6083 0%,#151515 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-bottom: 10px;
}

#section01 .column2 .photocopy {
  font-size: 12px !important;
  text-align: right;
  padding: 2px 4px;
  opacity: 0.6;
}

#section01 .sec01-2 {
  background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section01_2.jpg) center left no-repeat;
  background-size: 100%;
}

#section01 .sec01-3 {
  background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section01_3.jpg) center left no-repeat;
  background-size: 100%;
}

#section01 .sec01-4 {
  background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section01_4.jpg) center left no-repeat;
  background-size: 100%;
}

#section01 h2,
#section01 .block p,
#section01 .block h3 {
  color: #fff;
}

#section01 .block h3 {
  border-bottom :2px solid #7FAAC6;
  font-weight: 500;
  padding-bottom: 8px;
}

#section02 {
  background: #e0daa1; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #e0daa1 0%, #edead7 30%, #edead7 70%, #e0daa1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #e0daa1 0%,#edead7 30%,#edead7 70%,#e0daa1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #e0daa1 0%,#edead7 30%,#edead7 70%,#e0daa1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-bottom: 20px;
}

#section02 .block {
  border: 4px solid #edead7;
  position: relative;
}

#section02 .column1 .photocopy {
  font-size: 11px !important;
  margin: 0;
  padding: 2px 4px;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
}

#section02 .sec02-1 {
  background: #fff url(../../tsujiinobuyuki/img/tsujiinobuyuki_section02_1.jpg) top left no-repeat;
  background-size: 45%;
  background-size: contain;
  padding-left: 300px;
}

#section02 .prof-name {
  font-size: 140%;
  font-weight: bold;
}

#section02 .circle {
  border-radius: 50%;
}

.banner_appendix {
  width: 680px;
  margin: 30px auto;
}
.banner_appendix a:hover,
.banner_appendix a:active {
  opacity: 0.8;}

#section03 {
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 25%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 25%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section03 .cdlist .column2 {
  border: 1px solid #aaa;
}

.cdlist .cdlist_description {
  margin: 10px 20px 10px;
}

#section03 .disc01 .cdlist_title {
  background: #292766 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_01.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc01 ol .caption {
  background: #292766;
  color: #fff;
}
#section03 .disc02 .cdlist_title {
  background: #235339 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_02.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc02 ol .caption {
  background: #235339;
  color: #fff;
}

#section03 .disc03 .cdlist_title {
  background: #533823 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_03.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc03 ol .caption {
  background: #533823;
  color: #fff;
}

#section03 .disc04 .cdlist_title {
  background: #694217 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_04.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc04 ol .caption {
  background: #694217;
  color: #fff;
}

#section03 .disc05 .cdlist_title {
  background: #18616A url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_05.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc05 ol .caption {
  background: #18616A;
  color: #fff;
}

#section03 .disc06 .cdlist_title {
  background: #7E2223 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_06.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc06 ol .caption {
  background: #7E2223;
  color: #fff;
}

#section03 .disc07 .cdlist_title {
  background: #4E5A2A url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_07.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc07 ol .caption {
  background: #4E5A2A;
  color: #fff;
}

#section03 .disc08 .cdlist_title {
  background: #6D2F3E url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_08.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc08 ol .caption {
  background: #6D2F3E;
  color: #fff;
}

#section03 .disc09 .cdlist_title {
  background: #5F5A32 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_09.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .disc09 {
  background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_1.jpg) bottom left no-repeat;
}

#section03 .disc09 ol .caption {
  background: #5F5A32;
  color: #fff;
}

#section03 .disc10 .cdlist_title {
  background: #4B2A57 url(../../tsujiinobuyuki/img/tsujiinobuyuki_section03_title_10.jpg) bottom right no-repeat;
  background-size: 65%;
}

#section03 .oddcolor li {
  background: #fff;
}

.cdlist .cdlist_description {
  line-height: 1.3;
}

.cdlist ol li {
  text-indent: -24px;
  padding: 8px 10px;
  padding-left: 35px;
}

.cdlist ul li span, .cdlist ol li span {
  padding-top: 0;
}

#section04 {
  background: #ffadad; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ffadad 0%, #ffeaea 40%, #ffeaea 60%, #ffadad 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #ffadad 0%,#ffeaea 40%,#ffeaea 60%,#ffadad 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #ffadad 0%,#ffeaea 40%,#ffeaea 60%,#ffadad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  margin-bottom: 40px;
}

#section04 .guidebook {
  width: 80%;
  margin: -15px auto 0;
}

#section04 h3 span:nth-child(1) {
  background: #7E2223;
}

#section04 h3 span:nth-child(2) {
  background: #FFDDDD;
}

#section05 {
  padding-top: 10px;
}


/*============ スマートフォン用 ===========*/

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

  #section01 {
    background: -moz-linear-gradient(top,  #2e6083 0%, #151515 10%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2e6083 0%,#151515 10%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2e6083 0%,#151515 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }

  #section01 .column2 .photocopy {
    font-size: 16px !important;
  }

  #section01 .width_small {
    height: 150px;
  }

  #section01 .sec01-2,
  #section01 .sec01-3,
  #section01 .sec01-4 {
    background-size: cover !important;
  }

  #section01 .sec01-2 {
    background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section01_2_sp.jpg) center left no-repeat;
    height: 80vw;
  }
  
  #section01 .sec01-3 {
    background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section01_3_sp.jpg) center left no-repeat;
  }

  #section01 .sec01-4 {
    background: url(../../tsujiinobuyuki/img/tsujiinobuyuki_section01_4_sp.jpg) center left no-repeat;
  }
  
  #section01 .mb30 .column2 .photocopy {
    text-align: left;
  }


  #section01 .sec01-3 {
    background-position:
  }

  #section01 .block h3 {
    font-weight: bold;
  }

  #section02 .sec02-1 {
    background: #fff url(../../tsujiinobuyuki/img/tsujiinobuyuki_section02_1_sp.jpg) top left no-repeat;
    background-size: 100% !important;
    padding: 70vw 10px 10px;
  }
  
  #section02 .column1 .photocopy {
    font-size: 16px !important;
  }

  #section02 .prof-name {
    font-size: 18px;
  }

  #section02 .flexbox_order1 {
    overflow: hidden;
  }

  #section02 .flexbox_order1 p {
    margin-top: -45px;
  }

  #section02 .circle {
    border-radius: 0;
  }

  #section02 .flexbox_order2 {
    padding-top: 8px;
    margin-top: -18px !important;
  }
  
  #section02 .width_small p {
    margin: 0 20px 10px;
  }

  #section03 .cdlist_default .sp_column2 .cdlist_title {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #section03 .cdlist_default .cdlist_title {
    font-size: 18px;
  }

  #section03 .cdlist_default .cdlist_title span {
    font-size: 16px;
  }

  #section03 .disc09 {
    background-position: bottom center;
    background-size: 150% !important;
  }
  .banner_appendix {
    width: auto;
    margin: 15px 15px;
  }


}/* Media Query for SmartPhone */