@charset "shift_jis";
@import url("http://www.harenchi.co.jp/tokyo/css/shopmodule/basic.css");
/*------------------------------------------------------------------------------------------------
  アラフィフna奥様 www.st-rakuen.jp

  Cascading Style Sheet --- basic.css
  First Write   : 24.October.2022

  Powered By Japan Lesurue Network
------------------------------------------------------------------------------------------------*/
/*common setting
------------------------------------------------------------------------------------------------*/
body{
  background: url("../images/bg.jpg") repeat;
  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:25px;
  text-align: center;
  line-height: 2.0em;
  letter-spacing: 1px;
  background:#d1312a;
  border-radius: 25px;
  margin:0 0 20px 0;
  padding:0 25px;
  display: inline-block;
}
header div p {
  font-size:25px;
  line-height:1.4em;
  letter-spacing: 1px;
  color: #d1312a;
  font-weight: bold;
}

header div .transfer a{
  margin: 15px auto 0 auto;
  padding: 5px;
  width: 20%;
  font-size: 15px;
  display: block;
  background-color: #f0f0f0;
  border-color: #959595;
  color: #838282;
  border-radius: 5px;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: normal;
}
header div .transfer a:hover{
  background-color:#d1312a;
  color: #ffffff;
}

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


/*main-info
------------------------------------------------------------------------------------------------*/
main article.info{
  width: 100%;
}
main article.info .box{
  width: 100%;
  background-color: #d1312a;
  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: #d1312a;
  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: #960700;
  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:16px;
  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;
}
  
header div .transfer a{
    width: 50%;
    font-size: 13px;
  }
/*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; }

}