@charset "UTF-8";

*{
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN","Segoe UI", Verdana, "游ゴシック", YuGothic, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:15pt;
	text-decoration: none;
	color: #383838;
	font-size: 18pt;
	-webkit-text-size-adjust: 100% ;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/*-webkit-transform: translateZ(0px);*/　/* GPUアクセラレーションを効かすため */
	/*-webkit-box-sizing:inherit !important;*/
	-webkit-font-smoothing: antialiased;/* フォント見た目スムーズに */
	/*-moz-box-sizing:inherit !important;*/
	text-rendering: optimizeLegibility;/* テキスト詰める */
	/*box-sizing:inherit !important;*/
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}






html {
	text-align: center;
	width	: 100vw;
	overflow-x: hidden;
}
body {
	margin: 0px;
	/* width: 100vw; */
	/* height: 100vh; */
	width	: 100vw;
	min-width: 270px;
	text-align: left;
	opacity: 1;
	overflow-x: hidden;
}
section {

}

header{
	position	: fixed;
	top			: 0px;
	left		: 0px;
	width		: 100vw;
	height		: auto;
	background	: rgba(255,150,14,0.8);
	background	: rgba(255,255,255,0.8);
	background	: rgba(250,250,250,0.8);
	overflow	: hidden;
	z-index		: 9;
}
header + section {
	padding-top	: 60px;
}

footer {
	position: relative;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 30px;
	font-size: 10px;
	text-align: center;
}
@media screen and (max-width: 780px) {
	footer {
		font-size: 8px;
	}
}

[type='text'],[type='email'],[type='password'],[type='tel'],[type='number'],textarea{
	-webkit-user-select:auto;
	-webkit-touch-callout:auto;
	user-select:auto;
	touch-callout:auto;
}
img,input,button,span,textarea {
	display: inline-block;
	vertical-align:middle;
}
item {
	display: inline-block !important;
	vertical-align:middle !important;
}
p {
	display: inline;
}
a{
	cursor: pointer;
}
select,input,button,textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0px;
}
select::-ms-expand{
	display: none;
}
input::-ms-clear{
	visibility: hidden;
}
input::-ms-reveal {
	visibility: hidden;
}
:placeholder-shown{
	color: rgb(220,220,220); 
}
::-webkit-input-placeholder {
	color: rgb(220,220,220); 
}
:-moz-placeholder{
	color: rgb(220,220,220); 
}
::-moz-placeholder{
	color: rgb(220,220,220); 
}
:-ms-input-placeholder{
	color: rgb(220,220,220);
}
head,script{
	display: none;
}
/*
::-webkit-scrollbar {
	width: 17px;
	height: 17px;
	background: rgb(230,240,250);
}
::-webkit-scrollbar-thumb {
	background: rgb(200,220,240);
}
::-webkit-scrollbar-button {
	width: 17px;
	height: 17px;
	background: rgb(160,180,200);
}
::-webkit-scrollbar-corner {
	background: #ddd;
}
*/
ul {
	width: calc(100% - 20px);
	margin:10px 0px 10px 20px;
}
li {
	display: list-item;
	list-style-type: disc;
	line-height:25px;
	font-size: 10pt;
	text-align:left;
}

[class="pc_br"] {
	width:100%;
	display: block;
}
@media screen and (max-width: 780px) {
	[class="pc_br"]{
		width: auto;
		display: inline-block;
	}
}

