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

body{
	-webkit-text-size-adjust: 100%;
	background-image:url(css_img/bgSubImg.png);
	background-size:110%;
	background-position:right 50px;
	background-repeat:no-repeat;
	/*background-color:#e6ebf8;*/
	background-color:#ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4090c3+0,61c0fc+51 */
	/*background: #e6ebf8;
	background: -moz-linear-gradient(45deg, #e6ebf8 73%, #c6d7fd 100%);
	background: -webkit-linear-gradient(45deg, #e6ebf8 73%,#c6d7fd 100%);
	background: linear-gradient(45deg, #e6ebf8 73%,#c6d7fd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ebf8', endColorstr='#c6d7fd',GradientType=1 );*/
	background-attachment:fixed;
	min-height:100%;
	font-size:14px;
	position:relative;
}
/*body.password_reset {
	background-position:right top;
}*/
body::before{
	content:"";/**/
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	right:0;
	bottom:0;
	background:url(css_img/bgBody_b2.svg);
	background-size:3100px;
	mix-blend-mode:soft-light;
	background-blend-mode:soft-light;
	opacity:0.4;/**/
	z-index:-1;
}

a {
	color:#4a7ff8;
}
#contents .blockDef .frame a {
	color:#fff;
}
#contents .blockDef .frame a:hover {
	color:#8ffafe;
}
#contents .blockDef .frame .pagination a {
	color:#333;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color:#000;
	color:#fff!important;
}

img {
max-width:100%;
height:auto;
}

.row.pageRow{
	margin:0;
}


.well {
	background-color:rgba(255,255,255,0);
	border:none;
}

.zIndex2000 {
	z-index:2000;
}

.topNone {
	padding-top:0!important;
}

/*#movieRead（読み込み動画の表示）*/

#movieRead {
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);
	z-index:35;
}

#movieRead .parts {
	width:250px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-125px;
	margin-top:-125px;
	-webkit-perspective: 500px;
	perspective: 500px;
}



@-webkit-keyframes loading_01 {
 0% { -moz-transform:rotate( 0deg ); -webkit-transform: rotate( 0deg ); -o-transform:rotate( 0deg ); -ms-transform:rotate( 0deg ); transform:rotate( 0deg ); opacity:0.7;}
 50% { opacity:1;}
 100% { -moz-transform:rotate( 3600deg ); -webkit-transform: rotate( 3600deg ); -o-transform:rotate( 3600deg ); -ms-transform:rotate( 3600deg ); transform:rotate( 3600deg );  opacity:0.7;} 
}
@keyframes loading_01 { 
 0% { -moz-transform:rotate( 0deg ); -webkit-transform: rotate( 0deg ); -o-transform:rotate( 0deg ); -ms-transform:rotate( 0deg ); transform:rotate( 0deg ); opacity:0.7;}
 50% { opacity:1;}
 100% { -moz-transform:rotate( 3600deg ); -webkit-transform: rotate( 3600deg ); -o-transform:rotate( 3600deg ); -ms-transform:rotate( 3600deg ); transform:rotate( 3600deg );  opacity:0.7;} 
}

@-webkit-keyframes loading_02 {
 0% { -moz-transform:rotate( -90deg ); -webkit-transform: rotate( -90deg ); -o-transform:rotate( -90deg ); -ms-transform:rotate( -90deg ); transform:rotate( -90deg ); opacity:0.7;}
 50% { opacity:1;}
 100% { -moz-transform:rotate( 3510deg ); -webkit-transform: rotate( 3510deg ); -o-transform:rotate( 3510deg ); -ms-transform:rotate( 3510deg ); transform:rotate( 3510deg ); opacity:0.7;} 
}
@keyframes loading_02 { 
 0% { -moz-transform:rotate( -180deg ); -webkit-transform: rotate( -90deg ); -o-transform:rotate( -90deg ); -ms-transform:rotate( -90deg ); transform:rotate( -90deg ); opacity:0.7;}
 50% { opacity:1;}
 100% { -moz-transform:rotate( 3510deg ); -webkit-transform: rotate( 3510deg ); -o-transform:rotate( 3510deg ); -ms-transform:rotate( 3510deg ); transform:rotate( 3510deg ); opacity:0.7;} 
}

