@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body { background:#666666;}
#wrap { width:100%; margin:0; border-top:#EC1E79 solid 9px;}
#contentsArea { background:#F0F0F1; width:100%; padding-top:30px;}
.mainSection { width:750px; margin:0 auto; padding-bottom:30px;}
.mainSectionInner {background:url(/img/back_contents03.png) center top no-repeat;}
.mainSection .section{ margin-bottom:20px;}

.titleBoxPT{ margin-bottom:1em;}
.mainSection h1{ text-align:center;}
.mainSection h2{font-size:180%;  text-align:center;}

.topTop{ border-top:#999 dotted 1px; margin-bottom:2em; padding-top:0.5em;}
.topTop2{ border-bottom:#999 dotted 1px; margin-bottom:2em; padding-bottom:0.1em;}


.wBackBox{ background:#FFF; border:#CCC solid 1px; border-radius:10px; padding:20px; margin-bottom:2em;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                  コンテンツ系
----------------------------------------------------------------------------*/

.inputBoxLogP{ background:#FFF; border:#999 solid 3px; border-radius:10px; width:744px; margin:10px auto 10px auto;}
.inputBoxLogP li{ padding:10px 15px;}
.inputBoxLogP dt{ float:left; width:200px; line-height:2em; padding:0.3em 0; font-weight:normal; font-size:120%; border-right:#999 dotted 1px;}
.inputBoxLogP dd{ float:left; width:480px; line-height:2em; padding:0.3em 0; padding-left:20px;}
.inputBoxLogP dd input{ width:470px; line-height:40px; height:40px; border:none;}
.inputBoxLogP .udBar{ border-bottom:#000 solid 2px;}
.inputBoxLogP dd.passSec,
.inputBoxLogP dd.passSec input{ background:#FFECF7; font-size:140%;}
.inputBoxLogP dd.defInDd{ font-size:110%; margin-top:0.2em; vertical-align:bottom;}

.errP{ font-size:200%; padding:10px 0; color:#F00;}

#submitBoxLogP { margin-bottom:10px; text-align:center; margin-bottom:20px; padding:20px;}
#submitBoxLogP input{ padding:10px;}
#submitBoxLogP button{padding:10px;}
#subBtnLogP{ padding:10px;}


/* ログイン画面系専用 */
.mainSectionLog{ width:100%; max-width: 920px; margin:0 auto; padding-bottom:60px; display: flex;}
.mainSectionLogInner { width:480px; background:url(/img/public/back_contents03.png) center top no-repeat; /*float:right;*/ margin: 0 0 0 auto;}
.mainSectionLog .section{ margin-bottom:0;}
.mainSectionLog h1 { text-align:center; padding-top:30px; margin-bottom:3px;}
.mainSectionLog h2 { text-align:center; font-size:140%; margin-bottom:5px;}

#LogSubmitBox{text-align:center;}

#lrcImgBox{ /*float:left;*/ width:400px;}
#lrcImgBox img{ margin-top:30px;}

#inputBoxLog{ background:#FFF; border:#000 solid 3px; border-radius:10px; width:80%; margin:0 auto 10px auto;}
#inputBoxLog li{ padding:5px 15px;}
#inputBoxLog dt{ float:left; width:30%; line-height:2em; padding:0.2em 0; font-weight:normal; font-size:120%}
#inputBoxLog dd{ float:left; width:60%; line-height:2em; padding:0.2em 0;}
#inputBoxLog dd input{ width:95%; font-size:140%; line-height:1.4em; height:2.0em;  border:none; border-left:#999 dotted 1px; padding-left:5%;}
#inputBoxLog .udBar{ border-bottom:#000 solid 2px;}

#submit_buttonLog{ display:block; width:80%; background:#000; color:#FFF; text-align:center; font-size:120%; padding:0.4em 0; border:none; margin:0 auto 0.5em auto; border-radius:5px;}

#addTxtBox,
#addTxtBox2{ width:80%; margin:10px auto;}
#addTxtBox p{ border-bottom:#999 dotted 1px; line-height: 1.2em; padding-bottom:4px; margin-bottom:6px;}
#addTxtBox p span#tax{ font-weight:bold; color:#EC1E79;}
#messTxt{ color:#F00; line-height:40px; text-align:center; margin:0; padding:0;}


button.registrationLog {
	display: block;
    width:80%;
    border-radius:5px;
    background-color:#EC1E79;
    color:#fff;
    font-size:120%;
    border: none;
	padding:0.4em 0;
    margin: 0 auto 0.8em auto;
}



/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/

@media only screen and (max-width: 960px){

	#lrcImgBox{
		margin: auto auto auto 2%;
	}
	#lrcImgBox img{
		width: 100%;
    	height: auto;
	}

	.mainSectionLogInner{
		max-width: 480px;
		width: 100%;
	}
}

@media only screen and (max-width: 640px){


	#lrcImgBox img{
		width: 100%;
    	height: auto;
	}

	.mainSectionLogInner{
		max-width: unset;
		width: 100%;
	}
}