[class="back_top"] {
	position: fixed;
	bottom: 0px;
	right: 0px;
	cursor:pointer;
	display:none;
	z-index:100;
}
[class="back_top"]>img {
	width:50px;
	opacity:0.9;
}
[class="allcnt"]{
	font-size: 18pt;
	top: -5px;
	font-weight: 600;
	margin: 0px 10px;
	color:#dc143c;
}
[class="allcnt_bottom"] {
	width:100%;
	font-size:13pt;
	margin:0px 10px 10px 10px;
}
[class="allcnt_bottom"]>span {
	top:-4px;
	font-size:13pt;
	margin:0px 5px;
	color:#dc143c;
}
[class="next"] {
	cursor: pointer;
	margin: 30px auto 0px;
	font-size: 15pt;
	line-height: 60px;
	width: 280px;
	height: 60px;
	text-align: center;
	background-color: #ffffff;
	border: solid 1px rgb(70,70,70);
	font-size:0;
	transition: background-color 0.1s;
	float:none;
	/* -moz-border-radius: 10px; */
	/* -webkit-border-radius: 10px; */
	/* border-radius: 10px; */
}
[class="next"]::before{
	content			: '　';
	display			: inline-block;
	position		: absolute;
	top				: calc(50% - 3px);
	transform		: translate(-20px,-50%) rotate(-45deg);
	width			: 10px;
	height			: 10px;
	border-left		: solid 1px rgb(0,0,0);
	border-bottom	: solid 1px rgb(0,0,0);
}
[class="next"]:hover,[class="next"]:focus{
	background-color: rgb(70,70,70);
}
[class="next"]:hover::before,[class="next"]:focus::before{
	border-color	: #fff;
}
[class="next"]:hover>*,[class="next"]:focus>*{
	color			: #fff;
}
@media screen and (max-width: 780px) {
	[class="next"]{
		margin-top: -10px;
		width: 240px;
		/*
		height: 100px;
		padding: 50px 0 0 0;
		*/
	}
}
[class="next"]>label{
	display: inline-block;
	letter-spacing: 0px;
	line-height: 60px;
	font-size: 15pt;
	transition: color 0.1s;
	/*
	font-size: 18pt;
	color:#dc143c;
	margin:-10px 5px 0px 5px;
	font-weight: 600;
	*/
}
[class="next"]>span{
	letter-spacing: 0px;
	line-height: 60px;
	font-size: 15pt;
	vertical-align: baseline;
	transition: color 0.1s;
	/*
	font-size: 18pt;
	color:#dc143c;
	margin:-10px 5px 0px 5px;
	font-weight: 600;
	*/
}

[class="str"] {
	margin-left:5px;
	font-size:11pt;
}
@media screen and (max-width: 780px) {
	[class='str']{
		font-size:11pt;
	}
}
[class="list_patern0"]>li {
	list-style-type: none;/* リストなし */
	line-height:15px;
}
[class="list_patern0"]>li>span {
	font-size: 10pt;
	top: -2px;
	margin-right: 10px;
	font-weight:400;
}