@-webkit-keyframes loading_03 {
 0% { -moz-transform:rotate( 0deg ); -webkit-transform: rotate( 0deg ); -o-transform:rotate( 0deg ); -ms-transform:rotate( 0deg ); transform:rotate( 0deg ); opacity:0.7;}
 50% { opacity:1;}
 100% { -moz-transform:rotate( 7200deg ); -webkit-transform: rotate( 7200deg ); -o-transform:rotate( 7200deg ); -ms-transform:rotate( 7200deg ); transform:rotate( 7200deg );  opacity:0.7;} 
}
@keyframes loading_03 { 
 0% { -moz-transform:rotate( 0deg ); -webkit-transform: rotate( 0deg ); -o-transform:rotate( 0deg ); -ms-transform:rotate( 0deg ); transform:rotate( 0deg ); opacity:0.7;}
 50% { opacity:1;}
 100% { -moz-transform:rotate( 7200deg ); -webkit-transform: rotate( 7200deg ); -o-transform:rotate( 7200deg ); -ms-transform:rotate( 7200deg ); transform:rotate( 7200deg );  opacity:0.7;} 
}

#movieRead .parts li {
	position:absolute;
	left:50%;
	top:50%;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left top;
}

#movieRead .parts .p01 {
	background-image:url(css_img/loadParts01.svg);
	width:250px;
	height:250px;
	margin-left:-125px;
	margin-top:-125px;
	animation: loading_01 16s ease -4s infinite reverse forwards;
	-webkit-animation: loading_01 16s ease -4s infinite reverse forwards;
}
#movieRead .parts .p02 {
	background-image:url(css_img/loadParts02.svg);
	width:180px;
	height:180px;
	margin-left:-90px;
	margin-top:-90px;
	animation: loading_02 16s ease -3s infinite reverse forwards;
	-webkit-animation: loading_02 16s ease -3s infinite reverse forwards;
	-moz-transform:rotate( -90deg ); -webkit-transform: rotate( -90deg ); -o-transform:rotate( -90deg ); -ms-transform:rotate( -90deg ); transform:rotate( -90deg );
}
#movieRead .parts .p03 {
	background-image:url(css_img/loadParts03.svg);
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
	animation: loading_03 16s ease -5s infinite reverse forwards;
	-webkit-animation: loading_03 16s ease -5s infinite reverse forwards;
}


/*フォーム設定*/

