@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
    background: #fffbef;
}
body {
	line-height: 1;
	color: #444444;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****************inview******************/
.threem_inview1{
	-webkit-transform: translate(-50px,200px);
	transform: translate(-50px,200px);
	transition: 1.0s;

	opacity: 0.0;
}
.threem_inview2{
	-webkit-transform: translate(50px,200px);
	transform: translate(50px,200px);
	transition: 1.0s;

	opacity: 0.0;
}
.threem_inview3{
	-webkit-transform: translate(0,100px);
	transform: translate(0,100px);
	transition: 0.5s;

	opacity: 0.0;
}
.threem_inview1_mv{
	transform: translate(0,0);
	-webkit-transform: translate(0,0);

	opacity: 1.0;
}
.threem_inview2_mv{
	transform: translate(0,0);
	-webkit-transform: translate(0,0);

	opacity: 1.0;
}
.threem_inview3_mv{
	transform: translate(0,0);
	-webkit-transform: translate(0,0);

	opacity: 1.0;
}


/****************Common******************/
img{
	border: 0;
	vertical-align: bottom;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all .5s linear;
}
a:hover{
	cursor: pointer;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
@font-face {
	font-family: "rounded";
	  src: url(../fonts/rounded.eot) format("eot"), url(../fonts/rounded.woff) format("woff");
}
@font-face {
	font-family: "rounded_black";
	  src: url(../fonts/rounded_black.eot) format("eot"), url(../fonts/rounded_black.woff) format("woff");
}
p{
	line-height: 1.8em;
	font-size: 1.3vw;
	letter-spacing: 0.05em;
	color: #000000;
}
#main {
    background: #fff3d5;
/*     overflow: hidden; */
}
.threem_maxwidth{
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
nav{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: #fffbef;
	filter: drop-shadow( 0px 5px 4px rgba(0,0,0,0.2));
	font-family: 'Candal', sans-serif;
	color: #f56800;
	z-index: 1000;
	height: 75px;
}
nav:after {
	background:
		linear-gradient(
			-35deg,
			transparent 33.333%,
			#fffbef 33.333%,
			#fffbef 66.667%,
			transparent 66.667%
		), linear-gradient(
			35deg,
			transparent 33.333%,
			#fffbef 33.333%,
			#fffbef 66.667%,
			transparent 66.667%
		);
	background-size: 25px 40px;
		/*content: "";
		height: 20px;
		position: absolute;
		left: 0;
		width: 100%;
		bottom: -20px;
		background:
			linear-gradient(135deg,#fff 10px ,transparent 0),
			linear-gradient(225deg,#fff 10px ,transparent 0);*/
	-webkit-transform: rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform: rotate(180deg);
}
/*#threem_enbtn{
	width: 230px;
	height: 75px;
	position: absolute;
	z-index: 10000;
	right: 0;
	top: 0;
	overflow: hidden;
	background: url(/hrm/dir/el-3minutes/src/images/en_btn_pc.png) no-repeat right 16%;
	background-size: cover;
}*/
#threem_enbtn img{
	width: 100%;
}
#threem_enbtn_sp{
	width: 13%;
	position: fixed;
	bottom: calc( 5% + 92px + 20px);
	right: 5%;
	/*display: none;*/
	z-index: 10000;
}
#threem_enbtn_sp img{
	width: 100%;
}
#threem_enbtn_sp.bottom{
	bottom: calc( 42% + 92px + 20px);
}
.threem_jaggedafter:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 20px;
	/*background-size: 25px 20px;*/
}

