@charset "utf-8";

/*-----------------------------------
リセット
-----------------------------------*/
*{ margin: 0;padding: 0;}
a { text-decoration : none;}
ul, ol { list-style : none;}
img { vertical-align : middle;border-style:none;}

/*-----------------------------------
基本設定
-----------------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
    color:#333;
	background-color:#FFF;
	text-align:center;
	font-size:14px;
	/*background-image:url(../images/back.png);*/
}
#wrap a { 
	opacity: 1;
	transition: 0.4s;
}
#wrap a:hover { 
	opacity: 0.6;
	transition: 0.4s;
}
@media screen and (max-width: 700px) {
#wrap a:hover { 
	opacity: 1;
	transition: 0.4s;
}
}

.nc:hover { 
	opacity: 1!important;
}

@media screen and (min-width: 701px) {
.sp {display: none!important}
}
@media screen and (max-width: 700px) {
.pc {display: none!important}
}

/*-----------------------------------
Contents
-----------------------------------*/
#wrap {
	text-align:center;
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;

}
#wrap img {
	width:100%;
}

.usr_head {
	display: flex;
	width: 100%;
	margin: 0 auto;
}
.usr_head a {
	width: auto!important;
	max-width: 100%;
	max-height: 240px;
}


.mov_area,.mov_area2 {
	display: flex;
}
.mov_area a,.mov_area2 a {
    width: auto!important;
	max-width: 100%;
	max-height: 9000px;
}




.m_po:hover {
	cursor: pointer;
}

.user_entry,.user_entry2 {
	position: relative;
}
.user_entry div,.user_entry2 div {
	display: flex;
	justify-content: space-between;
	width: 75%;	
	position: absolute!important;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.user_entry div {
	top: 0.8%;
}
.user_entry2 div {
	top: 22%;
}

.user_entry a,.user_entry2 a {
	width: 50%!important;
}

@media screen and (max-width: 700px) {
.user_entry div,.user_entry2 div {
	display: block;
	width: 60%;	
}
.user_entry a,.user_entry2 a {
	width: 100%!important;
}
.user_entry2 div {
	top: 9%;
}
}


/*-----------------------------------
Footer
-----------------------------------*/
#copyright {
	font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
	text-align:center;
	font-size:12px;
	letter-spacing:0.08em;
	font-weight: 500;
	width:100%;
	color:#000;
	padding: 5% 0;
}

/*-----------------------------------
issue popup
-----------------------------------*/
.popup_back {
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
	overflow-y :scroll;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1098;
	padding: 60px 20px;
	box-sizing: border-box;
	display: none;
}
.pop_close {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
.pop_close img {
	width: 100%;
}
@media screen and (max-width: 640px) {
.pop_close {
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
}
}
.popup_conts {
	display: flex;
	vertical-align: middle;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.popup_conts video,.popup_conts_b video {
	width: 100%;
	max-width: 900px;
}