input{}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="search"],
select,
.btn,
button,
textarea,
.form-control{
	-webkit-appearance:none;
	width:100%;
	padding: 0.65em 1em;
	border:none;
	box-sizing:border-box;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	/*box-shadow:3px 3px 15px rgba(0,0,0,0.3);*/
	box-shadow:0 0 9px rgba(0,0,0,0.3);
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
textarea,
select,
input[type="password"]{
	background:rgba(255,255,255,0.8);
	transition-property: background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{
	background:rgba(255,255,255,1);
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button{
	cursor:pointer;
	transition-property: background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
	/*background:rgba(0,0,0,1);*/
	background:#183e9c;
	color:#fff;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover{
	/*background:rgba(50,50,50,1);*/
	background:#666;
}
button {
white-space:normal!important;
}

.help-block {
	color:#c6d6ff;
}

/*テキストの種類*/
.text-muted {color:#333;}
.text-primary {color:#0050a9;}
.text-success {color:#5ff8ff;}
.text-info {color:#bffcff;}
.text-warning {color:#ffd98a;}
.text-danger {color:#ff5131;}

/*ボタンの色パターン*/
.btn-default{
	background:#333;
	color:#fff;
}
.btn-primary{
	background:#477bfc;
	color:#fff;
}
.btn-success{
	background:#5ff8ff;
	color:#0f868b;
}
.btn-info{
	background:#bffcff;
	color:#2b9499!important;
	font-weight:bold;
}
.btn-warning{
	background:#ffca5e;
	color:#fff;
}
.btn-danger{
	background:#ff9031;
	color:#fff;
}
.btn-link{
	background:#477bfc;
	color:#c6d6ff;
	font-weight:bold;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right:8px;
}
form dl,
.formtype dl,
form .form-group {
	padding:20px 0;
	border-bottom:solid 1px #c6d6ff;
}

.form-inline{
	margin-bottom:20px;
}
.form-inline .form-group{
	border:none;
	padding:0;
	margin-bottom:10px;
}

.form-group .col-lg-1,
.form-group .col-lg-10,
.form-group .col-lg-11,
.form-group .col-lg-12,
.form-group .col-lg-2,
.form-group .col-lg-3,
.form-group .col-lg-4,
.form-group .col-lg-5,
.form-group .col-lg-6,
.form-group .col-lg-7,
.form-group .col-lg-8,
.form-group .col-lg-9,
.form-group .col-md-1,
.form-group .col-md-10,
.form-group .col-md-11,
.form-group .col-md-12,
.form-group .col-md-2,
.form-group .col-md-3,
.form-group .col-md-4,
.form-group .col-md-5,
.form-group .col-md-6,
.form-group .col-md-7,
.form-group .col-md-8,
.form-group .col-md-9,
.form-group .col-sm-1,
.form-group .col-sm-10,
.form-group .col-sm-11,
.form-group .col-sm-12,
.form-group .col-sm-2,
.form-group .col-sm-3,
.form-group .col-sm-4,
.form-group .col-sm-5,
.form-group .col-sm-6,
.form-group .col-sm-7,
.form-group .col-sm-8,
.form-group .col-sm-9,
.form-group .col-xs-1,
.form-group .col-xs-10,
.form-group .col-xs-11,
.form-group .col-xs-12,
.form-group .col-xs-2,
.form-group .col-xs-3,
.form-group .col-xs-4,
.form-group .col-xs-5,
.form-group .col-xs-6,
.form-group .col-xs-7,
.form-group .col-xs-8,
.form-group .col-xs-9 {
	font-weight:700;
	margin-bottom:10px;
}

form dt,
.formtype dt {
	margin-bottom:15px;
}

form .formParts,
.formtype .formParts {
	padding:0 8px 15px 8px;
}

form h4,
.formtype h4 {
	font-size:1.13em;
	text-align:center;
	padding:20px 0 5px 0;
	font-weight:bold;
	color:#3DB1A5;
}

p.areaIntro,
p.areaIntro {
	font-size:0.87em;
}

/*ボタンの表示形式*/
a.btm{
	display:block;
	position:relative;
	padding:0.8em 1.8em;
	background:#314c8f;
	color:#fff;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

/*アラートの表記*/

.alert {
	margin-bottom:35px;
	color:#fff;
	font-size:0.91em;
	padding:10px 20px;
	border:solid 1px #fff;
	font-family: 'Josefin Sans', sans-serif;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
	text-align:center;
	margin-bottom:15px;
	font-size:1.12em;
}
#contents .blockDef .alert h2,
#contents .blockDef .alert h3,
#contents .blockDef .alert h4,
#contents .blockDef .alert h5,
#contents .blockDef .alert h6 {
	color:#fff;
}

.alert-success {
	background:#477bfc;
}
.alert-info {
	background:#bffcff;
	color:#28a9af;
}
.alert-warning {
	background:#ffca5e;
}
.alert-danger {
	background:#ff9031;
}

/*ページ説明テキスト設定*/

.introPage {
	margin-bottom:35px;
	color:#fff;
}
.introPage p {
	margin-bottom:15px;
	color:#333;
}


/*ボタン表示形式*/
.typeBtm01 {
	background:#FE8A34;
	font-size:0.87em;
}

.typePoint {
	margin:0;
	}
.typePoint dt {
	float:left;
	width:80px;
	font-size:0.87em;
}
.typePoint dd {
	font-weight:bold;
	font-size:1.35em;
	color:#FE8A34;
}

/*テーブル設定*/
/**/table,td,th{
	border-width:1px;
	border-color:#333;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	border-left-style:solid;
	border-top-style:solid;
	font-size:0.84em;
	box-sizing:border-box;
	width:100%;
}
th{
	text-align:center;
	background:#333;
	color:#fff;
}
td{
	background:#fff;
	color:#333;
}
th,td {
	padding:8px 10px;
	border-right-style:solid;
	border-bottom-style:solid;
}

td.text-right,
th.text-right {
	text-align:right;
}
td.text-center,
th.text-center {
	text-align:center;
}

.scrollTable{
	padding:35px 0 15px 0;
	position:relative;
}
.scrollTable .box {
	overflow-x:scroll;
}
.scrollTable .box::-webkit-scrollbar{
	display:none;
}
.scrollTable::before{
	content:"横にスクロールできます。→";
	position:absolute;
	left:0;
	top:1px;
	font-size:0.85em;
}
.scrollTable table{
	width:auto;
	min-width:100%;
}
.scrollTable th,
.scrollTable td{
	white-space: nowrap;
}

/*テーブル表示（『・・件中〜から〜まで表示』項目）*/
.listTableView {
	font-size:0.87em;
}
.listTableView p {
	color:#048F80;
	font-weight:bold;
}
.listTableView .pagination {
	margin:0;
}

.listTableView .pagination li {
	float:left;
	padding:0 2px;
}
.listTableView .pagination li a {
	display:block;
	padding: 0 10px;
	background:#999;
	color:#fff;
	height:30px;
	line-height:30px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	transition-property: background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
.listTableView .pagination li a:hover,
.listTableView .pagination li.active a {
	background:#3DB1A5;
	color:#fff;
	border:none;
}

/*テーブル項目の表示数（「・・・件表示」など）*/
.viewLengTable{
	margin-bottom:20px;
}
.viewLengTable select,
.viewLengTable input {
	float:left;
	width:auto;
	margin-right:10px;
	margin-top:-3px;
	margin-bottom:10px;
	padding:0.2em 1em 0.2em 1em;
}

.searchKey{
	margin-bottom:25px;
}
input[type="search"]{
	background-image:url(css_img/iconSearch.svg);
	background-repeat:no-repeat;
	background-position:7px center;
	background-size:25px;
	padding-left:35px;
}

select {
	background-image:url(css_img/markScrl.svg) !important;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:15px;
	padding-right:15px;
}


/**********************************************************
#header
**********************************************************/

#header,
.page-header {
position:fixed;
left:0;
top:0;
width:100%;
height:50px;
background:rgba(0,0,0,0.8);
z-index:30;
box-shadow:0px 0px 8px rgba(0,0,0,0.3);
border-bottom:#fff solid 1px;
}

h1 {
width:290px;
height:0;
padding:29px 0 0 0;
overflow:hidden;
background:url(css_img/siteID_2.svg) no-repeat left top;
background-size:100%;
/*background:#ccc;*/
margin:0 0 0 -145px;
line-height:1.5em;
position:absolute;
/*left:11px;*/
left:50%;
top:12px;
overflow:hidden;
font-size:1.3em;
font-family: 'Oswald', sans-serif;

}
h1 a{
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute;
	opacity:0;
}
h1,
h1 a {
color:#fff;
}

/*メニュー開閉ボタン*/
#btmOpenMenu {
    width: 40px;
    height: 34px;
		margin:0;
    padding: 11px 0 0 0;
    position: absolute;
    /*right: 8px;*/
		left:8px;
    top: 8px;
    background: rgba(0,0,0,0.3);
    cursor: pointer;
    border: solid 2px #ccc;
    box-sizing: border-box;
    overflow: hidden;
		opacity:1!important;
		border-radius: 8px;        /* CSS3草案 */  
		-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 8px;   /* Firefox用 */
		transition-property:background-color;
		transition-duration:0.3s;
		transition-timing-function:ease-in-out;
		transition-delay:0s;
}
#btmOpenMenu:hover {
	background-color:#32f3fccc;
}
#btmOpenMenu::before {
	content:"";
	display:block;
	top:3px;
	left:50%;
	line-height:34px;
	position:absolute;
	color:#fff;
	width:32px;
	padding:13px 0 0 0;
	margin:0 0 0 -16px;
	height:0;
	overflow:hidden;
	background:url(css_img/nameMenuView2.svg) no-repeat left top;
	background-size:100%;
}
#btmOpenMenu li.p01,
#btmOpenMenu li.p02 {
width:16px;
height:0;
position:absolute;
right:10px;
overflow:hidden;
padding-top:3px;
background:#ccc;
border-radius: 3px;        /* CSS3草案 */
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
-moz-border-radius: 3px;   /* Firefox用 */
transition-property: top,bottom,-moz-transform,-webkit-transform,-o-transform,-ms-transform,transform;
transition-duration:0.35s;
transition-timing-function:ease-in-out;
transition-delay:0s;
}
#btmOpenMenu li.p01 {
top:14px;
}
#btmOpenMenu li.p02 {
bottom:6px;
}


#btmOpenMenu.close li.p01 {
top:17px;
-moz-transform:    rotate( 45deg );  /* Firefox用 */
-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 45deg );  /* 古いOpera用 */
-ms-transform:     rotate( 45deg );  /* IE9用 */
transform:         rotate( 45deg );  /* CSS3の書き方 */
}
#btmOpenMenu.close li.p02 {
bottom:10px;
-moz-transform:    rotate( -45deg );  /* Firefox用 */
-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -45deg );  /* 古いOpera用 */
-ms-transform:     rotate( -45deg );  /* IE9用 */
transform:         rotate( -45deg );  /* CSS3の書き方 */
}