.threem_logo{
	/* max-width: 10%; */
	/* float: left; */
	display: inline-block;
	position: absolute;
	z-index: 1001;
	left: 10px;
	height: 100%;
}
.threem_logo img {
    height: calc(100% - 20px);
    display: block;
    width: auto;
    margin: 0;
    padding: 10px 0;
}
nav ul{
	/* float: right; */
	position: absolute;
	z-index: 1001;
	left: 120px;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	max-width: 630px;
}
nav li{
	margin: 0 0 0 30px;
	float: left;
	font-size: 24px;
	letter-spacing: 0.1em;
}
#threem_mv{
	margin: 0;
	padding: 0 0 0;
	width: 100%;
	min-height: 850px;
	display: block;
	background-image: url('/hrm/dir/el-3minutes/src/images/mainvisual_pc.jpg');
	background-size: cover;
	background-position: top 35px center;
	background-repeat: no-repeat;
}
#threem_mv .threem_maxwidth{
	position: relative;
}
h1{
	font-size: 2.5vw;
	/*max-width: 45%;*/
	line-height: 1.2em;
	letter-spacing: -0.03em;
	font-family: 'rounded_black';
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.threem_catch{
	position: absolute;
	/*left: 3%;*/
	left: 0;
	left: 6%;
	top: 140px;
}
.threem_sectionwrap{
	padding: 100px 0 120px 0;
}
.threem_jagged01{
	position: relative;
	background-size: auto auto;
	background-color: rgba(255, 235, 205, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(255, 243, 213, 1) 20px, rgba(255, 243, 213, 1) 40px );
	display: block;
}
.threem_jagged01:before{
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 12px;
	background-image: url(/hrm/dir/el-3minutes/src/images/bg_light.png);
	background-repeat: repeat-x;
}
h2{
	margin: 0 0 60px 0;
	font-family: 'Candal', sans-serif;
	color: #ff6c00;
	font-size: 4vw;
	text-align: center;
	letter-spacing: 0.1em;
}
h2 .threem_subttle{
	margin-top: 15px;
	font-size: 45%;
	display: block;
	font-family: "rounded";
	letter-spacing: 0.2em;
}
h2 .thressm_h2beforeafter{
	position: relative;
}
h2 .thressm_h2beforeafter:before{
	content: '';
	width: 77px;
	height: 85px;
	background-image: url(/hrm/dir/el-3minutes/src/images/h2_before.png);
	background-size: contain;
	background-position: left top;
	position: absolute;
	bottom: 0;
	left: -137px;
	background-repeat: no-repeat;
}
h2 .thressm_h2beforeafter:after{
	content: '';
	width: 77px;
	height: 85px;
	background-image: url(/hrm/dir/el-3minutes/src/images/h2_after.png);
	background-size: contain;
	background-position: left top;
	position: absolute;
	bottom: 0;
	right: -137px;
	background-repeat: no-repeat;
}
.threem_contentwrap{
	padding: 60px 40px;
	position: relative;
	display: block;
	background: #ffffff;
	border: 2px solid #FF6C00;
}
.orangechara:before{
	content: '';
	width: 85px;
	height: 76px;
	background-image: url(/hrm/dir/el-3minutes/src/images/orange_eguchi.png);
	background-size: contain;
	background-position: left top;
	position: absolute;
	top: -76px;
	left: 3%;
	background-repeat: no-repeat;
}
.orangechara:after{
	content: '';
	width: 50px;
	height: 76px;
	background-image: url(/hrm/dir/el-3minutes/src/images/orange_momo.png);
	background-size: contain;
	background-position: left top;
	position: absolute;
	top: -76px;
	right: 3%;
	background-repeat: no-repeat;
}
.yellowchara:before{
	content: '';
	width: 85px;
	height: 76px;
	background-image: url(/hrm/dir/el-3minutes/src/images/yellow_eguchi.png);
	background-size: contain;
	background-position: left top;
	position: absolute;
	top: -76px;
	left: 3%;
	background-repeat: no-repeat;
}
.yellowchara:after{
	content: '';
	width: 50px;
	height: 76px;
	background-image: url(/hrm/dir/el-3minutes/src/images/yellow_momo.png);
	background-size: contain;
	background-position: left top;
	position: absolute;
	top: -76px;
	right: 3%;
	background-repeat: no-repeat;
}
.threem_newstable{
	border: 0;
	line-height: 1.8em;
	font-size: 1.3vw;
	letter-spacing: 0.05em;
}
.threem_newstable th{
	padding: 0 30px 20px 0;
	font-weight: normal;
	color: #ff6c00;
}
.threem_newstable td p{
	padding: 0 0 0 1.8em;
	position: relative;
}
.threem_newstable td p.threem_news_icon1:before {
    content: "";
    border: 6px solid #ff6c00;
    border-radius: 10px;
    position: absolute;
    left: 8px;
    top: calc(1em - 2px);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.threem_newstable td a{
	/*background: url(/hrm/dir/el-3minutes/src/images/newwindow.png) no-repeat left top 4px;*/
	display: inline;
	position: relative;
	color: #ff6c00;
}
/*.threem_newstable td a:before{
	content: '●';
	display: block;
	position: absolute;
	color: #ff6c00;
	top: 0;
	left: 0;
}*/
.threem_jagged02{
	background-size: auto auto;
	background-color: rgba(255, 232, 176, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(255, 217, 191, 1) 20px, rgba(255, 217, 191, 1) 40px );
	position: relative;
}
.threem_jagged02:before{
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 12px;
	background-image: url(/hrm/dir/el-3minutes/src/images/bg_deep.png);
	backgroun-repeat: repeat-x;
}
#el_3m_intro h3{
	margin: 0 0 20px 0;
	text-align: center;
	color: #62aaff;
	font-size: 2.8vw;
	font-family: "rounded_black";
	font-weight: normal;
	letter-spacing: 0.08em;
	line-height: 1.2em;
}
#el_3m_intro h3 br{
	display: none;
}
.threem_intro{
	text-align: center;
}
.threem_h3big{
	font-size: 4vw;
}
.threem_h3small{
	font-size: 50%;
	color: #000000;
}
.threem_sub{
	margin: 0 0 20px 0;
	font-family: 'rounded_black';
	font-size: 1.8vw;
	font-weight: normal;
	color: #ff6c00;
	line-height: 1.5em;
}
.threem_intro{
	margin: 0 0 50px 0;
}
#el_3m_intro .threem_contentwrap{
	background-image:
		url(/hrm/dir/el-3minutes/src/images/phone01.png),
		url(/hrm/dir/el-3minutes/src/images/phone02.png),
		url(/hrm/dir/el-3minutes/src/images/eguchi_shape.png),
		url(/hrm/dir/el-3minutes/src/images/momo_shape.png);
	background-position:
		left 15% top 30%,
		right 15% top 10%,
		left 5% bottom 18%,
		right 5% bottom 5%;
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat;
}
.threem_intropp p{
	margin: 0 0 20px 0;
	font-family: 'rounded';
	font-size: 1.7vw;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: center;
}
.threem_intro_label{
	margin: 0 auto;
	display: block;
	text-align: center;
}
.threem_intro_label ul{
	margin: 0 auto;
}
.threem_intro_label li{
	margin: 0 5px 10px 5px;
	color: #ffffff;
	display: inline-block;
}
.threem_intropp p span {
	font-family: 'rounded_black';
	font-size: 3.2vw;
	font-weight: normal;
	color: #ff6c00;
	line-height: 1.5em;
	margin: 0 2px;
	letter-spacing: -0.02em;
}
.threem_story_red,
.threem_story_orange,
.threem_story_purple,
.threem_story_blue,
.threem_story_green{
	padding: 10px 25px 10px 25px;
	width: 116px;
	font-size: 1.0vw;
	letter-spacing: 0.08em;
	position: relative;
}
/*
.threem_story_red:before,
.threem_story_orange:before,
.threem_story_purple:before,
.threem_story_blue:before,
.threem_story_green:before{
	content: '★';
	width: 1.3vw;
	height: 1.3vw;
	display:block;
	position: absolute;
	color: #ffffff;
	font-size: 1.3vw;
	left: 10%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
*/
.threem_story_red{
	background: #ff5b5b;
}
.threem_story_orange{
	background: #ff953a;
}
.threem_story_purple{
	background: #b458ff;
}
.threem_story_blue{
	background: #5693ff;
}
.threem_story_green{
	background: #93ce5a;
}
/*
.threem_story_red{
	background: #ff0000;
}
.threem_story_orange{
	background: #ff8e2d;
}
.threem_story_purple{
	background: #8e03ff;
}
.threem_story_blue{
	background: #005cff;
}
.threem_story_green{
	background: #87c947;
}
*/
#el_3m_chara .threem_contentwrap{
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
.threem_profilemomo{
	padding: 30px 40px 60px 40px;
	overflow: hidden;
	position: relative;
	background: url(/hrm/dir/el-3minutes/src/images/bg_momo.png) no-repeat right top;
}
.threem_profilemomo.rei{
	padding-bottom: 30px;
}
.threesm_chara01, .threesm_chara02{
	overflow: hidden;
	position: relative;
}
#el_3m_chara .threesm_chara01:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 140%;
	height: 68%;
	margin: 3% -24% 0;
	background: #ffe4a2;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	z-index: 0;
}

