@charset "UTF-8";
html, body{
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ", "San Francisco", Arial, Helvetica, sans-serif;
  letter-spacing:0.05em;
  height:100%;
}
.wrapper{
  min-height: 100%;
  margin-bottom:-30px;
}
.header{
  min-width:1024px;
  width:100%;
  height:36px; 
  background:#252525;
}
.header_container{
  width:1024px;
  height:100%;
  margin:0 auto;
}
.header_container a{
  display:inline-block;
  margin-left:15px;
  height:36px;
  width:135px;
}
.header_container a img{
  height:100%;
}

.ichiba_logo{
  display:inline-block;
  min-width:1024px;
  width:100%;
  height:170px;
}
.ichiba_logo img{
  position: relative;
  top:23%;
  display: block;
  height:55px;
  margin:0 auto;
}

.content{
  min-width:1024px;
  width:100%;
  font-size:14px;
  text-align:center;
  line-height:1.5;
}
.content_container p{
  margin-bottom:1em;
}
.content_middle{
  min-width:1024px;
  width:100%;
  padding:36px 0 50px 0;
}
.content_middle_container{
  position:relative;
  height:240px;
  width:600px;
  padding:10px;
  margin:0 auto;
  background:#f0f0f0;
  border-radius:8px;
}
.content_middle_content p{
  position: relative;
  margin:0 auto;
  padding:5% 0;
  text-align: left;
  width:410px;
  font-size:16px;
  line-height:2.1;
}
.content_middle_content p strong{
  color:#007CFF;
}

.content_middle_button{
  position:relative;
  display:block;
  margin:0 auto;
  width:410px;
  height:40px;
  background:#ffffff;
  text-align: center;
  border-radius:30px;
  box-shadow:0 3px 0 #e5e5e5;
  text-decoration:none;
  color:#252525;
  font-size:14px;
  line-height:2.9;
}
.content_middle_button::after{
  content: '';
  position:absolute;
  display:inline-block;
  right:15px;
  top:15px;
  width:6px;
  height:6px;
  border-top:2px solid #007CFF;
  border-right:2px solid #007CFF;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.content_middle_button:hover{
  color:#007CFF;
  top:-2px;
  box-shadow:0 5px 0 #e5e5e5;
}
.content_middle_button:active{
  top:0px;
  box-shadow:none;
}

.content .margin_bottom_add{
  margin-bottom:100px;
}
.push{
  height:30px;
}
.footer{
  min-width:1024px;
  width:100%;
  height:30px;
  position:relative;
}
.footer p{
  text-align:center;
  font-size:12px;
}

@media screen and (max-width:959px) {
  .header{
    min-width:320px;
    height:45px;
  }
  .header_container{
    width:100%;
  }
  .header_container a{
  height:100%;
  width:135px;
}
.header_container a img{
  width:100%;
}
  .ichiba_logo{
    min-width:320px;
    height:150px;
  }
  .ichiba_logo img{
    top:35px;
    width:167px;
    height:55px;
  }

  .content{
    min-width:320px;
    font-size:16px;
    line-height:1.5;
    text-align: left;
  }
  .content_container{
    width:84%;
    max-width: 375px;
    margin:0 auto;
  }
  .content_container p{
    margin-bottom:1.5em;
  }
  .content_middle{
    min-width:290px;
    width:92%;
    margin:0 auto;
    padding:12px 0 40px 0;
  }
  .content_middle_container{
    width:100%;
    height:100%;
    padding:30px 0 40px;
    max-width:450px;
  }
  .content_middle_content p{
    width:91%;
    font-size:18px;
    text-align:left;
    padding:0 0 20px 0;
    max-width:370px;
    line-height:1.8;
  }

  .content_middle_button{
    display:block;
    width:90%;
    margin:0 auto;
    max-width:370px;
    height:50px;
    box-shadow:0 5px 0 #e5e5e5;
    font-size:16px;
    line-height:3.1;
  }
  .content_middle_button:hover{
    color:#0f0d0d;
    top:-2px;
    box-shadow:0 5px 0 #e5e5e5;
  }
  .content_middle_button:active{
    top:0px;
    box-shadow:none;
    color:#007CFF;
  }
  .content_middle_button::after{
    top:20px;
  }

  .content .margin_bottom_add{
    margin-bottom:0px;
  }

  .footer{
    position:relative;
    min-width:320px;
    width:100%;
    margin-top:15%;
  }
}

@media screen and (min-width:320px) and (max-width:374px){
  .content_middle_button{
    padding:5px 0 0 0;
    line-height:1.4;
    height:50px;
  }
  .content_middle_button .iphoneSE_smaller_linebreak::after{
    content: "\A" ;
    white-space: pre;
  }
  .content_middle_button::after{
    top:23px;
  }
}
