@charset "utf-8";
/* CSS Document */
.pc_parts{
	display:none;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.pb_20{
	padding-bottom:20px;
}

.borderNone{
	border:none;
}

header{
	background: url(/membersite/images/header_bg_1.5x.jpg) no-repeat 0 0;
	height: 0;
    padding-top:22.58%;
    background-size: contain;
	position:relative;
}

.caution {
    color: #f00;
    font-weight: bold;
}

#spMenu {
	display:block;
	position:absolute;
	top:12%;
	right:5%;
	padding:8px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border-radius:8px;
	background:#1013d2;
	border:#CCC 3px solid;
	font-size:120%;
	line-height:200%;	
}

nav {
	display:none;
}

.message{
	background:#fff;
	display: inline-block;
	right: 20px;
    top: 95px;

}

.message a:hover{
	opacity:0.55;
}



.message dl{
	overflow:hidden;
}

.message dt,
.message dl a{
	float:left;
}

.message dt{
	background:#f83f3f url(../images/mail.gif)  no-repeat;
	background-position:10px center;
	font-size: 14px;
    font-weight: bold;
	color:#fff;
	padding:0 5px;
    text-align: left;
    width: 9em;
	
}

.message dl a{
	background:url(../images/arrow_01.png) no-repeat 10px center;
	font-size: 14px;
    font-weight: bold;
	padding: 0px 0 2px 26px;
	width: 25em;
	
}


.message_contents_area {
    background:  url(../images/bg_message_contents_area.png) repeat 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}


.message_contents{
	background:#def0fc;
	border:2px solid #585858;
	padding:10px;
	width:800px;
	margin:0 auto;
	left: 50%;
	margin-left: -400px;
	position: fixed;
    top: 50%;
    z-index: 101;
}

.message_contents dl{
	overflow:hidden;
	margin-bottom:10px;
}

.message_contents dt,
.message_contents dd{
	float:left;
}

.message_contents dt{
	background:#f83f3f url(../images/mail.gif)  no-repeat;
	background-position:10px center;
	font-size: 16px;
    font-weight: bold;
    padding: 5px 10px 5px 50px;
	color:#fff;
}

.message_contents dd{
	background:url(../images/arrow_01.png) no-repeat 10px center;
	font-size: 16px;
    font-weight: bold;
	padding: 6px 0 5px 26px;
	
}

.message_contents_in{
	background:#1a2f5e;
	padding:10px;
	clear:both;
}

.message_contents_in div{
	background:#fff;
	padding:10px;
}

.message_contents_in div p{
	font-size:16px;
}

.message_contents_in div a:hover{
	opacity:0.55;
}

.message_contents_in div:nth-child(1){
	margin-bottom:20px;
}

.message_close{
	cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 102;
}

@media (min-width: 600px) {
	.message{
		position: absolute;
		padding: 2px 22px 0px 8px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:1.5),
                  (min-resolution: 1.5dppx){
 header{
    background: url(/membersite/images/header_bg_1.5x.jpg) no-repeat 0 0;
	background-size: contain;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
 header{
    background: url(/membersite/images/header_bg_2x.jpg) no-repeat 0 0;
	background-size: contain;
  }
}

h1{
	position:absolute;
	top:12%;
	left:5%;
}

#mainWrap{
	background:url(/membersite/images/bg.jpg)  repeat 0 0;
	background-size: contain;
	height:auto;
    width: 100%;
	padding-bottom:20px;
}

#main{
	width:93.75%;
	margin:20px auto 0;
	border:1px solid #1013d2;
	background:rgba(94, 184, 251, 0.2);
	border-radius:10px;
}


@media (min-width: 600px) {
	.pc_parts{
		display:block;
	}
	.sp_parts{
		display:none;
	}
	
	body{
		background:url(/membersite/images/bg.jpg) repeat 0 0;
   		min-height: 900px;
	}
	
	header{
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	
	#contents{
		width:900px;
		margin:0 auto;
		background:#fff;
		
	}
	
	header{
		background: url(/membersite/images/header_bg.jpg) no-repeat 0 0;
		height:149px;
		padding-top:0;
		position:unset;
	}
	
	#main{
		margin-top:30px;
	}
	
	h1{
		position:unset;
		padding:40px 0 0 20px;
	}
	
	#mainWrap{
		background:none;
		height: auto;
		padding-bottom:30px;
		width:auto;
		margin-top:30px;
	}
	
	nav {
		display:block;
	}
	
	#spMenu {
		display:none;
	}
	
	
}

@media (max-width: 599px) {
.message {
    display:block;
	margin:0 auto 20px;
    width: 92.75%;
	border:1px solid #ccc;
}

.message dl a{
	width:auto;
	padding: 0 0 2px 4px;
	clear:both;
	float:none;
}

.message_contents{
	left: 3% !important;
    margin: 50px auto 0 !important;
    top: 0 !important;
    width: 86.75%;
}
}