.threem_profileeguchi{
	padding: 30px 40px 60px 40px;
	overflow: hidden;
	position: relative;
	background: url(/hrm/dir/el-3minutes/src/images/bg_eguchi.png) no-repeat left top;
}
.threem_profilemomo img{
	max-width: 70%;
}
.threem_charaname{
	z-index: 10;
	display: block;
	overflow: hidden;
	clear: both;
}
.threem_charaname p{
	/*margin-top: 15px;*/
	color: #ffffff;
	font-family: 'rounded_black';
	line-height: 1.3em;
	font-size: 3vw;
	font-weight: normal;
	float: right;
}
.eguchi .threem_charaname p{
	margin-top: 20px;
	float: left;
}
.threem_chara_img01{
	/*margin-top: 60px;*/
	clear: both;
	display: block;
	overflow: hidden;
}
.threem_chara_img02{
	/*margin-top: 100px;*/
	clear: both;
	display: block;
	overflow: hidden;
}
.threem_charadialog{
	/*margin: 30px 40px 0 0;*/
	clear: both;
	position: absolute;
	display: inline-block;
	float: right;
	right: 1em;
	top: 65%;
}
.threem_charadialog p{
	background-image: linear-gradient(transparent 68%, #ffffff 32%);
	font-family: 'rounded';
	color: #ff6c00;
	font-size: 2.2vw;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.6em;
	display: inline;
}
.threem_charadialog:before{
	content: '”';
	font-family: 'rounded';
	position: absolute;
	top: -20px;
	left: -20px;
	color: #ffffff;
	font-size: 4vw;
}
.threem_charadialog:after{
	content: '”';
	font-family: 'rounded';
	position: absolute;
	bottom: -3vw;
	right: -0.5em;
	color: #ffffff;
	font-size: 4vw;
}
.threem_profilemomo .threem_charadialog:after{
	right: 1em;
}
.threem_profilemomo.rei .threem_charadialog:after {
    right: 0;
}
.threem_profilemomo.rei .threem_charadialog{
	right: 2em;
	top: 47%;
}
.threem_charainfo{
	padding: 0 40px 60px 40px;
	font-size: 1.5vw;
	color: #424242;
	line-height: 1.7em;
	letter-spacing: 0.04em;
	position: relative;
}
.orangechara.eguchi:before, .orangechara.eguchi:after{
	display: none;
}
#el_3m_chara .threem_contentwrap{
	width: calc( 50% - 40px );
	/* float: left; */
}
#el_3m_chara .threem_contentwrap.eguchi{
	margin-top: 250px;
	margin-left: 60px;
	/* float: right; */
	position: relative;
}
.threem_contentwrap_outer{
	margin-top: -46px;
	padding-top: 76px;
	overflow: visible;
	display: block;
}
.threem_contentwrap_outer.second{
	margin-top: -230px;
	padding-top: 150px;
}
.threem_chara_img02 img{
	max-width: 60%;
	float: right;
}
#el_3m_chara .eguchi .threesm_chara02:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 140%;
	height: 70%;
	margin: -25% -15% 0;
	background: #ffe4a2;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	z-index: 0;
}
.eguchi .threem_charadialog{
	margin: 0;
	float: left;
	right: auto;
	left: 2em;
	top: 60%;
}
#el_3m_story h3, .threem_h3_momo, #el_3m_intro .threem_h3_momo{
	padding-top: 75px;
	margin-top: -75px;
	padding-bottom: 75px;
	margin-bottom: -40px;
	font-family: 'rounded';
	color: #000000;
	font-size: 2.3vw;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	line-height: 1.5em;
	text-align: left;
}
#el_3m_story h3 img, .threem_h3_momo img{
	margin-right: 15px;
	display: inline;
	vertical-align: middle;
}
#el_3m_story h3 span, .threem_h3_momo span{
	padding-right: 10px;
	background: #ffffff;
	position: relative;
	z-index: 2;
}
#el_3m_story h3:after, .threem_h3_momo:after{
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	display: block;
	top: calc( 50% - 1px );
	right: 0;
	background-size: auto auto;
	background-color: rgba(255, 108, 0, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 18px, rgba(255, 255, 255, 1) 18px, rgba(255, 255, 255, 1) 24px );
	z-index: 1;
}
.threem_storyvideo{
	width: 100%;
}
.threem_storyvideo img{
	max-width: 100%;
	display: block;
	height: 160px;
	width: auto;
	margin: 0 auto;
}
.threem_storyvideo.box_red{
	border: 2px solid #ff0000;
}
.threem_storyvideo.box_orange{
	border: 2px solid #ff8e2d;
}
.threem_storyvideo.box_purple{
	border: 2px solid #8e03ff;
}
.threem_storyvideo.box_blue{
	border: 2px solid #005cff;
}
.threem_storyvideo.box_green{
	border: 2px solid #87c947;
}
.threem_storyvideo.box_grey{
	border: 2px solid #8e8e8e;
}
.threem_video_wrapouter{
	margin: 0 -40px 0 -40px;
	padding: 40px 40px 0 40px;
	display: block;
	overflow: hidden;
}
.threem_video_wrapouter.comingsoon{
	padding: 0 40px;
}
#scat05{
	margin-bottom: 40px;
}
#story_anchor li{
	width: calc(( 100% - 72px ) / 5 );
}
#story_anchor .threem_story_red, #story_anchor .threem_story_orange, #story_anchor .threem_story_purple, #story_anchor .threem_story_blue, #story_anchor .threem_story_green{
	width: auto;
	font-size: 1.3vw;
	transition: all .5s linear;
	letter-spacing: 0em;
}
#story_anchor a{
	padding-bottom: 20px;
	display: block;
	position: relative;
}
#story_anchor a .threem_story_red:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: calc( 50% - 10px );
	border: 10px solid #ff5b5b;
	border-color: #ff5b5b transparent transparent transparent;
}
#story_anchor a .threem_story_orange:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: calc( 50% - 10px );
	border: 10px solid #ff953a;
	border-color: #ff953a transparent transparent transparent;
}

#story_anchor a .threem_story_purple:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: calc( 50% - 10px );
	border: 10px solid #b458ff;
	border-color: #b458ff transparent transparent transparent;
}

#story_anchor a .threem_story_blue:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: calc( 50% - 10px );
	border: 10px solid #5693ff;
	border-color: #5693ff transparent transparent transparent;
}
#story_anchor a .threem_story_green:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	left: calc( 50% - 10px );
	border: 10px solid #93ce5a;
	border-color: #93ce5a transparent transparent transparent;
}

#story_anchor .threem_story_red:hover, #story_anchor .threem_story_orange:hover, #story_anchor .threem_story_purple:hover, #story_anchor .threem_story_blue:hover, #story_anchor .threem_story_green:hover{
	cursor: pointer;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.threem_videomore_button{
	padding: 10px 0;
	width: calc( 100% - 30px );
	font-family: 'Candal', sans-serif;
	display: block;
	text-align: center;
	position: absolute;
	background: #ffffff;
	font-size: 1.3vw;
	bottom: 20px;
	left: 15px;
	transition: all .5s linear;
}
.threem_videomore_button:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 7px;
	right: 10px;
}
.threem_videomore_button.open:after{
	bottom: 15px;
}
.threem_videomore_button:hover{
	cursor: pointer;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.box_red .threem_videomore_button{
	color: #ff0000;
}
.box_red .threem_videomore_button:after{
	border: 7px solid #ff0000;
	border-color: #ff0000 transparent transparent transparent;
}
.box_red .threem_videomore_button.open:after{
	border-color: transparent transparent #ff0000 transparent;
}
.box_orange .threem_videomore_button{
	color: #ff8e2d;
}
.box_orange .threem_videomore_button:after{
	border: 7px solid #ff8e2d;
	border-color: #ff8e2d transparent transparent transparent;
}
.box_orange .threem_videomore_button.open:after{
	border-color: transparent transparent #ff8e2d transparent;
}
.box_purple .threem_videomore_button{
	color: #8e03ff;
}
.box_purple .threem_videomore_button:after{
	border: 7px solid #8e03ff;
	border-color: #8e03ff transparent transparent transparent;
}
.box_purple .threem_videomore_button.open:after{
	border-color: transparent transparent #8e03ff transparent;
}
.box_blue .threem_videomore_button{
	color: #005cff;
}
.box_blue .threem_videomore_button:after{
	border: 7px solid #005cff;
	border-color: #005cff transparent transparent transparent;
}
.box_blue .threem_videomore_button.open:after{
	border-color: transparent transparent #005cff transparent;
}
.box_green .threem_videomore_button{
	color: #87c947;
}
.box_green .threem_videomore_button:after{
	border: 7px solid #87c947;
	border-color: #87c947 transparent transparent transparent;
}
.box_green .threem_videomore_button.open:after{
	border-color: transparent transparent #87c947 transparent;
}
.box_grey .threem_videomore_button:after{
	border: 7px solid #000000;
	border-color: #000000 transparent transparent transparent;
}
.box_grey .threem_videomore_button.open:after{
	border-color: transparent transparent #000000 transparent;
}

.threem_videomore_button.open:before{
	content: "CLOSE";
	width: 50%;
	padding: 10px 0;
	background: #ffffff;
	text-align: center;
	left: 25%;
	font-size: 1.3vw;
	transition: all .5s linear;
	position: absolute;
	top: 0;
}
.threem_videomore p{
	display: none;
}
.threem_videotag{
	padding: 10px;
	width: 140px;
	position: absolute;
	color: #ffffff;
	font-size: 1.6vw;
	right: -15px;
	top: 195px;
	/* bottom: 0; */
	text-align: center;
}
.threem_videotag.red{
	background: #ff0000;
}
.threem_videotag.orange{
	background: #ff8e2d;
}
.threem_videotag.purple{
	background: #8e03ff;
}
.threem_videotag.blue{
	background: #005cff;
}
.threem_videotag.green{
	background: #87c947;
}
.threem_videotag.grey{
	background: #8e8e8e;
}
/*
.threem_videotag:before{
	content: '★';
	width: 0;
	height: 0;
	display:block;
	position: absolute;
	color: #ffffff;
	font-size: 1.6vw;
	width: 1.6vw;
	height: 1.6vw;
	left: 10%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
*/
.threem_videotag:after{
	content: '';
	width: 0;
	height: 0;
	display:block;
	bottom: -8px;
	right: 3px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);

}
.threem_videotag.red:after{
	border: 8px solid #a12d2d;
	border-color: transparent transparent #a12d2d transparent;
}
.threem_videotag.orange:after{
	border: 8px solid #ae580e;
	border-color: transparent transparent #ae580e transparent;
}
.threem_videotag.purple:after{
	border: 8px solid #490084;
	border-color: transparent transparent #490084 transparent;
}
.threem_videotag.blue:after{
	border: 8px solid #002a73;
	border-color: transparent transparent #002a73 transparent;
}
.threem_videotag.green:after{
	border: 8px solid #a12d2d;
	border-color: transparent transparent #2f6000 transparent;
}
.threem_videotag.grey:after{
	border: 8px solid #ae580e;
	border-color: transparent transparent #343434 transparent;
}

