@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.LoginArea .BlockHeader{
  margin-bottom:20px;
}
.LoginArea .BlockHeader .KikanItem{
  width: -webkit-calc(100% - 180px);
  width:         calc(100% - 180px);
  float:left;
  vertical-align:middle;
}
.LoginArea .BlockHeader .KikanItem .Sub{
  display:inline-block;
  width:66px;
  width:86px;
  vertical-align:middle;
  color:#fff;
  font-size:88%;
  margin-right:5px;
  font-weight:normal;
  background:#de006a;
  padding:2px 3px;
  text-align:center;
}

.LoginArea .BlockHeader .KikanItem .Main{
  width: -webkit-calc(100% - 96px);
  width:         calc(100% - 96px);
  display:inline-block;
  color:#de006a;
  font-weight:bold;
  font-size:140%;
  vertical-align:middle;
  text-shadow: 1px 2px 0.2em rgba(0,0,0,0.2);
}
.LoginArea .BlockHeader .KikanItem .Main br{
  display:none;
}

.LoginArea .BlockHeader .FreeItem{
  width:175px;
  float:right;
  vertical-align:middle;
}
.LoginArea .BlockHeader .FreeItem .Sub{
  display:inline-block;
  width:66px;
  width:66px;
  vertical-align:middle;
  color:#fff;
  font-size:88%;
  margin-right:5px;
  font-weight:normal;
  background:#e62518;
  padding:2px 3px;
  text-align:center;
}
.LoginArea .BlockHeader .FreeItem .Main{
  width: -webkit-calc(100% - 76px);
  width:         calc(100% - 76px);
  display:inline-block;
  color:#e62518;
  font-weight:bold;
  font-size:140%;
  vertical-align:middle;
  text-shadow: 1px 2px 0.2em rgba(0,0,0,0.2);
}


        /* + + + + + レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .LoginArea{
            margin-top:-20px;
          }
          body.rsbp-under-bp2 .LoginArea .BlockHeader .KikanItem{
            width:100%;
            display:block;
            float:none;
          }
          body.rsbp-under-bp2 .LoginArea .BlockHeader .FreeItem{
            width:100%;
            display:block;
            float:none;
            max-width:1175px;
            margin-top:10px;
          }
          body.rsbp-under-bp2 .LoginArea .BlockHeader .KikanItem .Main{
            font-size:110%;
            text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
          }
          body.rsbp-under-bp2 .LoginArea .BlockHeader .KikanItem .Main br{
            display:inline-block;
          }
          
          body.rsbp-under-bp2 .LoginArea .BlockHeader .FreeItem .Sub{
            width:86px;
          }
          body.rsbp-under-bp2 .LoginArea .BlockHeader .FreeItem .Main{
            width: -webkit-calc(100% - 96px);
            width:         calc(100% - 96px);
          }







.LoginArea .BlockContents{

}
.LoginArea .BlockContents .inner{
  border:1px solid #90c31f;
  border-radius:25px;
  background:#f7f7f7;
  padding:50px;
}
        /* + + + + + レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .LoginArea .BlockContents .inner{
            padding:20px;
          }
          
          
.LoginTable{
 border:none!important
}


.LoginTable td{
  border:none!important;
  padding:0.3em!important;
}

.ImputTitle{
  font-weight:bold;
}

        /* + + + + + レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .LoginTable td.LoginTitle .SpItem{
            margin:0 auto;
            display:block;
          }




input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], select, textarea {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #eee inset;
  border-radius: 4px;
  margin: 5px;
  line-height: 1;
  padding: 10px 5px;
  line-height: 1.5;
  margin: 3px;
  padding: 5px 5px;
  vertical-align: middle;
  font-size: 1.1em;
  width:300px;
}

        /* + + + + + レスポンシブ + + + + +  */
          body.rsbp-under-bp2 input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="url"], select, textarea {
            width:250px;
          }



.Required{
  font-size:0.8rem;
  border:1px solid #ccc;
  background:#f5f5f5;
  border-radius:3px;
  padding:2px 4px;
  display:inline-block;
  vertical-align:middle;
}

.SknTplTextButton .IAgreeCheck{
  font-size:110%;
}
.SknTplTextButton label{
  cursor:pointer;
}

