@charset "shift_jis";
@import url("http://www.harenchi.co.jp/tokyo/css/shopmodule/basic.css");
/*------------------------------------------------------------------------------------------------
  ハレンチ女学園 www.st-rakuen.jp

  Cascading Style Sheet --- basic.css
  First Write   : 24.October.2017 (Suzuki)

  Powered By Japan Lesurue Network
------------------------------------------------------------------------------------------------*/
/*common setting
------------------------------------------------------------------------------------------------*/
body{
  background: url("../images/bg.jpg") repeat;
  color: #00b1ab;
  font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
}
p,
ul,
li{color: #00b1ab; font-size:15px;}

/*header
------------------------------------------------------------------------------------------------*/
header{
  width: 100%;
  text-align: center;
  /*background: url("../images/bg_header.jpg") no-repeat center 55px;*/
  /*background: #fff;*/
  /*border-top: solid 5px #ff6c91;*/
  margin: 0 auto;
  position: relative;
}
header h1 {
  width: 100%;
  text-align: center;
  line-height: 0;
}
header h1 img {
  width: 700px;
  margin:0;
}
header div {background:#fff; padding:25px 0 35px 0;}
header div h2 {
  color:#fff;
  font-size:40px;
  text-align: center;
  line-height: 2.0em;
  letter-spacing: 1px;
  background:#0b3c58;
  border-radius: 40px;
  margin:0 0 20px 0;
  padding:0 25px;
  display: inline-block;
}
header div p {
  font-size:30px;
  line-height:1.4em;
  letter-spacing: 1px;
  color: #0b3c58;
  font-weight: bold;
}


/*main
------------------------------------------------------------------------------------------------*/
main{
  width: 100%;
  margin: 0;
  padding: 0;}

/*main-info
------------------------------------------------------------------------------------------------*/
main article.info{
  width: 100%;
}
main article.info .box{
  width: 100%;
  background: url("../images/bg-info.jpg") repeat;
  padding :30px 0;
  display: block;
  overflow: hidden;
}
main article.info .box ul{
  width: 700px;
  margin: 0 auto;
  padding:20px 0;
  display: block;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
main article.info .box ul li{
  width:100%;
  color: #0b3c58;
  font-size:20px;
  text-align: center;
  line-height: 2em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

/*main-system
------------------------------------------------------------------------------------------------*/
main article.system{
  width: 100%;
  padding: 60px 0 0 0;
}
main article.system h1 {
  margin: 0 0 25px 0;
}
main article.system section {
  width: 890px;
  margin: 0 auto;
}
main article.system table {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
main article.system table th,
main article.system table td { font-size: 26px; font-weight: normal; padding: 0 0 15px 0;}
main article.system p { color: #00b1ab; font-size: 19px; margin: 28px 0 58px 0;}
main article.system:after{
  width: 100%;
  height: 58px;
  content:"";
  background: url("../images/bg_line_2.png") repeat-x top;
  display: block;
}


/*footer
------------------------------------------------------------------------------------------------*/
footer {
  width: 100%;
  background: #0080c8;
  padding: 10px 0;
}
footer p {color:#ffffff;}



/*▼ここからスマホ-タブレット設定（レスポンシブってほどでもない..）
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 904px){

/*header
------------------------------------------------------------------------------------------------*/
header{
  width: 100%;
  /*background: url("../images/bg_header.jpg") no-repeat center 28px;
  background-size:auto 260px;*/
  margin: 0;
}
header h1 {
  width: 100%;
}
header h1 img {
  width: 90%;
  border-radius: 40px;
  margin:0 auto;
}
header p img { width: 320px;}
header:after{ height: 29px; background-size: 34px;}
header div { padding:25px 0 25px 0;}
header div h2 {
  color:#fff;
  font-size:25px;
  border-radius: 25px;
  margin:0 0 15px 0;
  padding:0 25px;
}
header div p {
  width:90%;
  font-size:17px;
  text-align:center;
  line-height:1.4em;
  letter-spacing: 1px;
  display: block;
  margin:0 auto;
  padding:0 15px;
}

/*main-info
------------------------------------------------------------------------------------------------*/
main article.info:before{ height: 29px; background-size: 34px;}
main article.info .box{ padding :15px 0; }
main article.info .box ul{
  width: 90%;
  margin: 0 auto;
  display: block;
  padding:15px 0;
  overflow: hidden;
}
main article.info .box ul li{
  width: 90%;
  font-size:15px;
  text-align:center;
  margin: 0 auto;

}
/*main-system
------------------------------------------------------------------------------------------------*/
main article.system{
  padding: 25px 0 0 0;
}
main article.system h1 {
  margin: 0 0 8px 0;
}
main article.system h1 img { width: 100px;}
main article.system section {
  width: 320px;
  margin: 0 auto;
}
main article.system table {
  border-radius: 10px;
  padding: 10px 10px;
}
main article.system table th { font-size: 13px; padding: 0 0 15px 0;}
main article.system table td { font-size: 12px; padding: 0 0 15px 0;}
main article.system p { color: #00b1ab; font-size: 12px; margin: 10px 0 10px 0;}
main article.system:after{ height: 29px; background-size: 34px; }

}