.threem_videodetail{
	padding: 20px 15px 70px 15px;
	color: #000000;
}
.box_red .threem_videodetail{
	background: #ffb5b5;
}
.box_orange .threem_videodetail{
	background: #ffd3ad;
}
.box_purple .threem_videodetail{
	background: #f1dbff;
}
.box_blue .threem_videodetail{
	background: #c6dcff;
}
.box_green .threem_videodetail{
	background: #dbf7be;
}
.box_grey .threem_videodetail{
	background: #e0e0e0;
}
.threem_director span {
    color: #8e8e8e;
    margin: 0 5px 0 0;
}
.box_red .threem_director span,
.threem_director.red span {
    color: #ff0000;
    margin: 0 5px 0 0;
}
.box_orange .threem_director span,
.threem_director.orange span {
    color: #ff8e2d;
    margin: 0 5px 0 0;
}
.box_purple .threem_director span,
.threem_director.purple span {
    color: #8e03ff;
    margin: 0 5px 0 0;
}
.box_blue .threem_director span,
.threem_director.blue span {
    color: #005cff;
    margin: 0 5px 0 0;
}
.box_green .threem_director span,
.threem_director.green span {
    color: #87c947;
    margin: 0 5px 0 0;
}
/*.box_red .threem_director span {
    color: #8e8e8e;
    margin: 0 5px 0 0;
}*/

.threem_videodetail_ttl{
	margin-bottom: 20px;
	font-family: 'rounded';
	font-size: 1.8vw;
	font-weight: bold;
	line-height: 1.4em;
	height: 90px;
	/*height: 160px;*/
}
.threem_videodetail_ttl span{
	font-size: 1.6vw;
}
.threem_videodetail p{
	margin-bottom: 1em;
	color: #000000;
	font-weight: normal;
}
.threem_videocap{
	margin: 0;
	padding: 0;
	width: auto;
	height: 160px;
	background: #adadad;
}
.threem_progress{
	margin: -10px 0 5% 0;
	font-size: 1.3vw;
	color: #666666;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.threem_director{
	letter-spacing: 0;
	font-weight: 600!important;
	color: #272727!important;
	text-indent: -1.3em;
	margin: 0 0 0 1.2em;
}
.threem_video_cattop{
	margin: 0 0 40px 0;
	display: block;
	text-align: right;
	clear:both;
	overflow: hidden;
}
.threem_nextseason{
	margin: 0 20px 20px 0;
	/*margin: 0 auto 20px auto;*/
	padding: 15px 15px;
	width: calc( (100% - 40px) / 3 - 4px - 30px );
	border: 2px solid #fff3d5;
	border-radius: 4px;
	float: left;
	/*float: none;*/
	background: url(/hrm/dir/el-3minutes/src/images/eguchi_shape.png) no-repeat calc(100% - 45px - 15px) 102%,   url(/hrm/dir/el-3minutes/src/images/momo_shape.png) no-repeat calc(100% - 15px) 102%;
	background-color: #fffdf9;
	background-size: 45px;
}
.threem_nextseason:nth-last-of-type(3n){
	margin-right: 0;
}
.threem_nextseason p{
	margin-bottom: 4%;
	font-size: 1.6vw;
	font-weight: bold;
	line-height: 1.4em;
	font-family: 'rounded';
	text-align: center;
	background: linear-gradient(
	transparent 50%,
	#ffd9bf 50%,
	#ffd9bf 90%,
	#ffd9bf 90%,
	#ffd9bf 90%
	);
}
.threem_nextseason ul{
	line-height: 1.8em;
	/* letter-spacing: 0.04em; */
	color: #000000;
}
.threem_nextseason ul li {
	margin: 0;
	padding: 0 0 0 1.5em;
	letter-spacing: 0.01em;
	/* font-size: 20px; */
	position: relative;
}