#header #iconUser {
position:absolute;
right:6px;
top:8px;
width:33px;
height:33px;
background:#ccf;
overflow:hidden;
border-radius: 38px;        /* CSS3草案 */
-webkit-border-radius: 38px;    /* Safari,Google Chrome用 */
-moz-border-radius: 38px;   /* Firefox用 */
}


#header #iconAlert,
#header #iconMail {
position:absolute;
top:20px;
z-index:10;
}
#header #iconAlert {
right:60px;
}
#header #iconMail {
right:95px;
}

#header #iconAlert .icon a,
#header #iconMail .icon a {
background:no-repeat left top;
background-size:100%;
display:block;
width:25px;
height:0;
overflow:hidden;
padding-top:25px;
}
#header #iconAlert .icon a{background-image:url("css_img/iconHeaderAlart.svg");}
#header #iconMail .icon a{background-image:url("css_img/iconHeaderAccess.svg");}

#header #iconAlert p,
#header #iconMail p {
font-family:monospace;
position:absolute;
border:solid 1px #fff;
top:-15px;
right:-16px;
color:#fff;
font-size:0.63em;
width:20px;
height:20px;
line-height:20px;
text-align:center;
border-radius: 20px;        /* CSS3草案 */
-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
-moz-border-radius: 20px;   /* Firefox用 */
}
#header #iconAlert p{background:#209e91;}
#header #iconMail p {background:#f00;}



