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

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
#hdCont h1{ font-size: 38px; }
#hdCont h1 small{ display: inline-block; margin:0 0 0 10px; font-size: 22px; }

#hdCont .page-header,
#hdCont .page-header h1{ margin-top: 0;}

#footer{ margin-top: 0!important;}


/* hdCont
**********************************************************************/
/* navbar */
.navbar{ font-size: 14px; }

.navbar-collapse{ padding-left: 0; padding-right: 0;}
.navbar-nav{ margin:0; }
.navbar-nav.navbar-right:last-child{ margin-right: 0;}

.nav > li > a{ padding: 14px 30px; transition: background 0.3s ease-in-out 0s;}


/* notentry */
#notentry{ margin:0 10px;}
#notentry > div{ padding:25px; line-height: 1.75; border: none; }
#notentry h4{ margin:0 0 14px; font-size: 20px; font-weight: bold; line-height: 1.6; letter-spacing: 1px;}

#notentry .txt{ position: relative;}
#notentry .txt p{ font-size: 14px;}
#notentry .txt a{ display: block; width: 200px; padding:14px 10px 12px; margin:20px auto 0; font-size: 16px; border: none; border-radius: 4px; transition: background 0.3s ease-in-out 0s;}


/* notuse */
.redBox01 { background: #fffdf0; border: 1px solid #e80000; border-radius: 4px;}
.redBox01 dt { background: #e80000; padding: 5px 0 3px; font-size: 15px; color: #fff; text-align: center; letter-spacing: 1px; }

/* gmo_footer */
.gmo_footer{ position: relative; z-index: 99999999999;}
.gmoGroupFooter_logo{ width: 175px;}
.gmoGroupFooter_text{ width: 438px;}
@media print, screen and (max-width:768px){
	.gmoGroupHeader{ position: relative; z-index: 99999999999;
  }
}

.security_ft{ background: white; padding: 0 10px; position: relative; z-index: 99999999999;}
.security_ft .wrap{ max-width: 1040px; padding: 20px 0 40px; margin: 0 auto;}
.security_ft .security__logo{ display: block; width: 200px; margin: 0 auto 14px;}
.security_ft .seal_gmo{ display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.security_ft #csi_siteseal_tag,
.security_ft #brs_siteseal_tag{ display: block; width: 100px; margin-left: 10px;}
@media only screen and (min-width:769px) {
	.security_ft .security__logo{ margin: 0 0 14px 10px;}
}
@media print, screen and (max-width:768px){
	.gmoGroupHeader{
		z-index: 99999999999;
	}
	.gmoGroupHeader_secCont {
		margin-bottom: 0;
	}
}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){

	/* hdCont
	**********************************************************************/
	/* notentry */
	#notentry .txt p{ padding:0 32% 0 0; }
	#notentry .txt a{ margin:0; position: absolute; bottom: 0; right: 0;}

	}


		/*************************************************************************************************************************
		* 980px以上用の記述
		*************************************************************************************************************************/
@media print, screen and (min-width:980px){

	#hdCont .page-header{ margin-top: 50px!important;}
	#hdCont h1{ letter-spacing: 1px;}

	#footer{ margin-top: 80px!important;}
}