.threem_nextseason li:before{
    content: "●";
    margin: 0 2px 0 0;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.threem_nextseason .threem_cat_color1:before {
    color: #ff0000;
}
.threem_nextseason .threem_cat_color2:before {
    color: #ff8e2d;
}
.threem_nextseason .threem_cat_color3:before {
    color: #8e03ff;
}
.threem_nextseason .threem_cat_color4:before {
    color: #005cff;
}
.threem_nextseason .threem_cat_color5:before {
    color: #87c947;
}
.threem_nextseason .threem_cat_color6:before {
    color: #8e8e8e;
}
.div_foranchor{
	margin: -50px 60px 40px 0;
	padding-top: 50px;
	width: calc( 50% - 4px - 30px );
	float: left;
	position: relative;
}
.threem_storyvideo.new:after{
	content:'';
	margin: 0;
	padding:0;
	width: 78px;
	height: 78px;
	background: url(/hrm/dir/el-3minutes/src/images/newicon11.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 55px;
	left: 5px;
}
.div_foranchor:nth-child(2n){
	margin: -50px 0 40px 0;
}
.star_id{
	margin: 0;
	clear: both;
	overflow: hidden;
	/*top: 52px;
	left: 0;*/
}
.star_wrap{
	display: none;
	padding: 30px 15px 15px 15px;
	/*background: rgba(0,0,0,0.60);*/
	background: #fffbef;
	color: #000000;
	clear: both;
	overflow: hidden;
}
.threem_videodetail .star_wrap p{
	margin: 0;
	padding: 0 5px;
	display: block;
	text-align: center;
	font-size: 0.9rem;
	color:#ff0;
}
.star_wrap span{
	margin: 15px 0 0 0;
	display: inline;
	text-align: left;
	color: #000000;
}
.star_wrap p span{
	margin: 0  0 0 5px;
	font-size: 0.7rem;
	display: inline-block;
}
.result_left{
	width: 8em;
	float: left;
	display: inline-block;
	position: absolute;
	top: calc( 160px + 80px );
}
.star_wrap .result_left .ttl{;
	font-size: 0.9rem;
}
.star_wrap .result_left .ttl span{;
	padding: 0 0 0 1em;
}
.star_bg{
	margin: 0 0 10px 0;
	width: 100px;
	height: 20px;
	/*top: 53px;
	left: calc( 100% - 100px );*/
	position: relative;
	background: url(/hrm/dir/el-3minutes/src/images/star_off.png) repeat-x left top;
	background-size: 20px;
	z-index: 999;
	display: block;
	vertical-align: sub;
}
.bar_bg{
	margin: 0 5px 10px 0;
	width: calc(100% - 3em - 61px);
	height: 15px;
	/*top: 53px;
	left: calc( 100% - 100px );*/
	position: relative;
	background: #F0F0F0;
	z-index: 999;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}
.star_result{
	width: calc( 100px * ( 2.5 * 2 * 10 / 100) );
	height: 20px;
	top: 0;
	left: 0;
	position: absolute;
	background: url(/hrm/dir/el-3minutes/src/images/star_on.png) repeat-x left top;
	background-size: 20px;
	z-index: 1000;
}
.bar_result{
	/*width: calc( 100px * ( 2.5 * 2 * 10 / 100) );*/
	height: 15px;
	top: 0;
	left: 0;
	position: absolute;
	background: #FFD300;
	z-index: 1000;
	vertical-align: middle;
	border-radius: 3px;
}
.score_result1 .bar_bg{
	margin-bottom: 0;
}
.star_wrap .total_score{
	margin: 0 0 0 0;
	display: block;
	line-height: 1em;
	font-size: 1.8rem;
	letter-spacing: -0.03em;
}
.result_right{
	width: calc( 100% - 8em );
	float: right;
}
.result_right span{
	margin: 0;
	font-size: 0.7rem;
	vertical-align: top;
	line-height: 1.6em;
	width: 2.5em;
	text-align: right;
	display: inline-block;
}
.result_right img{
	padding: 0 0 5px 0;
	width: 12px;
	height: 12px;
	display: inline;
	vertical-align: middle;
}
.score_guage{
	margin: 0 3px 0 0;
	display: inline-block;
	vertical-align: top;
}
.star_wrap .total_score span{
	margin: 0 0 0 2px;
	font-size: 39%;
	letter-spacing: 0;
}
.threem_storyvideo .score_eguchi{
	margin-bottom: 10px;
	height: 70px;
}
footer{
	padding: 4% 0 80px 0;
	text-align: center;
	position: relative;
	color: #ff6c00;
	font-family: 'rounded';
	background: #ffffff;
}
footer .threem_progress{
	margin: 0 0 4% 0;
	line-height: 1.4em;
}
footer .threem_progress br{
	display: none;
}
footer p{
	color: #ff6c00;
}
.threem_footerlist{
	margin: 0 0 30px 0;
	display: block;
	overflow: hidden;
	clear: both;
}
footer ul{
	margin: 0 auto;
	display: inline-block;
}
footer li{
	margin: 0 20px;
	float: left;
	font-size: 1.3vw;
}
footer:before{
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: linear-gradient(-35deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667%), linear-gradient(35deg, transparent 33.333%, #fff 33.333%, #fff 66.667%, transparent 66.667%);
	background-size: 25px 40px;
}

/*#el_3m_story .threem_contentwrap{
	padding-bottom: 0;
}*/
#page_top{
	position: fixed;
	right: -50%;
	bottom: 5%;
	display: block;
	z-index: 1000;
	transition: all .5s linear;
	/*opacity: 0;*/

}
#page_top.show{
	width: 13%;
	opacity: 1;
	right: 5%;

}
#page_top.show img{
	width: 100%;
}
#page_top.bottom{
	bottom: 42%;
}
#page_top a{
	display: block;
}
#story_ranking{
	margin: 0 0 10em 0;
	/*padding: 0 30px;*/
	text-align: center;
	overflow: hidden;
	/*border: 2px solid #ff6c00;*/
	background: #ffffff;
}
.ranking_wrap{
	margin: 0 auto;
	padding: 0;
	/*display: inline-block;*/
}
.ranking_details{
	margin: 0 20px 0 0;
	/*width: calc( ( 100% - ( 30px + 30px + 30px + 20px + 20px +  20px ) ) / 3 );*/
	/*float: left;*/
	position: relative;
}
.ranking_details img{
	margin: 0 auto;
	width: calc( 100% - 40px) ;
	border: 10px solid rgba(255, 232, 176, 0.7);
	/*border: 1px solid #DDDDDD;*/
}
#ranking1 img{
	border: 10px solid rgb(241, 212, 24, 0.55);
}
#ranking2 img{
	border: 10px solid rgb(150, 150, 150, 0.55);
}
#ranking3 img{
	border: 10px solid rgb(171, 128, 64, 0.55);
}
.ranking_details p{
	margin: 0 auto 10px auto;
	padding: 0 0 15px 0;
	max-width: calc( 100% - 20px );
	font-size: 1rem;
	font-family: 'rounded';
	line-height: 1.3em;
	background: rgba(255, 232, 176, 0.7);
}
#ranking1 p{
	background: rgb(241, 212, 24, 0.55);
}
#ranking2 p{
	background: rgb(150, 150, 150, 0.55);
}
#ranking3 p{
	background: rgb(171, 128, 64, 0.55);
}
.ranking_details p span, #ranking1 p span, #ranking2 p span, #ranking3 p span{
	/*display: none!important;*/
	margin: 0;
	display: inline-block;
	position: relative;
	background: none;
	color: #000000;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	font-size: 80%;
}
.ranking_details .weeklycount{
	display: none;
}
.ranking_details span{
	padding: 0.3em 0;
	width: 4em;
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #FF6C00;
	color: #ffffff;
}
#ranking1 span{
	height: 70px;
	width: 70px;
	position: absolute;
	top: -15px;
	left: 0;
	background: url(/hrm/dir/el-3minutes/src/images/no01.png) no-repeat left top;
	display: block;
	background-size: contain;
}
#ranking2 span{
	height: 70px;
	width: 70px;
	position: absolute;
	top: -15px;
	left: 0;
	background: url(/hrm/dir/el-3minutes/src/images/no02.png) no-repeat left top;
	display: block;
	background-size: contain;
}
#ranking3 span{
	height: 70px;
	width: 70px;
	position: absolute;
	top: -15px;
	left: 0;
	background: url(/hrm/dir/el-3minutes/src/images/no03.png) no-repeat left top;
	display: block;
	background-size: contain;
}
.ranking_details span{
	height: 80px;
	width: 40px;
	position: absolute;
	top: -4px;
	left: 17px;
	background: url(/assets/images/hrm/elearning_lib/elr_ranking_no4_batch.png) no-repeat left top;
	display: block;
	background-size: contain;
}
.ranking_details span div{
	margin: 10px 0 0 5px;
	background: #2162a8;
	display: inline-block;
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 0.8em;
}
#ranking1 span div, #ranking2 span div, #ranking3 span div{
	display: none;
}
#el_3m_story #ranking_date{
	margin: 0 0 0 5px;
	font-size: 1.3rem;
	background: transparent;
}
@media screen and (max-width: 1080px){
	nav{
		padding: 0 10px;
		width: calc(100% - 20px);
	}
	nav li, .threem_charadialog p, #el_3m_story h3{
		font-size: 2.6vw;
	}
	h2{
		font-size: 5vw;
	}
	.threem_newstable, p, .threem_story_red, .threem_story_orange, .threem_story_purple, .threem_story_blue, .threem_story_green, footer li, .threem_nextseason ul{
		font-size: 1.7vw;
	}
	.threem_sub, .threem_videodetail_ttl, .threem_nextseason p{
		font-size: 2.3vw;
	}
	.threem_charadialog:before, .threem_charadialog:after{
		font-size: 6vw;
	}
	.threem_intropp p, .threem_videotag, .threem_videotag:before{
		font-size: 2vw;
	}
	#el_3m_intro h3, .threem_charaname p {
		font-size: 3.2vw;
	}
	nav .threem_maxwidth{
		max-width: 100%;
	}
	.threem_maxwidth{
		max-width: calc( 100% - 80px );
	}
	.threem_charadialog:after{
		bottom: -1em;
	}
	#el_3m_chara .threesm_chara01:before{
		height: 74%;
	}
	#page_top.bottom{
		bottom: 41%;
	}
	#threem_enbtn_sp.bottom {
		bottom: calc( 41% + 92px + 20px);
	}
	.threem_videomore_button, .threem_videomore_button.open:before{
		font-size: 1.7vw;
	}
	.threem_video_wrapouter{
		padding-top: 20px;
	}
	.threem_videotag:before{
		width: 2vw;
		height: 2vw;
	}
	#threem_enbtn{
		width: 21.4%;
	}
	.threem_profilemomo, .threem_profileeguchi{
		background-size: 61%;
	}
}
@media screen and (max-width: 820px){
	#threem_mv_topv{
		display: none;
	}
	#intro_pv{
		display: block;
	}
}
@media screen and (max-width: 820px) and (orientation:landscape){
	#threem_mv{
		background-image: url('/hrm/dir/el-3minutes/src/images/mainvisual_pc.jpg');
		min-height: 380px;
		background-position: center 70px;
	}
}
@media screen and (max-width: 820px) and (orientation:portrait){
	#threem_mv{
		background-image: url('/hrm/dir/el-3minutes/src/images/mainvisual_sp.jpg');
	}
}
@media screen and (max-width: 768px) and (orientation:landscape){
	#threem_mv{
		background-image: url('/hrm/dir/el-3minutes/src/images/mainvisual_pc.jpg');
		min-height: 420px;
		margin-top: 0px;
		background-position: center top 50px;
	}
}
@media screen and (max-width: 768px) and (orientation:portrait){
	#threem_mv{
		background-image: url('/hrm/dir/el-3minutes/src/images/mainvisual_sp.jpg');
		min-height: 850px;
		margin-top: 0px;
		background-position: center top 50px;
	}
}
@media screen and (max-width: 768px){
	nav{
		/* padding: 30px 20px 25px 20px; */
	}
	#threem_mv{
	}
	.threem_catch {
		left: 4%;
		top: 100px;
	}

	.threem_catch h1 img {
		width: 150px;
	}
	nav li, #el_3m_intro h3{
		font-size: 2.6vw;
	}
	h2 {
		font-size: 7.5vw;
	}
	.threem_newstable, p, .threem_story_red, .threem_story_orange, .threem_story_purple, .threem_story_blue, .threem_story_green, footer li, .threem_charainfo, .threem_story_red:before, .threem_story_orange:before, .threem_story_purple:before, .threem_story_blue:before, .threem_story_green:before, .threem_nextseason ul{
		font-size: 2.5vw;
		/* text-align: left; */
	}
	.threem_newstable th, .threem_newstable td{
		width: 100%;
		display: block;
		text-align: left;
	}
	.threem_newstable th{
		padding-top: 20px;
		padding-bottom: 0;
	}
	#el_3m_news .threem_contentwrap{
		padding-top: 40px;
	}
	h2 .thressm_h2beforeafter:before{
		width: 67px;
		height: 75px;
		left: -103px;
	}
	h2 .thressm_h2beforeafter:after{
		width: 67px;
		height: 75px;
		right: -103px;
	}
	#el_3m_intro h3 br{
		display: block;
	}
	threem_charadialog p, #el_3m_story h3{
		font-size: 4.6vw;
	}
	#el_3m_intro h3{
		font-size: 6.5vw;
	}
	.threem_h3big{
		font-size: 8.5vw;
	}
	.threem_sub, .threem_videodetail_ttl, .threem_nextseason p{
		font-size: 4vw;
	}
	.threem_videodetail_ttl{
		height: auto;
	}
	.threem_charaname p{
		font-size: 5vw;
	}
	.threem_intropp p br{
		display: none;
	}
	.threem_intropp p{
		font-size: 3.7vw;
		text-align: left;
	}

	.threem_intro_ppppp {
		text-align: left;
	}
	.threem_intropp p span {
		font-size: 4.8vw;
	}
	.threem_videotag, .threem_videotag:before{
		font-size: 3.2vw;
		/* top: 135px; */
	}
	.threem_videotag:before{
		/* top: calc( 50% - 3.2vw / 2 ); */
	}
	#el_3m_chara .threem_contentwrap{
		width: calc( 100% - 4px );
	}
	.threem_chara_img01{
		margin-top: -50px;
		float: left;
		display: inline-block;
	}
	.threem_charadialog{
		margin: 0;
		clear: none;
		position: absolute;
		right: 5%;
		bottom: 11%;
		top: auto;
	}
	.threem_charadialog p{
		font-size: 5.4vw;
	}
	.threem_charadialog:before, .threem_charadialog:after{
		font-size: 9.5vw;
	}
	#el_3m_chara .threem_contentwrap.eguchi{
		margin-top: 80px;
		margin-left: 0;
	}
	.threem_chara_img02{
		margin-top: -30px;
	}
	.eguchi .threem_charadialog{
		left: 10%;
		right: auto;
		top: auto;
		bottom: 5%;
	}
	.eguchi .threem_charainfo{
		margin-top: 30px;
	}
	.div_foranchor, .div_foranchor:nth-child(2n){
		margin: -50px 0 40px 0;
		width: calc( 100% - 4px );
	}
	#el_3m_chara .threesm_chara01:before{
		height: 68%;
	}
	#el_3m_chara .eguchi .threesm_chara02:before{
		height: 73%;
		margin: -21% -15% 0;
	}
	.threem_videocap{
		/* height: 180px; */
		height: auto;
	}
	.threem_videodetail_ttl span{
		font-size: 3.0vw;
	}
	.threem_profilemomo, .threem_profileeguchi{
		background-size: 50%
	}
	.threem_profilemomo img {
		max-width: 90%;
	}
	.threem_intro_ppppp br{
		display: none;
	}
	br.threem_sp_br{
		display: block;
	}
	.threem_story_red, .threem_story_orange, .threem_story_purple, .threem_story_blue, .threem_story_green{
        padding: 10px 35px;
	}
	.threem_story_red:before, .threem_story_orange:before, .threem_story_purple:before, .threem_story_blue:before, .threem_story_green:before{
		top: calc( 50% - 2.6vw / 2 );
	}
	.threem_progress {
		font-size: 2vw;
	}
	footer .threem_progress{
		margin-bottom: 5%;
	}
	footer .threem_progress br{
		display: block;
	}
	#el_3m_intro .threem_contentwrap{
		background-image:
			url(/hrm/dir/el-3minutes/src/images/phone01.png),
			url(/hrm/dir/el-3minutes/src/images/phone02.png),
			url(/hrm/dir/el-3minutes/src/images/eguchi_shape.png),
			url(/hrm/dir/el-3minutes/src/images/momo_shape.png);
		background-position:
			left 10% top 20%,
			right 10% top 10%,
			left 5% bottom 18%,
			right 5% bottom 5%;
		background-size:
			calc( 157px / 1.2 ),
			calc( 256px / 1.2 ),
			calc( 134px / 1.2 ),
			calc( 100px / 1.2 );
	}
	.threem_nextseason, .threem_nextseason:nth-child(3){
		margin: 0 0 40px 0;
		width: calc( 100% - 4px - 30px );
	}
	.threem_videodetail {
		min-height: 0!important;
	}
	.threem_videomore_button, .threem_videomore_button.open:before{
		font-size: 2.5vw;
	}
	#story_anchor .threem_story_red, #story_anchor .threem_story_orange, #story_anchor .threem_story_purple, #story_anchor .threem_story_blue, #story_anchor .threem_story_green{
		padding: 10px 0;
		font-size: 2.5vw;
	}
	#story_anchor li{
		width: calc(( 100% - 42px ) / 3 );
	}
	#story_anchor .threem_story_red:before, #story_anchor .threem_story_orange:before, #story_anchor .threem_story_purple:before, #story_anchor .threem_story_blue:before, #story_anchor .threem_story_green:before{
		width: 2.5vw;
		height: 2.5vw;
		top: 50%;
	}
	.threem_videotag:before {
		width: 3.2vw;
		height: 3.2vw;
	}
	#threem_enbtn_sp, #page_top.show {
		width: 20%;
	}
	#comingsoon_season2.threem_h3_momo{
		margin-top: 0;
	}
	#ranking_date{
		display: block;
	}
	#weekly_ranking.threem_h3_momo:after{
		top: 58%;
	}
	#el_3m_story #weekly_ranking{
		margin-bottom: -70px;
	}
	.threem_contentwrap_outer.second{
		padding-top: 76px;
		margin-top: 4px;
	}
	.threem_profilemomo.rei .threem_charadialog:after {
		bottom: 0.5em;
	}

}
@media screen and (max-width: 767px){
	#page_top{
		width: 85px;
	}
	#page_top img{
		width: 100%;
	}

	#threem_enbtn_sp{
		width: 100px;
		bottom: calc( 5% + 50px + 10px);
	}
	#page_top.show{
		width: 100px;
	}
	#page_top.bottom{
		bottom: 31%;
	}
	#threem_enbtn_sp.bottom {
		bottom: calc( 31% + 50px + 20px);
	}
	.ranking_details img{
		width: calc( 100% - 20px );
	}
	.ranking_details p{
		max-width: 100%;
	}
}
@media screen and (max-width: 700px){
	.threem_chara_img01{
		margin-top: 0;
	}
	.threem_logo {
		left: 10px;
	}

	nav ul {
		right: 20px;
		left: auto;
	}
	/*#threem_enbtn_sp{
		position: fixed;
		bottom: calc( 5% + 92px + 20px);
		right: 5%;
		display: block;
		z-index: 10000;
	}*/
	#threem_enbtn{
		display: none;
	}

}

