@charset "shift_jis";

/*============ ???i?y?[?W????CSS ===========*/

.detailetmpl .mv {
max-width: 710px;
margin: 0 auto 30px;
}


.block,
.section > h2,
#bottom-relate-item,
#bottom-recom-item,
.itemlist3c {
  /* width: ??????px;  PC???J???????????X?????????L?? */
}

.item-gift {
display: none;
}

.section h2 {
  text-align: left;
}

#section01 h2,
#section06 h2 {
  text-align: center;
}

.section h2 span.itemtitle::before {
  content: '';
}

#section01, #section03, #section05, #section02, #section04, #section06, #section07 {
width: 100% !Important;
}

#section01, #section03, #section05 {
  background: #151515;
  background: -moz-linear-gradient(-45deg,  #000 0%, #222 50%, #000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #000 0%,#222 50%,#000?@100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000 0%,#222 50%,#000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section02, #section04, #section07 {
  background: #333;
  background: -moz-linear-gradient(-45deg,  #222 0%, #444 50%, #222 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #222 0%,#444 50%,#222 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #222 0%,#444 50%,#222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.section .column1 {
  background: none;
}

.section h2,
.section h3,
.section .column1 p {
  color: #fff;
}

.section h2 {
  position: relative;
  text-shadow: 0 0 8px #111;
  z-index: 100;
}

#section02 h2 {
  background: url(../../../izumiyashigeru/img/izumiyashigeru_h2_1.png) center left no-repeat;
  width: 540px;
  padding: 10px 0 10px 170px;
  margin-bottom: 10px;
}
#section03 h2 {
  background: url(../../../izumiyashigeru/img/izumiyashigeru_h2_2.png) center left no-repeat;
  width: 540px;
  padding: 10px 0 10px 170px;
  margin-bottom: 10px;}
#section04 h2 {
  background: url(../../../izumiyashigeru/img/izumiyashigeru_h2_3.png) center left no-repeat;
  padding-left: 200px;
  width: 540px;
  padding: 20px 0 20px 170px;
  margin-bottom: 10px;
}
#section05 h2 {
  background: url(../../../izumiyashigeru/img/izumiyashigeru_h2_4.png) center left no-repeat;
  width: 540px;
  padding: 20px 0 20px 170px;
  margin-bottom: 10px;
}
#section06 h2 {
  color: #333;
  text-shadow: 0 0 10px #fff;
}

.section h2 .sec1-il {
  font-size: 26px;
  font-weight: normal;
}

.section p em {
  color: #ff4747;
}

.banner {
  width: 710px;
  margin: 10px auto 60px;
}

#section01 h2 {
  font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W3","Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif !important;
  font-size: 40px;
}

#section01 h2 .yogen {
  font-family: sans-serif;
  font-size: 18px;
  display: block;
  padding-top: 5px;
  padding-bottom: 10px;
}

#section01 h2 .itemtitle {
  font-family: 'NotoSansJP', '?q???M?m?p?S Pro', '???C???I', 'Meiryo', sans-serif !important;
}

#section01 .column4 {
  background: none;
}

#section01 .column4 a:hover,
#section01 .column4 a:active {
  opacity: 0.8;
}

#section02 p,
#section02 h3 {
  text-align: center;
}

#section02 .column3 {
  background: none;
  margin-top: 30px;
}

#section02 .column3 p {
  font-size: 16px;
  line-height: 1.5 !important;
}

#section02 .column3 p span {
  font-size: 16px;
  font-weight: bold;
}

#section02 .column3 img {
  margin-bottom: 10px;
  box-shadow: 0 0 4px #000; 
}

#section03 p {
  text-align: center;
}

#section03 p .disc10 {
  width: 500px;
  margin: 0 auto;
}

#section03 p.text {
  margin-top: -35px;
}

#section03 h3 {
  text-align: center; 
}

#section03 ol li {
  border-bottom: 1px solid #333;
  color: #fff;
  list-style: decimal;
  list-style-position: inside;
  text-indent: 240px;
  font-size: 18px;
  padding: 5px 0;
}

#section02 .coming-list a {
  background: #fff;
  display: block;
  padding: 15px 0 12px;
  width: 50%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 8px #222;
  border-radius: 26px;
}
#section02 .coming-list a {
  color: #da301f;
  font-weight: bold;
  text-decoration: underline;
}
#section02 .coming-list:hover,
#section02 .coming-list:active {
  opacity: 0.8;
}


#section03 .coming-list {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  padding: 15px 0 12px;
  width: 50%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

#section05 p img {
  width: 352px;
  margin: 0 auto;
}

#section05 p.text {
  margin-top: -35px;
}

.cdlist-default .cdlist-title .title {
  font-size: 22px;
}

#section06 {
  padding-top: 50px;
  padding-bottom: 30px;
}

#section06 h2 em {
  color: #ff0000;
}

#section07 {
margin-bottom: 40px;
}

#section07 h2 {
  text-align: center;
}

.cdlist-default .cdlist-title {
  background: #da301f;
}

.cdlist .column2 {
  border :none;
}


/*============ ?X?}?[?g?t?H???p ===========*/
@media screen and (max-width: 767px) {


  #section02 h2,
  #section03 h2,
  #section04 h2,
  #section05 h2 {
    background-position: top center;
    width: 90%;
    padding: 170px 0 20px 0;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

.section h2 span {
font-size: 38px;
}

#section02 .column3 p span {
font-size: 20px;
}

.coming-list a {
font-size: 20px;
border-radius: 42px;
}

#section03 ol li {
text-indent: 200px;
}

.cdlist-default .sp-column2 .cdlist-title span {
font-size: 20px;
width: 28%;
}

.cdlist-default .sp-column2 .cdlist-title .title {
font-size: 22px;
}


}/* Media Query for SmartPhone */