/**********************************************************
#glNav
**********************************************************/

#glNav {
position:fixed;
top:50px;
background:rgba(0,0,0,0.8);
max-width:100%;
height:100%;
z-index:2500;
border-right:1px solid #999;
box-sizing:border-box;
font-size:0.87em;
transition-property: left;
transition-duration:0.35s;
transition-timing-function:ease-in-out;
transition-delay:0s;
}
#glNav,
#glNav a {
color:#fff;
}
#glNav a {
display:block;
padding:0.8em 1.8em 0.8em 35px;
transition-property: background-color;
transition-duration:0.35s;
transition-timing-function:ease-in-out;
transition-delay:0s;
position:relative;
text-decoration:none;
}
#glNav a::before {
content:"";
display:block;
position:absolute;
left:0.3em;
top:0.6em;
width:28px;
height:22px;
background-position:left top;
background-repeat:no-repeat;
background-size:100%;
opacity:0.8;
}
#glNav a:hover {
background:#477bfc;
}
#glNav li#menuMypage a::before {background-image:url("css_img/iconMenuMypage.svg");}
#glNav li#menuItemlist a::before {background-image:url("css_img/iconMenuItem.svg");}
#glNav li#menuCumulative a::before {background-image:url("css_img/iconMenuCumulative.svg");}
#glNav li#menuBynary a::before {background-image:url("css_img/iconMenuBynary.svg");}
#glNav li#menuPoint a::before {background-image:url("css_img/iconMenuPoint.svg");}
#glNav li#menuPointChange a::before {background-image:url("css_img/iconMenuPointChange.svg");}
#glNav li#menuAccount a::before {background-image:url("css_img/iconMenuAccount.svg");}
#glNav li#menuDocument a::before {background-image:url("css_img/iconMenuDocument.svg");}
#glNav li#menuQuestion a::before {background-image:url("css_img/iconMenuQuestion.svg");}
#glNav li#menuContact a::before {background-image:url("css_img/iconMenuContact.svg");}
#glNav li#menuLogout a::before {background-image:url("css_img/iconMenuLogout.svg");}
#glNav li#menuRealtimeMprice a::before {background-image:url("css_img/iconMenuArvGraf.svg");}