@media screen and (max-width: 540px){
	/*#threem_enbtn_sp.bottom{
		bottom: 54%;
	}*/
	nav {
		padding: 0;
		width: 100%;
	}
	nav li{
		margin-left: 0.8em;
		letter-spacing: 0.02em;
		font-size: 3.4vw;
	}
	h2 .thressm_h2beforeafter:after{
		width: 40px;
		height: 48px;
		right: -58px;
	}
	h2 .thressm_h2beforeafter:before {
		width: 40px;
		height: 48px;
		left: -58px;
	}
	.orangechara:before, .yellowchara:before{
		width: 66px;
		height: 60px;
		top: -60px;
	}
	.orangechara:after, .yellowchara:after{
		width: 38px;
		height: 60px;
		top: -60px;
	}
	.threem_maxwidth{
		max-width: calc( 100% - 40px );
	}
	.threem_profilemomo, .threem_profileeguchi, .threem_charainfo, .threem_contentwrap{
		padding-left: 20px;
		padding-right: 20px;
	}
	.threem_profilemomo, .threem_profileeguchi{
		padding-top: 20px;
	}
	h2{
		margin-bottom: 60px;
	}
	.threem_progress{
		font-size: 2.5vw;
	}
	.threem_logo img {
		/* height: calc(100% - 10px); */
		/* padding: 5px 0; */
	}
	/*#page_top.bottom {
		bottom: 37%;
	}*/
	#el_3m_intro .threem_contentwrap{
		background-image:
			url(/hrm/dir/el-3minutes/src/images/phone01.png),
			url(/hrm/dir/el-3minutes/src/images/phone02.png),
			url(/hrm/dir/el-3minutes/src/images/eguchi_shape.png),
			url(/hrm/dir/el-3minutes/src/images/momo_shape.png);
		background-position:
			left 5% top 15%,
			right 5% top 8%,
			left 5% bottom 30%,
			right 5% bottom 5%;
		background-size:
			calc( 157px / 2 ),
			calc( 256px / 2 ),
			calc( 134px / 2 ),
			calc( 100px / 2 );
	}