.LoginArea .Button{
  background:#90c31f;
  border:none;
  font-weight:bold;
  color:#fff;
  margin-top:20px;
}
.LoginArea .Button.DisAgree{
  background:#ccc;
  cursor:default;
}
.LoginArea .SknTplTextButton .Button.DisAgree:hover{
  padding: 1.25em 0;
}


.LoginArea .SubParagraphContents{
  font-size:80%;
  height:300px;
  overflow-y:auto;
  margin:10px 0;
  background:#fff;
  border:1px solid #222;

}
.LoginArea .SubParagraphContents .DefaultText{
  margin:5px 10px 5px 30px;
  font-weight:bold;
  width:85%;
}
.LoginArea .SubParagraphContents ul{
  width:85%;
  margin:5px 10px 5px 30px;
  list-style-type: square
}
.LoginArea .SubParagraphContents ul li{
  padding:5px 0;
}

        /* + + + + + レスポンシブ + + + + +  */
          body.rsbp-under-bp2.LoginArea .BlockContents .inner{
            border:1px solid #ccc;
            border-radius:10px;
            background:#f7f7f7;
            padding:20px;
          }
          
          
          body.rsbp-under-bp2 .LoginTable td{
            display:block;
          }
          
#ContentsDivision {
  margin-top: 10px;
}
          
.PRArea{
  margin-top:30px;
}

.PRArea .BlockHeader{
  width:58%;
  display:inline-block;
  vertical-align:top;
  float:left;
}

.PRArea .BlockHeader .ParagraphHeader {
  font-size:85%;
  border:1px solid #e62518;
  min-height:83px;
  margin-bottom:10px;
}
.PRArea .BlockHeader .ParagraphHeader .Heading.TypeGimon{

  color:#e62518;
  font-size:180%;
  padding:6px 5px;
  text-align:center;
  line-height:1.3;
  text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.PRArea .BlockHeader .ParagraphHeader .Heading.TypeGimon > span{
  display:inline-block;
}

.PRArea .BlockHeader .ParagraphContents .LeftImage{
  width:48%;
  display:inline-block;
}
.PRArea .BlockHeader .ParagraphContents .RightImage{
  width:48%;
  display:inline-block;
}

.PRArea .BlockContents{
  width:35%;
  display:inline-block;
  vertical-align:top;
  float:right;
}

.PRArea .BlockContents{
 font-size:85%;
}
.PRArea .BlockContents .ParagraphHeader {
  /*background: url(../img/top/bg_pink_wave.png) no-repeat 50% 0%;
  background-size:90% auto;*/
  border:1px solid #ff7bac;
  min-height:83px;
  margin-bottom:10px;
}
.PRArea .BlockContents .ParagraphHeader .Heading{
  color:#ff7bac;
  font-size:180%;
  padding:20px 5px;
  text-align:center;
  text-shadow:#fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}




.PRArea .BlockContents .ParagraphHeader .ParagraphContents{
  max-width:500px;
  margin:0 auto;
}


.PRArea .BlockContents .ImageItem img{
  max-width:120px;
}

.PRArea .BlockContents .URLItem a{
  border:3px solid #ff7bac;
  padding:3px;
  margin:0;
  text-align:center;
  display:block;
  font-size:90%;
}
.PRArea .BlockContents .URLItem a:hover{
  background:#555;
  color:#fff;
}


        /* + + + + + レスポンシブ + + + + +  */
          body.rsbp-under-bp2 .PRArea .BlockHeader{
            width:100%;
            display:block;
            float:none;
            text-align:center;
            max-width:400px;
            margin:0 auto;
          }

          body.rsbp-under-bp2 .PRArea .BlockContents{
            width:100%;
            display:block;
            float:none;
            max-width:400px;
            margin:0 auto;
            margin-top:40px;
          }
          body.rsbp-under-bp2 .PRArea .BlockHeader .ParagraphHeader{
            font-size:72%;
            background:#ffe6e5;
            min-height:0;
          }
          body.rsbp-under-bp2 .PRArea .BlockContents .ParagraphHeader {
            /*background: url(../img/top/bg_pink_wave.png) no-repeat 50% 0%;
            background-size:auto 90%;*/
            background:#fde2ec;
            min-height:0;
          }
          body.rsbp-under-bp2 .PRArea .BlockHeader .ParagraphHeader .Heading,
          body.rsbp-under-bp2 .PRArea .BlockContents .ParagraphHeader .Heading{
            padding:10px 0;
          }