#glNav.show {
left:0 !important;
}

#glNav .inframe {
padding:15px 12px 55px;
overflow-y:scroll;
box-sizing:border-box;
height:100%;
}
#glNav .inframe::-webkit-scrollbar {
display:none;
}

#glNav ul {
margin:0;
padding:0;
}

#glNav li {
padding:5px 0 5px 0;
position:relative;
list-style:none;
-webkit-perspective: 500px;
perspective: 500px;
}

#glNav li .btmOpenSub {
border:solid 1px #fff;
border-left:none;
border-bottom:none;
width:9px;
height:9px;
display:block;
cursor:pointer;
position:absolute;
right:0;
top:1.25em;
-moz-transform:    rotate( 135deg );  /* Firefox用 */
-webkit-transform: rotate( 135deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 135deg );  /* 古いOpera用 */
-ms-transform:     rotate( 135deg );  /* IE9用 */
transform:         rotate( 135deg );  /* CSS3の書き方 */
transition-property:-moz-transform,-webkit-transform,-o-transform,-ms-transform,transform;
transition-duration:0.25s;
transition-timing-function:ease-in-out;
transition-delay:0s;
}
#glNav li .btmOpenSub.show {
-moz-transform:    rotate( 315deg );  /* Firefox用 */
-webkit-transform: rotate( 315deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 315deg );  /* 古いOpera用 */
-ms-transform:     rotate( 315deg );  /* IE9用 */
transform:         rotate( 315deg );  /* CSS3の書き方 */
}

#glNav li ul {
display:none;
padding-left:1em;
}
#glNav li ul.show {
display:block;
}

/**********************************************************
#footer
**********************************************************/

#footer {}

#footer h2 {
text-align:center;
font-size:0.83em;
color:#6f98ff;
}