/*
	.threem_story_red, .threem_story_orange, .threem_story_purple, .threem_story_blue, .threem_story_green {
		padding-left: 2em;
	}
*/
	.div_foranchor, .div_foranchor:nth-child(2n){
		margin: -30px 0 5% 0;
	}
	.threem_nextseason, .threem_nextseason:nth-child(3){
		margin: 0 0 5% 0;
	}
	.div_foranchor, .div_foranchor:nth-child(2n){
		padding-top: 30px;
	}
	.threem_nextseason ul li {
		font-size: 3.2vw;
		line-height: 1.6;
	}
	.threem_videotag{
		top: 175px;
        width: 25%;
	}
	.star_wrap {
		top: 32px;
	}
	.result_left{
		top: auto;
	}
	.threem_storyvideo.new:after{
		top: 35px;
	}
}
@media screen and (max-width: 414px){
	#threem_mv{
		background-image: url('/hrm/dir/el-3minutes/src/images/mainvisual_sp.jpg');
		background-position: center;
	}
	.threem_catch h1 img {
		width: 100px;
		height: auto;
	}
	.orangechara:before, .yellowchara:before{
		width: 46px;
		height: 40px;
		top: -40px;
	}
	.orangechara:after, .yellowchara:after{
		width: 27px;
		height: 40px;
		top: -40px;
	}
	h2 .threem_subttle{
		letter-spacing: 0.1em;
	}
	.threem_jagged01:before, .threem_jagged02:before{
		top: -6px;
		background-size: 20px;
	}
	.threem_jagged01{
		background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(255, 243, 213, 1) 10px, rgba(255, 243, 213, 1) 20px );
	}
	.threem_jagged02{
		background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(255, 217, 191, 1) 10px, rgba(255, 217, 191, 1) 20px );
	}
	h2 .thressm_h2beforeafter:before{
		width: 30px;
		height: 39px;
		left: -48px;
	}
	h2 .thressm_h2beforeafter:after{
		width: 30px;
		height: 39px;
		right: -48px;
	}
	#el_3m_intro h3 {
		font-size: 7.5vw;
	}
	.threem_h3big {
		font-size: 12.5vw;
	}
	.threem_h3big:nth-child(1){
		/* color: #ccc; */
	}
	.threem_newstable, p, .threem_story_red, .threem_story_orange, .threem_story_purple, .threem_story_blue, .threem_story_green, footer li, .threem_charainfo, .threem_story_red:before, .threem_story_orange:before, .threem_story_purple:before, .threem_story_blue:before, .threem_story_green:before{
		font-size: 4.0vw;
	}
	.threem_intro_ppppp{
		text-align: left;
	}
	#el_3m_news .threem_contentwrap{
		padding-top: 2.5%;
		padding-bottom: 10%;
	}
	.threem_newstable td a{
		background-size: 17px;
	}
	.eguchi .threem_charaname p, .threem_charaname p{
		margin: 0;
	}
	.threem_profilemomo, .threem_profileeguchi {
		padding-bottom: 30px;
		background-size: 47%;
	}
	.threem_profilemomo img {
		max-width: 100%;
	}
	.threem_chara_img01{
		margin-top: 20px;
		width: 60%;
		clear: none;
	}
	.threem_chara_img02{
		margin-top: 20px;
		width: 55%;
		clear: none;
		float: right;
	}
	.threem_charaname{
		display: inline;
	}
	.threem_charadialog:before{
		top: -0.3em;
	}
	.threem_charadialog:after {
		bottom: -0.7em;
	}
	.threem_footerlist{
		margin-bottom: 5%;
	}
	footer{
		padding: 12% 0 13% 0;
	}
	.threem_sectionwrap{
		padding: 40px 0;
	}
	nav {
		padding: 0;
		height: 65px;
	}
	#el_3m_chara .threesm_chara01:before {
		height: 62%;
	}
	#el_3m_chara .eguchi .threesm_chara02:before {
		height: 64.5%;
	}
	#el_3m_story h3 img, .threem_h3_momo img{
		margin-right: 10px;
		width: 20px;
	}
	#el_3m_story h3:after, .threem_h3_momo:after{
		background-image: repeating-linear-gradient(90deg, transparent, transparent 9px, rgba(255, 255, 255, 1) 9px, rgba(255, 255, 255, 1) 12px );
	}
	.threem_videotag{
		width: 25%;
	}
	.threem_videotag:before{
		/* left: 10px; */
	}
	/*#el_3m_story h3, .threem_h3_momo, #el_3m_intro .threem_h3_momo{
		margin-bottom: -60px;
	}*/
	.threem_video_wrapouter{
		margin-bottom: 0;
	}
	h2{
		margin-bottom: 8%;
	}
	#el_3m_chara .threem_contentwrap.eguchi{
		margin-top: 10%;
		margin-left: 0;
	}
	.threem_contentwrap_outer.second{
		margin-top: -36px;
	}
	.threem_sub, .threem_videodetail_ttl{
		font-size: 4.3vw;
	}
	.threem_charainfo{
		padding-bottom: 10%;
	}
	.threem_contentwrap{
		padding-top: 10%;
		padding-bottom: 10%;
	}
	h1{
		font-size: 7.5vw;
	    letter-spacing: -0.2em;
	}
	.threem_catch{
		/*top: 80px;*/
		top: 80px;
		left: 30px;
	}
	.text-combine{
		font-size: 8vw;
	}
	#threem_mv {
		background-position: center 20px;
		min-height: 480px;
		max-height: 500px;
		margin-top: 0px;
	}
	.threem_progress{
		margin: 0 0 5% 0;
	}
	.threem_maxwidth {
		max-width: calc( 100% - 20px );
	}
	#story_anchor li{
		margin: 0 0 10px 0;
		width: 100%;
	}
	.threem_videomore_button, .threem_videomore_button.open:before{
		font-size: 4vw;
	}
	#story_anchor .threem_story_red, #story_anchor .threem_story_orange, #story_anchor .threem_story_purple, #story_anchor .threem_story_blue, #story_anchor .threem_story_green{
		font-size: 4vw;
	}
	#story_anchor .threem_story_red:before, #story_anchor .threem_story_orange:before, #story_anchor .threem_story_purple:before, #story_anchor .threem_story_blue:before, #story_anchor .threem_story_green:before{
		width: 4vw;
		height: 4vw;
	}
	#story_anchor a .threem_story_red:after, #story_anchor a .threem_story_orange:after, #story_anchor a .threem_story_purple:after, #story_anchor a .threem_story_blue:after, #story_anchor a .threem_story_green:after{
		border: 6px solid #ffffff;
		border-color: #ffffff transparent transparent transparent;
		bottom: 8px;
		left: auto;
		right: 7%;
	}
	#story_anchor a{
		padding-bottom: 0;
	}
	#page_top.bottom {
		bottom: 29.5%;
	}

	#threem_enbtn_sp.bottom{
		bottom: calc( 29.5% + 50px + 20px);
	}
	.bar_bg{
		margin-bottom: 5px;
	}
	#el_3m_story #ranking_date{
		font-size: inherit;
	}
	.threem_chara_img02 img{
		max-width: 90%;
	}
	.threem_profilemomo.rei .threem_charadialog:after {
		bottom: 1.5em;
	}
}