[class="list_patern1"]>li {
	list-style-type: disc;/* 黒丸 */
}
[class="list_patern1"]>li>span {
	font-size:13pt;
	font-weight:400;
}
[class="list_patern2"] {
	width: calc(100% - 30px);
	margin: 10px 0px 10px 30px;
}
[class="list_patern2"]>li {
	list-style-type: upper-alpha;/* アルファベット */
	font-size: 13pt;
	color:#dc143c;
}
[class="list_patern3"]>li {
	list-style-type: circle;/* 白丸 */
}
[class="list_patern4"]>li {
	list-style-type: decimal;/* 数字 */
}
[class="pass_change"] {
	position: relative;
	width: 25px;
	top: -5px;
	left: -10px;
	transform	: translateX(-100%);
	padding: 7px;
	cursor: pointer;
}
[id="fixed_bg"] {
	background-repeat: repeat;
	background-attachment: fixed;
	/*background-color: #efefef;*/
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
[data-fixed="on"] {
	position: fixed !important;
	width: 100% !important;
	height: 120% !important;
}

[data-alert="on"] {
	background: rgb(255,240,240);
	/*border-color:#dc143c !important;*/
}
[data-red="on"] {
	color:#dc143c;
}
[data-notifi="on"] {
	position: absolute;
	top: -20px;
	right: -10px;
	font-size: 12pt;
	text-align: center;
	font-weight: 600;
	background: rgba(220,20,60,0.9);
	color: #ffffff;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px;
}
[data-notifi="off"] {
	display:none;
}
[class="mark"] {
	float		: left;
	font-size	: 13pt;
	height		: 46px;
	line-height	: 46px;
	width		: 30px;
	text-align	: center;
}
@media screen and (max-width: 780px) {
	[class='mark']{
		font-size:10pt;
	}
}
[class="mark_ymd"] {
	font-size:13pt;
	top: -5px;
	margin-left: 10px;
}
@media screen and (max-width: 600px) {
	[class='mark_ymd']{
		width:calc(100% - 300px);
		font-size:10pt;
	}
	[class='normal_select_ad_yyyy']:nth-child(4){
		margin-left			: calc(100% - 225px);
	}
}

[class="mark_ym"] {
	width: 20px;
	margin-left: 10px;
	font-size:13pt;
	top: -5px;
}
@media screen and (max-width: 780px) {
	[class='mark_ym']{
		width: 10px;
		margin-left: 5px;
		font-size: 10pt;
	}
}

[data-class="form_alert"] {
	clear:both;
	width:calc(100% - 15px);
	border-left:solid 5px #dc143c;
	background-color:#ffc0cb;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
	font-size:11pt;
	line-height:20px;
	text-align: left;
	z-index:2;
}
@media screen and (max-width: 780px) {
	[data-class='form_alert']{
		padding:10px;
		width: calc(100% - 25px);
	}
}

[class="g_title"] {
	font-size:25pt;
	margin: 0px 0px 0px 0px;
	text-align:center;
	border-bottom: dotted 1px rgb(0,0,0);
	clear: both;
}
@media screen and (max-width: 780px) {
	[class='g_title']{
		width: 100%;
		font-size:22pt;
	}
}
[class="g_sub_title"] {
	display: block;
	font-size:13pt;
	width:100%;
	margin:0px auto;
	line-height:60px;
}
@media screen and (max-width: 780px) {
	[class='g_sub_title']{
		font-size:11pt;
	}
}
[class="g_sub_title"]>img {
	width:25px;
	margin-right:5px;
	top:-4px;
}
[class="sm_line_left"] {
	width: 120px;
	float: left;
	font-size: 10pt;
	line-height: 45px;
	font-weight: 600;
}
@media screen and (max-width: 780px) {
	[class='sm_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
		line-height: 30px;
	}
}
[data-flex="on"]{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
[data-flex="on"] [data-flex-child="on"]{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
[class="g_line"] {
	margin-top:10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class="g_line_left"] {
	width: 130px;
	font-size: 11pt;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width: 780px) {
	[class='g_line_left']{
		width: calc(100% - 10px);
		margin-left:10px;
	}
}
[class="g_line_right"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media screen and (max-width: 780px) {
	[class='g_line_right']{
		margin-left:20px;
	}
}

[class="g_file_target"] {
	width:calc(50% - 30px);
	padding:10px;
	margin:10px 0px;
}
[class="g_file_target"][data-col="1"] {
	width:calc(100% - 30px);
}
@media screen and (max-width: 780px) {
	[class='g_file_target']{
		width:calc(100% - 30px);
	}
}

[class='loader_overlay'] {
	display: block;
	position: fixed;
	width:100%;
	height:120%;
	top: 0px;
	left: 0px;
	right:0px;
	bottom:0px;
	opacity:0.8;
	background: rgba(255,255,255,0.8);
	cursor: pointer;
	z-index: 999;
}
[id='loader']{
	margin: -180px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px;
	position: fixed;
	top:calc(50% - 50px/2);
	left:calc(50% - 50px/2);
}
[id='loader']{
	margin: 0px; /* gif画像を画面中央に */
	padding: 0px;
	position: fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
[id="loader_mes"] {
	display:block;
	font-size:10pt;
	color:#000000;
}
[class='message_area'] {
	display: block;
	position: fixed;
	top:65px;
	left:120px;
	right:120px;
	bottom:5px;
	background:rgb(255,255,255);
	padding:20px;
	overflow:hidden;
	z-index: 999;
}
@media screen and (max-width: 750px) {
	[class='message_area']{
		top:10px;
		left:10px;
		right:10px;
		bottom:10px;
	}
}
[class='message_area'][data-size='s'] {
	top:200px;
	left:200px;
	right:200px;
	bottom:200px;
}
@media screen and (max-width: 750px) {
	[class='message_area'][data-size='s']{
		top:150px;
		left:10px;
		right:10px;
		bottom:150px;
	}
}
[class='message_overlay'] {
	display: block;
	position: fixed;
	width:100vw;
	height:100vh;
	top: 0px;
	left: 0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	z-index: 998;
}
[id='msgbox_top']{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	padding:5px;
	height: 50px;
	text-align:center;
	font-size:16pt;
}
[id='msgbox_top_center'] {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	margin: 0px auto;
	padding-top: 20px;
	vertical-align: middle;
	font-size: 13pt;
	color: rgb(255,255,255);
	z-index: 999;
	background-color: #000000;
}
[id='msgbox_top_right'] {
	position: absolute;
	top: 10px;
	right: 10px;
	vertical-align: middle;
	cursor: pointer;
	z-index: 2;
}
[id='msgbox_middle']{
	position: absolute;
	top: 55px;
	left: 0px;
	right: 0px;
	width: calc(100% - 20px);
	height: calc(100% - 160px);
	bottom: 80px;
	margin: 10px;
	text-align: center;
	background-color: rgb(255, 255, 255);
	border-radius: 10px;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch !important;　/* 慣性スクロール */
}
[id='msgbox_str']{
	display: inline-block;
	padding: 20px 20px 0px 20px;
	width: calc(100% - 40px);
	max-width: 800px;
	line-height: 45px;
	font-size:15pt;
	color: rgb(120, 120, 120);
}
[id='msgbox_bottom']{
	position:absolute;
	left:0px;
	right:0px;
	bottom:40px;
	width:100%;
	height:30px;
	text-align:center;
}
[data-bottom='on'] {

}
@media screen and (max-width: 780px) {
	[data-bottom='on']{
		bottom: 0px;
		height: 80px !important;
	}
}
[class='msgbox_btn'] {
	padding				: 0px 10px;
	width				: auto;
	min-width			: 130px;
	max-width			: calc(50% - 20px);
	float: none;
	margin-left:20px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	z-index:2;
}
[class='msgbox_btn']:first-child {
	margin-left:0px;
}
[data-vibe1='on']{
	left:-3px !important;
	transition-duration: 0.1s !important;
}
[data-vibe2='on']{
	left:3px !important;
	transition-duration: 0.1s !important;
}
/*
[data-readonly='on'] {
	background: #efefef !important;
	border: solid 3px rgb(200,200,200) !important;
	color: rgb(77,77,77) !important;
	pointer-events: none !important;
	cursor:none !important;
}
*/
[id="g_top_logo"] {
	display: block;
	text-align: center;
	margin: 30px auto;
}
[id="g_top_logo"] {
	float	: left; 
	width	: calc(100% - 300px);
	width	: auto;
	height	: auto;
	display: block;
	text-align: left;
	margin: 0px 0px 0px 10px;
}
[id="g_top_logo"]>img {
	width: 200px;
}
[id="g_top_logo"]>span {
	margin-top			: 16px;
	line-height			: 44px;
	font-size			: 12px;
	color				: rgb(255,255,255);
	white-space			: nowrap;
}
[id="g_top_area"] {
	float				: right;
	margin				: 3px 30px 3px 10px;
	width				: auto;
	height				: 48px;
	display				: block;
	text-align			: left;
}
[id="g_top_area"]>span,[id="g_top_area"]>a {
	display				: block;
	width				: 100%;
	line-height			: 24px;
	font-size			: 14px;
	color				: rgb(255,255,255);
}
@media screen and (max-width: 400px) {
	/*
	[id="g_top_logo"] {
		width	: 100%;
		height	: 74px;
	}
	[id="g_top_logo"]>img{
		margin-top			: 5px;
		width: 140px;
	}
	*/
	/*
	[id="g_top_logo"]>span{
		margin-top			: 3px;
		margin-left			: 10px;
		display				: block;
		line-height			: 24px;
		font-size			: 10px;
	}
	*/
	/*
	[id="g_top_area"] {
		margin-top			: 0px;
		margin-bottom		: 6px;
		height				: 40px;
	}
	[id="g_top_area"]>span,[id="g_top_area"]>a {
		line-height			: 20px;
		font-size			: 12px;
	}
	*/
}
@media screen and (min-width: 401px) and (max-width: 780px) {
	/*
	[id="g_top_logo"] {
		width	: 100%;
		height	: 60px;
	}
	[id="g_top_logo"]>img{
		width: 120px;
	}
	[id="g_top_logo"]>span{
		font-size			: 10px;
	}
	[id="g_top_area"] {
		margin-top			: 0px;
		margin-bottom		: 6px;
		height				: 40px;
	}
	[id="g_top_area"]>span,[id="g_top_area"]>a {
		line-height			: 20px;
		font-size			: 12px;
	}
	*/
}
[class="main_title"] {
	clear:both;
	top:20px;
	width: calc(100% - 20px);
	padding: 13px 10px;
	margin-top:30px;
	margin-bottom:30px;
	border-top: 2px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(77,77,77);;
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
}
[class="search_title"]{
    padding: 13px 10px;
    margin-bottom: 30px;
    border-top: 2px solid rgb(0,0,0);
    border-bottom: 1px solid rgb(77,77,77);
    font-size: 18px;
    line-height: 25px;
}
@media screen and (max-width: 780px) {
	[class='main_title']{
		font-size: 15px;
		line-height:20px;
		margin-left: 0px;
	}
	[class="search_title"]{
		font-size: 15px;
		line-height:20px;
		margin-left: 0px;
	}
}
[class="main_title"]::after{
	content:' ';
	clear:both;
	width:100%;
}

[class="title_name"] {
	font-size: 20pt;
	top: -5px;
}

[class="img_title"] {
	position:relative;
	top:-2px;
	margin-right:5px;
	width:25px;
}

[class="atten_disp"] {
	width:auto;
	float:left;
	background-color:#dc143c;
	padding:2px 5px;
	margin:5px;
	font-size:12pt;
	color:#ffffff;
}
[class="atten_disp"]>span {
	top:-2px;
	font-size:8pt;
	color:#ffffff;
}














[data-name='select_add']{
	padding				: 8px 0px 8px 30px;
	opacity				: .7;
	line-height			: 30px;
}
[data-name='select_add'][data-select='off']{
	background			: url(../img/radio_o_off.svg) no-repeat;
	background-position	: left center;
	background-size		: 20px 20px;
}
[data-name='select_add'][data-select='off']:hover{
	opacity				: .9;
}
[data-name='select_add'][data-select='on']{
	background			: url(../img/radio_o_on.svg) no-repeat;
	background-position	: left center;
	background-size		: 20px 20px;
	font-weight			: 600;
	opacity				: 1;
}


[class='msg_panel']{
	display				: block;
	position			: fixed;
	top					: 70px;
	left				: 50vw;
	transform			: translateX(-50%);
	width				: calc(100vw - 20px);
	max-width			: 800px;
	height				: 40vh;
	/*box-shadow			: 0px 0px 10px rgba(143,152,160,.6);*/
	border-radius		: 4px;
	opacity				: 0;
	z-index				: -1;
	transition			: opacity 0.6s, z-index 0.6s;
}
[class='msg_panel'][data-view='on']{
	z-index				: 10;
	opacity				: 1;
}
[class='msg_panel']>label{
	display				: block;
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%,-50%);
	width				: calc(100% - 40px);
	height				: auto;
	text-align			: center;
}





[class='list_file_dl']{
	width				: 100%;
	height				: 30px;
	line-height			: 30px;
	font-size			: 14px;
	margin-bottom		: 0px;
	background-color	: rgb(200,200,200);
	background-color	: transparent;
	color				: rgb(60,60,60);
}


@media screen and (max-width: 780px){
	[class='list_file_dl']{
		margin-top: -6px;
	}
}









[id='download_wall']{
	position			: fixed;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%,-50%);
	width				: 160vw;
	height				: 160vh;
	background			: rgba(48,73,89,.6);
}
[id='download_wall']>svg{
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%,-50%);
	width				: 10vw;
	height				: 10vw;
	opacity				: .6;
}



[id='download_prg']{
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%,-50%);
	width				: 100%;
	max-width			: 800px;
	height				: 16px;
	border-radius		: 8px;
	background			: rgb(200,200,200);
	opacity				: .6;
}
[id='download_prg']>var{
	width				: 0%;
	height				: 16px;
	border-radius		: 8px;
	background			: rgb(0,150,255);
	opacity				: .9;
}