@charset "UTF-8";

/****************** 共通部分 ******************/
div.notfound {
    margin: 30px;
}

img.nrrheum_header_logo {
    width: 100%;
}

div.content-body .content-body{
	padding: 0!important;
}


/****************** ポップアップ ******************/
#nrrheum-confirm-popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 15;
    /*position: fixed;*/
    /*border-radius: 5px;*/
    /*min-height: 400px;*/
    /*border: 5px solid #fff;*/
    /*box-shadow: rgba(51, 51, 51, 0.3) 0px 0px 5px 3px;*/
    /*width: 600px;*/
    /*max-width: 90%;*/
    /*overflow-y: auto;*/
    /*min-height: 0;*/
    /*max-height: 80vh;*/
    /*top: 50%;*/
    /*left: calc(50% - 125px);*/
    /*transform: translate(-50%, -50%);*/
    /*background: #fff;*/
}
#nrrheum-confirm-popup .modal-popup{
  width: 100%;
  max-width: 600px;
  border-radius: 5px;
  box-shadow: rgba(51, 51, 51, 0.3) 0px 0px 5px 3px;
  padding: 5px;
  box-sizing: border-box !important;
  overflow-y: auto;
}

.modal-popup-main > dl {
    background: linear-gradient(to bottom, #ffffff, #f5f5f5);
    box-shadow: 0px 0px 5px 0 #999999;
    border: #999999 !important;
    padding: 0 !important;
}

.modal-popup-main > dl > a {
    padding: 10px 15px;
    display: block;
}

/****************** tablet ******************/
@media screen and (max-width: 959px){
    #nrrheum-confirm-popup {
        left: 50%;
    }
    ul.footer_buttons {
        text-align:center;
    }
}



/****************** print ******************/
@media print{
}

p.nrrheum_titile_image img {
    width:100%;
}

p.nrrheum_title_image+p {
    margin-bottom: 20px !important;
}

.nrrheum_button_area p {
    max-width: 375px;
    margin: 0 auto 40px !important;
    font-size:120%;
    border-radius: 5px;
    text-align: center !important;
	background: #bc897b url("../images/dc_a_nrrheum.png") no-repeat right center;
}

.nrrheum_button_area p:hover{
    opacity:0.8;
}

.nrrheum_button_area p .show-confirm {
    color: #FFF;
	font-weight:bold;
	text-decoration:none;
    display: block;
    padding: 20px 40px 20px 20px;
    cursor: pointer;
}

.nrrheum_button_area p .show-confirm span {
    color: #FFF !important;
}

.nrrheum_service_area dl {
    border: 1px solid #aba8a8;
    padding: 15px 20px;
    margin-bottom: 30px;
}

.nrrheum_service_area dl dt {
    font-weight: bold;
    font-size: 120%;
	margin-bottom:7px;
}

.nrrheum_button_info {
	width : 98% ;
	width : -webkit-calc(100% - 34px) ;
	width : calc(100% - 34px) ;
	margin:0 auto 20px;
	padding:15px;
	box-shadow:0px 0px 3px 1px #f9a400;
}

#main .nrrheum_button_info p {
    width: 83%;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
	text-indent:-1em;
	padding-left:1em;
	display:table;
	margin:0 auto;
}

#main #nrrheum_content_main {
	padding: 30px 30px 15px;
}

#nrrheum_content_main .nrrheum_mag_image {
	float: right;
	max-width: 25%;
}

#nrrheum_content_main .nrrheum_mag_image img {
	max-width: 100%;
}

#nrrheum_content_main .mrrheum_what{
	font-weight: bold;
	padding-bottom: 10px;
}

#nrrheum_content_main .overview {
	float:left;
	width:100%;
	max-width: 75%;
	margin-bottom: 15px;
}

#nrrheum_content_main .login {
	clear: left;
	font-weight: bold;
	width:100%;
	max-width: 75%;
}

#nrrheum_content_main .mvp-login,
#nrrheum_content_main .new-entry{
	float:left;
	text-align: center;
	width:100%;
	max-width: 500px;
    margin: 0 auto 15px;
}

#nrrheum_content_main p.new-entry{
	max-width: 100%;
    text-align: left;
}

#nrrheum_content_main .mvp-login a,
#nrrheum_content_main .new-entry a{
	clear: left;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding:7px;
    margin: 0 0 15px 0;
	max-width: 300px;
    width: 100%;
	display: inline-block;
	border-radius: 5px;
	box-sizing: border-box;
}

#nrrheum_content_main .mvp-login a:hover,
#nrrheum_content_main .new-entry a:hover{
	opacity: 0.8;
}

#nrrheum_content_main .mvp-login a{
	background: #4284c0;
}

#nrrheum_content_main .new-entry a {
	background: #fe7600;
}

.nrrheum_service_area{
	clear: both;
}


@media screen and (max-width: 639px){
	#main #nrrheum_content_main {
	    padding: 30px 0 10px;
	}
	#nrrheum_content_main p.new-entry{
		text-align: left;
	}
	div.content-body .content-body{
	padding: 0!important;
}

}

@media screen and (max-width: 480px) and (min-width: 0px){
	.nrrheum_button_area p .show-confirm{
		padding: 35px 30px 35px 15px!important;
	}

	#nrrheum_content_main .overview {
	    float: none;
	    max-width: 100%;
	}

	#nrrheum_content_main .nrrheum_mag_image {
	    float: none;
	    max-width: 100%;
	    text-align: center;
	}
	#nrrheum_content_main .login {
	    max-width: 100%;
	}
}

@media screen and (max-width: 350px) and (min-width: 0px){
	.nrrheum_button_area p .show-confirm{
		padding: 35px 25px 35px 8px!important;
	}
}