@media screen and (max-width: 413px){
	.result_left{
		margin: 0 0 10px 0;
		width: auto;
		position: relative;
		top: 0;
		left: 50%;
		transform: translate( -50% , 0 );
		-ms-transform: translate( -50% , 0 );
		-moz-transform: translate( -50% , 0 );
		-webkit-transform: translate( -50% , 0 );
		float: none;
	}
	.result_right{
		width: 100%;
		float: none;
	}
	.star_wrap{
		padding-top: 10px;
	}
	.star_wrap .result_left .ttl{
	/*	position: absolute;
		left: -90%;
		top: 50%;
		transform: translate(0 , -50%);
		-ms-transform: translate(0 , -50%);
		-moz-transform: translate(0 , -50%);
		-webkit-transform: translate(0 , -50%);*/
	}
	.star_wrap .result_left .ttl span{
		margin: 0.3em 0 0 0;
		padding: 0 1.2em 0 0;
		font-size: 0.6rem;
		display: block;
		text-align: center;
	}
	.star_bg{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 375px){
	.threem_charadialog p{
		font-size: 5vw;
	}
	.threem_profilemomo, .threem_profileeguchi, .threem_profilemomo.rei {
		padding-bottom: 5%;
	}
	.threem_charadialog{
		bottom: 8%;
	}
	.threem_charadialog:before {
		top: -0.1em;
	}
	.eguchi .threem_charainfo{
		margin-top: 0
	}
	#el_3m_chara .eguchi .threesm_chara02:before {
		height: 58.5%;
	}
	.threem_videotag, .threem_videotag:before {
		font-size: 3.6vw;
	}
	/*.threem_videotag:before {
		top: calc( 50% - 3.4vw / 2 );
		left: 7px;
	}*/
	.threem_videodetail_ttl{
		margin-bottom: 5%;
	}
	footer li{
		margin: 0 7px;
		font-size: 3vw;
	}
	footer p{
		font-size: 2.6vw;
		letter-spacing: 0em;
	}
	footer {
		padding: 9% 0 11% 0;
	}
	.threem_footerlist {
		margin-bottom: 4%;
	}
	#el_3m_intro .threem_contentwrap{
		background-image:
			url(/hrm/dir/el-3minutes/src/images/phone01.png),
			url(/hrm/dir/el-3minutes/src/images/phone02.png),
			url(/hrm/dir/el-3minutes/src/images/eguchi_shape.png),
			url(/hrm/dir/el-3minutes/src/images/momo_shape.png);
		background-position:
			left 5% top 15%,
			right 5% top 8%,
			left 5% bottom 35%,
			right 5% bottom 5%;
		background-size:
			calc( 157px / 2.5 ),
			calc( 256px / 2.5 ),
			calc( 134px / 2.5 ),
			calc( 100px / 2.5 );
	}
	.threem_videotag:before {
		width: 3.6vw;
		height: 3.6vw;
	}
	.score_result{
		font-size: 0.8rem;
	}
	.threem_storyvideo.new:after{
		width: 64px;
		height: 64px;
	}
}
@media screen and (min-width: 1367px){
	.threem_videodetail_ttl{
		font-size: 160%;
	}
	.threem_videodetail_ttl span{
		font-size: 70%;
	}
	#story_anchor .threem_story_red, #story_anchor .threem_story_orange, #story_anchor .threem_story_purple, #story_anchor .threem_story_blue, #story_anchor .threem_story_green, .threem_story_red, .threem_story_orange, .threem_story_purple, .threem_story_blue, .threem_story_green{
		font-size: 100%;
	}
	.threem_story_red::before, .threem_story_orange::before, .threem_story_purple::before, .threem_story_blue::before, .threem_story_green::before{
		font-size: 100%;
		top: 55%;
	}
	.threem_videotag{
		font-size: 120%;
	}
	.threem_videotag::before{
		font-size: 120%;
		top: 53%;
	}
	.threem_charainfo{
		font-size: 120%;
	}
	.threem_charadialog p{
		font-size: 190%;
	}
	.threem_videodetail p{
		font-size: 120%;
	}
	.threem_newstable{
		font-size: 120%;
	}
	.threem_newstable p{
		font-size: 100%;
	}
	p, .threem_progress{
		font-size: 120%;
	}
	#el_3m_story h3, .threem_h3_momo, #el_3m_intro .threem_h3_momo{
		font-size: 220%;
	}
	h2{
		font-size: 280%;
	}
	.threem_charaname p{
		font-size: 270%;
	}
}

@media screen and (orientation: landscape) and (max-width: 680px) {
  #page_top {
    width: 100px;
  }
  #page_top img{
	width: 100%;
  }
	#threem_enbtn_sp{
		width: 100px;
		bottom: calc( 50px + 20px);
	}
	#threem_enbtn_sp.bottom {
		bottom: calc( 41% + 50px + 20px);
	}
	#threem_enbtn_sp img{
		width: 100%;
	}
	#page_top{
		bottom: 0%;
	}
}