#footer #scrollTop {
position:fixed;
right:5px;
bottom:5px;
z-index:2050;
}

#footer #scrollTop a {
display:block;
width:35px;
height:0;
overflow:hidden;
box-sizing:border-box;
padding:35px 0 0 0;
background:#477bfc;
border-radius: 35px;        /* CSS3草案 */
-webkit-border-radius: 35px;    /* Safari,Google Chrome用 */
-moz-border-radius: 35px;   /* Firefox用 */
}
#footer #scrollTop a::before {
content:"";
z-index:1;
position:absolute;
top:14px;
left:50%;
border:solid 2px #fff;
border-left:none;
border-bottom:none;
display:block;
width:14px;
height:14px;
margin:0 0 0 -7px;
-moz-transform:    rotate( -45deg );  /* Firefox用 */
-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -45deg );  /* 古いOpera用 */
-ms-transform:     rotate( -45deg );  /* IE9用 */
transform:         rotate( -45deg );  /* CSS3の書き方 */
}



/**********************************************************
#contents
**********************************************************/

#contents,
/*.panel-body,*/
form[action="/password_reset.php"] {
padding:70px 25px 25px;
}

#password_reset #contents{
	padding:0;
}

#contents h2 {
font-weight:bold;
font-size:1.38em;
margin:0 0 25px 0;
color:#4a7ff8;
}

#contents .blockDef {
	padding:35px 0;
	box-sizing:border-box;
	position:relative;
	transition-property:float width padding;
	transition-duration:0.25s;
	transition-timing-function:ease-in-out;
	transition-delay:0.5s;
}
#contents .blockDef.reset {
	padding-top:0;
}
#contents .blockDef .frame {
	position:absolute;/**/
	left:50%;
	top:50%;
	padding:15px 12px;
	margin:0;
	box-sizing:border-box;
	color:#fff;
	background:#4a7ff899;
	/*mix-blend-mode: multiply;
  background-blend-mode: multiply;*/
	opacity:0;
	box-shadow:0px 0px 15px rgba(0,0,0,0.3);
	box-sizing:border-box;
	/*overflow:hidden;*/
	border:solid 1px #d4e5ff;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px;   /* Firefox用 */
}
#contents .blockDef.reset .frame {
	position:relative;
	left:0;
	top:0;
	width:auto;
	height:auto;
	opacity:1;
	overflow:hidden;
}
#contents .blockDef .frame .modal-body {
	color:#333;
}

#contents .blockDef h3 {
font-weight:bold;
font-size:1.17em;
border-bottom:solid 1px #eee;
padding:8px 3px 8px 3px;
margin:0 0 15px 0;
}

#contents .blockDef p {
	padding:5px 0;
	font-size:0.98em;
}



#contents .blockDef h4 {
	font-weight:bold;
	color:#fff;
	padding-left:5px;
	font-size:0.98em;
}

.modal-backdrop.in {
	z-index:-2;
}


/**********************************************************************************************************
**********************************************************************************************************
 ウィンドウ幅が768px〜の場合に適用するCSS 
**********************************************************************************************************
*********************************************************************************************************/
@media screen and ( min-width:768px ){

	#contents .blockDef {
		padding:30px 20px;
	}

	.form-inline .btn,
	.form-inline  button{
		width:auto;
		margin-top:-6px;
	}

}


/**********************************************************************************************************
**********************************************************************************************************
 ウィンドウ幅が1200px〜の場合に適用するCSS 
**********************************************************************************************************
*********************************************************************************************************/
@media screen and ( min-width:1200px ){
	
	body{
		/*background-size:1120px;*/
		background-size:98%;
		background-position:right 50px;
	}

	.container {
		width:100%;
	}

}

/**********************************************
パスワードリマインダーページ
*********************************************/

.panel-heading {
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	color:#333;
}

.control-label {
	margin-bottom:8px;
	display:block;
}