@charset "utf-8";
main{
	width: 100%;
	margin: auto;
    background: #000;
    color: #fff;
}
#mv_login {
    position: relative;
    max-height: 900px;
    overflow: hidden;
}
#mv_login  figure{ padding-top:100px;}
#mv_login .overTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
#mv_login .overTxt figure {
    width: 85%;
    max-width: 360px;
}
#mv_login .overTxt img {
    width: 100%;
}
#mv_login .loginBox {
    margin: 62px auto 0;
    padding: 55px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0,0,0,.30);
}
#mv_login .loginInfo {
    font-size: 21px;
    letter-spacing: .1em;
}
#mv_login .loginItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}
#mv_login .inputLabel {
    font-size: 18px;
    letter-spacing: .2em;
    width: 60px;
}
#mv_login .idBox,
#mv_login .passBox {
    width: calc(100% - 100px);
    padding: 2px 2px 2px 15px;
    border-radius: 0;
    height: 60px;
    line-height: 60px;
}
#mv_login .submit input {
    font-size: 20px;
    color: #fff;
    background: #301454;
    display: block;
    margin: 40px auto 0;
    height: 60px;
    line-height: 60px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    width: 240px;
}

.loginCaution {
    max-width: 1240px;
    padding-top: 115px;
    padding-bottom:100px;
    text-align: center;
    font-size: 21px;
    line-height: 2.4em;
    letter-spacing: 0.1em;
    background:url(../../img/member/bg.jpg) no-repeat ;
    background-size:cover;
    margin: auto;
}
.loginCaution .entryBtn{ margin-top:30px;}


/* メンバーページ
================================================*/
#memberContenterContainer{
    padding: 195px 0 140px;
}
.memberContent {
    width: 94%;
    max-width: 960px;
    margin: 0px auto 100px;
}
.memberContent h2 {
    width: 65%;
    max-width: 187px;
    margin: auto;
}
.memberContent img {
    width: 100%;
}
.memberContent .memberBlog {

    padding: 40px 0;
    margin: 0 auto 0;
    line-height:1.8;
}
 .blog {
 
}
 .blog li{ /*border-bottom:1px dotted #222;*/ padding-bottom:10px; text-align: center;}
 .blog h3{ text-align:center; font-size:30px; line-height:1.5em; padding:0; margin-top:10px;}

 .blog p{ margin-top:10px; font-size: 20px;}
 .blog p:nth-of-type(2){ margin-top:10px; font-size: 15px;}

.memberBnrContent {
    width: 94%;
    max-width: 960px;
    margin: 115px auto 0;
}
.memberBnrContent h2 {
    width: 90%;
    max-width: 405px;
    margin: auto;
}
.memberBnrContent h2 img {
    width: 100%;
}
.memberBnrContent ul {
    width: 94%;
    max-width:720px;
    margin: 50px auto 0;
}
.memberBnrContent li {
    width: 100%;
    margin: 95px auto 0;
}
.memberBnrContent li:first-child{
    margin-top: 0;
}
.memberBnrContent li img {
    width: 100%
}
.memberRoomType {
    width: 94%;
    max-width: 715px;
    margin: 117px auto 0;
}
.memberRoomType ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 53px auto 0;
}
.memberRoomType li {
    width: calc((100% - 40px)/3);
    margin-left: 20px;
}
.memberRoomType li:first-child{
    margin-left: 0;
}
.memberRoomType a {
    width: 100%;
    height: 100%;
}
.memberRoomType img {
    width: 100%;
    height: auto;
}
.outline_bnrbox{
	text-align: center;
}
.outline_bnrbox img{
	width:480px;
}
.specialContent{
	margin: 0px auto 100px;
	text-align: center;
}
.specialContent h2 {
    width: 65%;
    max-width: 233px;
    margin: auto;
}
.specialContent_bnr_box{
	width:720px;
	margin: 0 auto;
	padding: 60px 0px;
}
.planContent{
	margin: 0px auto;
}
.planContent h2{
	width: 65%;
    max-width: 107px;
    margin: auto;
}
.planContent ul{
	width: 57%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 60px;
}
.planContent ul li{
	width:47%;
	margin-bottom: 50px;
}
.info_bnr{
  max-width: 720px;
  width:100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.info_bnr_item{
  width:30%;
}
@media screen and (max-width:480px) { 
    #mv_login{
        height: 95vh;
        max-height: 1000px;
	overflow:auto;
    }
   #mv_login .overTxt{
        padding-top:  100px;
       display: block;
    }
       #mv_login .overTxt figure{
           margin: auto;
    }
    #mv_login .loginBox{
        width: 94%;
        padding: 40px 15px;
        margin-top: 30px;
    }
    #mv_login .loginInfo{
        font-size: 18px;
        letter-spacing: .05em;
    }
    #mv_login .loginItem{
        margin-top: 15px;
    }
    #mv_login .inputLabel{
        width: 40px;
        font-size: 16px;
    }
    #mv_login .idBox, #mv_login .passBox{
        width: calc(100% - 45px);
        padding-left: 5px;
        border: 0;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
    }
    #mv_login .idBox::-webkit-input-placeholder, #mv_login .passBox::-webkit-input-placeholder{
        font-size: 13px;
    }
    #mv_login .idBox:-ms-input-placeholder, #mv_login .passBox:-ms-input-placeholder{
        font-size: 13px;
    }
    #mv_login .idBox::-moz-placeholder, #mv_login .passBox::-moz-placeholder{
        font-size: 13px;
    }
    #mv_login .idBox::-ms-input-placeholder, #mv_login .passBox::-ms-input-placeholder{
        font-size: 13px;
    }
    #mv_login .idBox::placeholder, #mv_login .passBox::placeholder{
        font-size: 13px;
    }
    #mv_login .submit input{
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        border: 0;
        width: 85%;
        font-size: 18px;
    }
    .loginCaution{
        width: 94%;
        font-size: 18px;
        letter-spacing: .05em;
        margin: 40px auto 0;
    }
/* 
    ===========================================*/
    #memberContenterContainer{
        padding: 100px 0 60px;
    }
	.memberContent {
		width: 94%;
		margin: 0px auto 50px;
	}
    .memberBnrContent li{
        margin-top: 20px;
    }
    .memberBnrContent,.memberRoomType{
        margin-top: 60px;
    }
    .memberRoomType ul{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .memberRoomType li{
        width: calc((100% - 20px)/2);
        margin-bottom: 20px;
    }
    .memberRoomType li:nth-child(2n+1){
        margin-left: 0;
    }
	.outline_bnrbox img{
		width:97%;
	}
	.specialContent_bnr_box {
		width: 100%;
		padding: 40px 3%;
	}
	.specialContent {
    	margin: 0px auto 60px;
	}
	.planContent ul {
    	width: 93%;
		padding-top: 40px;
	}
	.planContent ul li {
		width: 100%;
		margin-bottom: 20px;
	}
  .info_bnr{
    max-width: 400px;
    width:80%;
    margin: 0 auto;
    display: block;
  }
  .info_bnr_item{
    width:100%;
    margin-bottom: 20px;
  }
}