@charset "utf-8";
/*************************************************************
 *
 * Copyright (c) 2022 ysrock Co., Ltd.	<info@ysrock.co.jp>
 * Copyright (c) 2022 Yasuo Sugano	<sugano@ysrock.co.jp>
 *
 * Version	: 1.0.0
 * Update	: 2022.09.14
 *
 *************************************************************/



/**************************************************
 *
 * フォーム：共通
 *
 **************************************************/
body > form{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:#fff;
	border-style:solid;
	border-color:#dadce0;
	text-align:center;
}
body > form > h2{
	font-weight:normal;
}
body > form > div.theme_textbox_wrap{
	width:100%;
}
body > form.simple > div.theme_textbox_wrap{
	display:none;
}
body > form > div.theme_textbox_wrap > ul{
	width:100%;
}
body > form > div.theme_textbox_wrap > ul > li > input{
	width:100%;
}
#save_label{
	display:block;
	user-select:none;
	position:relative;
}
#save_label > input{
	position:absolute;
	right:0;
}
body > form > button{
	width:100%;
}
body > form > a{
	display:block;
}

form.simple > #save_label{
	display:none;
}
form.simple > a.forget{
	display:none;
}
body > form.simple > div.other{
	display:inline-block;
	width:initial;
	color:#0000f0;
	cursor:pointer;
}

@media print, screen and (min-width: 1025px){
	/* px */

	body > form{
		width:450px;
		border-radius:8px;
		border-width:1px;
		padding:40px;
	}
	body > form > h1{
		font-size:30px;
	}
	body > form > h2{
		font-size:16px;
	}

	body > form > h2 + div.theme_textbox_wrap{
		margin-top:30px;
	}
	#save_label{
		margin-top:20px;
		line-height:30px;
	}
	body > form > button{
		margin-top:20px;
	}
	body > form > a{
		margin-top:20px;
		font-size:12px;
	}
	body > form > div.other{
		margin-top:20px;
		font-size:12px;
	}
}
@media print, screen and (min-width: 641px) and (max-width: 1024px){
	/* px/8.5 */

	body > form{
		width:52.6932vw;
		border-radius:0.9367vw;
		border-width:0.117vw;
		padding:4.6838vw;
	}
	body > form > h1{
		font-size:3.5128vw;
	}
	body > form > h2{
		font-size:1.8735vw;
	}

	body > form > h2 + div.theme_textbox_wrap{
		margin-top:3.5128vw;
	}
	#save_label{
		margin-top:2.3419vw;
		line-height:3.5128vw;
	}
	body > form > button{
		margin-top:2.3419vw;
	}
	body > form > a{
		margin-top:2.3419vw;
		font-size:1.4051vw;
	}
	body > form > div.other{
		margin-top:2.3419vw;
		font-size:1.4051vw;
	}
}
@media screen and (max-width: 640px){
	/* px/4 */

	body > form{
		width:112.5vw;
		border-radius:2vw;
		border-width:0.25vw;
		padding:10vw;
	}
	body > form > h1{
		font-size:7.5vw;
	}
	body > form > h2{
		font-size:4vw;
	}

	body > form > h2 + div.theme_textbox_wrap{
		margin-top:7.5vw;
	}
	#save_label{
		margin-top:5vw;
		line-height:7.5vw;
	}
	body > form > button{
		margin-top:5vw;
	}
	body > form > a{
		margin-top:5vw;
		font-size:3vw;
	}
	body > form > div.other{
		margin-top:5vw;
		font-size:3vw;
	}
}
/********** END フォーム：共通 ********************/




/**************************************************
 *
 * テンプレート
 *
 **************************************************/

@media print, screen and (min-width: 1025px){
	/* px */
}
@media print, screen and (min-width: 641px) and (max-width: 1024px){
	/* px/8 */
}
@media screen and (max-width: 640px){
	/* px/3.5 */
}
/********** END テンプレート ********************/