@charset "UTF-8";

/*=====================================================
* 02 ログイン／会員登録
=====================================================*/
/* mypage */
/*basefont 12px 76%*/

/*common*/
#spo-movie *[class*=btn] input[type=submit]:hover,
#spo-movie *[class*=btn] a:hover,
#spo-movie a[class^=btn]:hover{ opacity: 0.6; }

#spo-movie .mt0{margin-top:0px !important;}
#spo-movie .mt5{margin-top:5px !important;}
#spo-movie .mt10{margin-top:10px !important; }
#spo-movie .mt15{margin-top:15px !important;}
#spo-movie .mt20{margin-top:20px !important;}
#spo-movie .mt30{margin-top:30px !important;}
#spo-movie .mb0{margin-bottom:0px !important;}
#spo-movie .mb20{margin-bottom:20px !important;}
#spo-movie .mb30{margin-bottom:30px !important;}
#spo-movie .mb40{margin-bottom:40px !important;}
#spo-movie .ml0{margin-left:0 !important;}
#spo-movie .fwb{font-weight: bold;}

#spo-movie .fll{float:left;}
#spo-movie .flr{float:right;}
#spo-movie .tac{text-align:center;}
#spo-movie .tar{text-align:right;}
#spo-movie .fcred{color:#ff0000;}



/* common */
div#spo-movie header {
	width: 100%;
	background: #ffffff;
	border-bottom: 5px solid #5bb431;
}

div#spo-movie header div.h-inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
}

div#spo-movie header h1 {
	float: left;
	width: 156px;
	margin: 0 0 0 20px;
}

div#spo-movie header p {
    margin: 4px 0 0 10px;
    color: #5bb431;
    font-size: 150%;
    font-weight: bold;
}


/* common - inner */

div#spo-movie.inner section#spo-movie-content {
    float: right;
    width: 1000px;
}

div#spo-movie.inner div#wrappar {
	width: 1200px;
    margin: 0 auto;
    background: url(../img/bg_side.png) 0 0 repeat-y;
    display: table;
}



/* login */
div#spo-movie.spo-login {
	background: url(../img/bg_mv.jpg) center 70px no-repeat;
	background-size: contain;
}

div#spo-movie.spo-login section#spo-movie-content p {
	text-align: center;
}

div#spo-movie.spo-login section#spo-movie-content p.doctor {
	margin: 45px 0 25px 0;
	color: #ffffff;
	font-size: 300%;
	font-weight: bold;
}

div#spo-movie.spo-login section#spo-movie-content p.text {
	width: 800px;
	margin: 0 auto 45px auto;
	color: #ffffff;
	text-align: left;
	font-size: 125%;
	font-weight: bold;
}

div#spo-movie.spo-login section#spo-movie-content div#login-box {
	width: 800px;
	margin: 0 auto 40px auto;
	padding: 40px 0 60px 0;
	background: #f6f6f6;
	border-right: 1px solid #e7e6e6;
	border-left: 1px solid #e7e6e6;
	border-bottom: 1px solid #b8b4b6;
	border-radius: 5px;
}


div#spo-movie.spo-login section#spo-movie-content div#login-box ul {
	width: 400px;
	margin: 0 auto 10px auto;
}

div#spo-movie.spo-login section#spo-movie-content div#login-box ul li:nth-child(1) {
	margin-bottom:10px;
}

div#spo-movie.spo-login section#spo-movie-content div#login-box ul li input {
	width: 100%;
	padding: 5px 0;
}

div#spo-movie.spo-login section#spo-movie-content div#login-box p {
	margin: 0 0 40px 0;
	color: #003366;
	font-size: 125%;
	text-align: center;
}

div#spo-movie.spo-login section#spo-movie-content div#login-box p.login-btn input,
div#spo-movie.spo-login section#spo-movie-content div#login-box p.login-btn a {
	display: block;
	width: 400px;
	margin: 0 auto;
	padding: 15px 0;
	color: #ffffff;
	background: #5bb431;
	border-radius: 5px;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

div#spo-movie.spo-login section#spo-movie-content div#login-box p.login-btn input[disabled] {
	background: #aaaaaa;
	cursor: default;
}

div#spo-movie.spo-login.after section#spo-movie-content div#login-box p.atn {
	width: 80%;
	margin: 0 auto 30px auto;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #cccccc;
	color: #ff0000;
	font-weight: bold;
}

div#spo-movie.spo-login.after section#spo-movie-content div#login-box ul {
	width: 600px;
	margin: 0 auto 50px auto;
}

div#spo-movie.spo-login.after section#spo-movie-content div#login-box p.agree {
	margin: 0 0 20px 0;
	color: #333333;
}


/* index - spo-muvie-content */

div#spo-movie.inner.index section#spo-movie-content div.main-text {
	padding: 400px 0 30px 0;
    background: url(../img/bg_main_index.jpg) center 0 no-repeat;
    background-size: cover;
	color: #ffffff;
}

div#spo-movie.inner.index section#spo-movie-content div.main-text p {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

div#spo-movie.inner.index section#spo-movie-content div.main-text p {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

div#spo-movie.inner.index section#spo-movie-content div.main-text p em {
	font-size: 150%;
	font-weight: bold;
}

div#spo-movie.inner.index section#spo-movie-content p.test-list {
	padding: 20px 100px;
	background: #003366;
	color: #ffffff;
	text-align: left;
	font-size: 125%;
	font-weight: bold;
}

div#spo-movie.inner.index section#spo-movie-content div#icon {
	width: 800px;
	margin: 40px auto 24px auto;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp {
	position: relative;
	margin: 80px 0 60px 0;
}

div#spo-movie.inner.index section#spo-movie-content div#icon p.figure {
	margin: 0 0 30px -10px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn01 {
	position: absolute;
	top: -40px;
    left: 260px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn02 {
	position: absolute;
	top: 40px;
    left: 500px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn03 {
	position: absolute;
	top: 207px;
    left: 573px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn04 {
	position: absolute;
	top: 463px;
    left: 287px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn05 {
	position: absolute;
    top: 387px;
    left: 55px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn06 {
	position: absolute;
    top: 40px;
    left: 36px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn02 img,
div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn03 img {
	width: 80%;
	height: auto;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn01 img,
div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn04 img,
div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn05 img,
div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn06 img {
	width: 53%;
	height: auto;
}

div#spo-movie.inner.index section#spo-movie-content div#icon p.atn {
	margin: 0 0 24px 0;
	color: #a6a6a6;
	text-align: right;
}

div#spo-movie.inner.index section#spo-movie-content div#icon p.stit {
	margin: 0 0 6px 0;
	color: #a6a6a6;
	font-size: 125%;
	text-align: left;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list {
	display :inline-block;
	width: 92%;
	margin: 0;
	padding: 15px 4% 5px 4%;
	background: #eeeeee;
	border: 1px solid #d6d6d6;
	color: #666;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list p {
	clear: both;
	float: none;
	text-align: left;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul {
	margin: 0 0 12px 0;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul li {
	float: left;
	padding-top: 0;
	padding-bottom: 5px;
	padding-right: 20px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list01 li:nth-child(1) {
	padding-left: 20px;
	background: url(../img/icon_01.png) 0 0 no-repeat;
	background-size: 16px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list01 li:nth-child(2) {
	padding-left: 34px;
	background: url(../img/icon_02.png) 0 0 no-repeat;
	background-size: 30px;
}


div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li {
	padding-top: 10px;
	padding-bottom: 10px;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list p {
	padding-top: 10px;
	padding-bottom: 0;
}


div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(1) {
	padding-left: 25px;
	background: url(../img/icon_03.png) 0 9px no-repeat;
	background-size: 20px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(2) {
	padding-left: 25px;
	background: url(../img/icon_04.png) 0 9px no-repeat;
	background-size: 20px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(3) {
	padding-left: 25px;
	background: url(../img/icon_05.png) 0 7px no-repeat;
	background-size: 18px;
}

div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(4) {
	padding-left: 20px;
	background: url(../img/icon_06.png) 0 7px no-repeat;
	background-size: 13px;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(5) {
	padding-left: 23px;
	background: url(../img/spm_icon_14.png) 0 7px no-repeat;
	background-size: 18px;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(6) {
	padding-left: 38px;
	background: url(../img/icon_07.png) 0 11px no-repeat;
	background-size: 30px;
}


@media screen and (min-width: 768px) {
	div#spo-movie.inner.index section#spo-movie-content div#ppt_mobile {
		display: none;
	}
}

div#spo-movie.inner.index section#spo-movie-content div#ppt_mobile {
	width: 80%;
	margin: 0 auto 20px auto;
	padding: 20px 5% 0 5%;
	background: #d14625;
	color: #ffffff;
}

div#spo-movie.inner.index section#spo-movie-content div#ppt_mobile p.icon {
	float: left;
	margin: 0 14px 0 0;
	width: 85px;
}

div#spo-movie.inner.index section#spo-movie-content div#ppt_mobile ul {
	display: inline-block;
}

div#spo-movie.inner.index section#spo-movie-content div#ppt_mobile ul li {
	float: left;
	width: 46%;
}

div#spo-movie.inner.index section#spo-movie-content div#ppt_mobile ul li:nth-child(1) {
	margin: 0 20px 0 0;
}


div#spo-movie.inner.index section#spo-movie-content div#list-table {
	width: 800px;
	margin: 0 auto 24px auto;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table div.title {
	display: table;
	width: 100%;
	margin: 0;
	padding: 20px 0 20px 0;
	background: #5bb431;
	color: #ffffff;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table h2 {
	float: left;
	width: 187px;
	margin: 0;
	padding: 8px 11px 8px 70px;
	font-size: 120%;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table p.atn {
	float: left;
	margin: 0;
	font-size: 100%;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table h2#trial,
div#spo-movie.inner.index section#spo-movie-content div#list-table h2#other {
	background: url(../img/stit_01.png) 20px center no-repeat;
	background-size: 40px 33px;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table h2#device {
	background: url(../img/stit_04.png) 20px center no-repeat;
	background-size: 40px 41px;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table h2#gold {
	background: url(../img/stit_03.png) 20px center no-repeat;
	background-size: 40px 41px;
}
div#spo-movie.inner.index section#spo-movie-content div#list-table h2#patient{
	background: url(../img/stit_05.png) 20px center no-repeat;
	background-size: 37px 38px;	
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table {
	margin: 0 0 40px 0;
	border-collapse: collapse;
	border: 1px solid #d0d0d0;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table tr th,
div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td {
	padding: 5px 10px;
	border: 1px solid #d0d0d0;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table thead tr th {
	margin: 0;
	padding: 4px 0;
	background: #444444;
	color: #ffffff;
	font-size: 90%;
	text-align: center;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr th {
	display: none;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td p span {
	display: none;
}


div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td {
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(2),
div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(6),
div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(10),
div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(14),
div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(18),
div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(22){
	background: #f2f2f2;
}


div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(1) span {
	display: block;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(2) {
	width: 415px;
	text-align: left;
}

div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(3) p,
div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(4) p {
	white-space: nowrap;
	font-size: 85%;
}


/* inner - details */

div#spo-movie.inner.details header p.mac {
	position: absolute;
	top: 0;
	left: 950px;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

div#spo-movie.inner.details header p.mac a {
	display: inline-block;
	padding: 8px 20px 10px 45px;
	background: #444444 url(../img/icon_mac.png) 15px 7px no-repeat;
	border-top: 1px solid #505050;
	color: #ffffff;
}

div#spo-movie.inner.details header p.win {
	position: absolute;
	top: 0;
	left: 950px;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

div#spo-movie.inner.details header p.win a {
	display: inline-block;
	padding: 8px 20px 10px 45px;
	background: #444444;
	border-top: 1px solid #505050;
	color: #ffffff;
}

div#spo-movie.inner.details section#spo-movie-content p.bread-clumbs {
	margin: 0 0 50px 0;
	padding: 10px 20px;
	background: #e8e8e8;
}

div#spo-movie.inner.details section#spo-movie-content div#movie-area {
	width: 800px;
	margin: 0 auto 40px auto;
}

div#spo-movie.inner.details section#spo-movie-content div#movie-area h1 {
	margin: 0 0 20px 0;
	color: #003366;
	font-size: 40px;
	text-align: center;
}

div#spo-movie.inner.details section#spo-movie-content div#movie-area p {
	margin: 0 0 90px 0;
	text-align: center;
}

div#spo-movie.inner.details section#spo-movie-content div#movie-area div.movie {
	margin: 0 0 30px 0;
}

div#spo-movie.inner.details section#spo-movie-content div#movie-area p.link-back {
	margin: 0 0 30px 0;
	text-align: center;
}

div#spo-movie.inner.details section#spo-movie-content div#movie-area p.link-back a {
	display: inline-block;
	padding: 12px 20px 12px 50px;
	background: #ffffff url(../img/icon_stit01.png) 20px center no-repeat;
	border: 1px solid #63b83c;
	border-radius: 4px;
	color: #63b83c;
}



/* sidenavi */

div#spo-movie.inner section#side-navi {
	float: left;
	width: 200px;
	background: #444444;
}

div#spo-movie.inner section#side-navi ul {
}

div#spo-movie.inner section#side-navi ul li {
	background: #444444;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #4e4e4e;
	border-right: 1px solid #4e4e4e;
}

div#spo-movie.inner section#side-navi ul li a {
	display: block;
	padding: 20px 18px;
	color: #ffffff;
	font-weight: bold;
}

div#spo-movie.inner section#side-navi ul li span {
	display: block;
	padding: 20px 18px;
	color: #ffffff;
	font-weight: bold;
}

div#spo-movie.inner section#side-navi ul li.home a {
	padding: 20px 18px 20px 48px;
    background: url(../img/icon_sn_01.png) 20px center no-repeat;
    background-size: 11%;
}

div#spo-movie.inner section#side-navi ul li.trial a,
div#spo-movie.inner section#side-navi ul li.other a,
div#spo-movie.inner section#side-navi ul li.domestic a {
	padding: 20px 18px 20px 48px;
	background: url(../img/icon_sn_02.png) 20px center no-repeat;
	background-size: 11%;
}

div#spo-movie.inner section#side-navi ul li.device a {
	padding: 20px 18px 20px 48px;
	background: url(../img/icon_sn_05.png) 20px center no-repeat;
	background-size: 11%;
}

div#spo-movie.inner section#side-navi ul li.gold a {
	padding: 20px 18px 20px 48px;
	background: url(../img/icon_sn_04.png) 20px center no-repeat;
	background-size: 11%;
}

div#spo-movie.inner section#side-navi ul li.patient a {
    padding: 20px 18px 20px 48px;
    background: url(../img/stit_05.png) 15px center no-repeat;
    background-size: 11%;
}

div#spo-movie.inner section#side-navi ul li.stit {
	background: #363636;
	border-bottom: 1px solid #999999;
}



@media screen  and (max-width: 767px) {
	/* common - header */
	div#spo-movie header {
		width: 100%;
		padding: 5px 0 5px 0;
	}

	div#spo-movie header div.h-inner {
		width: 100%;
		padding: 0;
	}

	div#spo-movie header h1 {
		width: 100px;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	div#spo-movie header p {
		font-size: 100%;
		text-align: center;
	}

	div#spo-movie header p span.dot {
		display: none;
	}

	div#spo-movie header p span.library {
		display: block;
	}

	div#spo-movie.inner.details header p.mac,
	div#spo-movie.inner.details header p.win {
		display: none;
	}

	div#spo-movie.inner.details section#spo-movie-content p.bread-clumbs {
		width: auto;
		margin: 0 0 20px 0;
	}


	/* login */
	div#spo-movie.spo-login {
		background: url(../img/sp_bg_mv.jpg) center 81px no-repeat;
		background-size: contain;
	}

	div#spo-movie.spo-login section#spo-movie-content p.doctor {
		margin: 25px 0 15px 0;
		font-size: 200%;
	}

	div#spo-movie.spo-login section#spo-movie-content p.text {
		margin: 0 auto 30px auto;
		width: 350px;
		font-size: 110%;
	}

	div#spo-movie.spo-login section#spo-movie-content div#login-box {
		width: 350px;
		padding: 20px 0;
	}

	div#spo-movie.spo-login section#spo-movie-content div#login-box ul,
	div#spo-movie.spo-login.after section#spo-movie-content div#login-box ul {
		width: 300px;
	}

	div#spo-movie.spo-login section#spo-movie-content div#login-box p {
		margin: 0 0 20px 0;
		padding: 0 20px;
		font-size: 110%;
	}

	div#spo-movie.spo-login section#spo-movie-content div#login-box p span {
		display: inline-block;
	}

	div#spo-movie.spo-login section#spo-movie-content div#login-box p.login-btn input,
	div#spo-movie.spo-login section#spo-movie-content div#login-box p.login-btn a {
		width: 300px;
	}

	/* common - inner */
	div#spo-movie.inner section#spo-movie-content {
	    float: none;
	    width: 100%;
	}

	div#spo-movie.inner {
		background: none;
	}

	div#spo-movie.inner div#wrappar {
		width: 100%;
		background: none;
	}

	div#spo-movie.inner.details section#spo-movie-content div#movie-area {
		width: 90%;
		margin: 0 auto 20px auto;
	}

	div#spo-movie.inner.details section#spo-movie-content div#movie-area h1 {
		margin: 0 0 10px 0;
		font-size: 30px;
	}

	div#spo-movie.inner.details section#spo-movie-content div#movie-area p {
		margin: 0 0 30px 0;
		text-align: center;
	}


	/* index - spo-muvie-content */
	div#spo-movie.inner.index section#spo-movie-content div.main-text {
		padding: 200px 20px 15px 20px;
	    background: url(../img/bg_main_index.jpg) center -143px no-repeat;
	    background-size: 250%;
	}

	div#spo-movie.inner.index section#spo-movie-content div.main-text p {
		width: 100%;
	}

	div#spo-movie.inner.index section#spo-movie-content p.test-list {
		padding: 15px 20px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon {
		width: 90%;
		margin: 40px auto 24px auto;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp {
		margin: 30px 0 0 0;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p {
		width: auto;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn01 {
		top: -20px;
	    left: 120px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn02 {
		top: 23px;
		left: auto;
		right: -10px;
		text-align: right;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn03 {
		top: 105px;
		left: auto;
		right: -12px;
		text-align: right;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn04 {
		top: 238px;
    	left: 137px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn05 {
	    top: 200px;
    	left: -5px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn06 {
			top: 23px;
			left: -20px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn01 img,
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn02 img,
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn03 img,
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn04 img,
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn05 img,
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn06 img {
		width: 60%;
		height: auto;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon p.atn {
		margin: 0 0 12px 0;
		text-align: left;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list {
		width: 92%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table h2 {
		float: none;
		width: 72%;
		margin: 0 0 10px 0;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table p.atn {
		float: none;
		width: 92%;
		margin: 0 auto;
		padding: 0;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table {
		width: 90%;
		margin: 0 auto 24px auto;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table {
		width: 100%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr {
		display: inline-block;
		float: left;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr:nth-child(odd) {
		width: 20%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr:nth-child(even) {
		width: 74%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr:nth-child(even) td {
		width: 100%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr th {
		display: list-item;
		list-style: none;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table thead tr th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table thead tr td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr td {
		background: #ffffff;
		border: none;
		border-bottom: 1px solid #c8c8c8;
		color: #333333;
		height: 20px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table thead tr th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr th {
		padding: 10px 0;
		font-size: 75%;
		text-align :center;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table thead tr td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr td {
		padding: 10px 10px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(1) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(1) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(2) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(2) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(5) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(5) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(6) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(6) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(9) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(9) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(10) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(10) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(13) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(13) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(14) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(14) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(17) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(17) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(18) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(18) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(21) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(21) td,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(22) th,
	div#spo-movie.inner.index section#spo-movie-content div#list-table table tbody tr:nth-child(22) td {
		background: #f2f2f2;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td {
		text-align: left;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td p span {
		display: inline-block;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td p + p {
		padding-top: 2px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(1) span {
		display: inline;
		margin-left: 6px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table td img {
		float: left;
		width: 6%;
		margin-right: 10px;
		height: auto;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr th:nth-child(2) {
		height: 70px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(2) {
		width: 100%;
		height: 70px;
		font-size: 85%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td:nth-child(2) strong {
		font-size: 120%;
	}


	div#spo-movie.inner.index section#spo-movie-content div#list-table h2#device + table tr th:nth-child(2),
	div#spo-movie.inner.index section#spo-movie-content div#list-table h2#device + table tr td:nth-child(2) {
		height: 20px;
	}

	div#spo-movie.inner.index section#spo-movie-content div#list-table h2#gold + table tr th:nth-child(2),
	div#spo-movie.inner.index section#spo-movie-content div#list-table h2#gold + table tr td:nth-child(2) {
		height: 20px;
	}




	/* sidenavi */
	div#spo-movie.inner section#side-navi {
		float: none;
		width: 100%;
	}
}








/*font-size*/
#spo-movie .btn-editcomp{font-size:1.29em;}/*18px*/

@media screen  and (min-width: 768px) {
#spo-movie.error-permission .l-main{min-height:400px;}
}



/* ハンバーガー調整用 */
@media screen and (min-width: 768px) {
	.drawer-hamburger {
		display: none !important;
	}

	.drawer-nav {
		position: relative !important;
	}

	.drawer--left .drawer-nav {
		left: 0 !important;
		width: 200px !important;
	}
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
	background-color: #5bb431 !important;
	height: 4px !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

.drawer-hamburger {
	position: absolute !important;
}

/*171020追加*/
.coming-soon img{opacity: 0.5;}
.coming-soon p{
    white-space: nowrap;
    font-size: 85%;
}
.mp4-icon img{width: 36.7%;}


/*180725追加*/
div#spo-movie.inner.index section#spo-movie-content div#icon div.circle1{
	width: 474px;
	margin-top: 30px;
  }
  div#spo-movie.inner.index section#spo-movie-content div#icon div.circle2{
	width: 370px;
	margin-top: 30px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon p.repletion{
	clear: both;
	width: 800px;
	margin: 0 auto;
	text-align: left;
  }
  div#spo-movie.inner.index section#spo-movie-content div#icon.icon2{
	margin: 0px 40px 24px 40px;
	width: auto;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon .w800tp{
	width: 800px;
	margin: 0 auto;
	margin-top: 40px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.circle-text1,div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.circle-text2{
	text-align: center;
	padding-bottom: 70px;
	font-size: 22px;
	color: #1f497d;
	padding-left: 21px;
	font-weight: bold;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn01_b{
	top: 62px;
	left: 215px;
	right: 56px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn02_b{
	top: 108px;
	right: -45px;
	left: 380px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn03_b{
	top: 229px;
    left: 442px;
    right: -122px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn04_b{
	top: 442px;
	left: 330px;
	right: -58px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn05_b{
	top: 442px;
	left: 83px;
	right: 159px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn06_b{
	top: 219px;
	left: -31px;
	right: 271px; 
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn07_b{
	position: absolute;
	top: 75px;
	left: 265px;
	right: -34px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn08_b{
	position: absolute;
	bottom: -8px;
	left: 271px;
	right: -34px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn09_b{
	position: absolute;
	top: 75px;
	left: -12px;
	right: 245px;
  }

  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn10_b{
	position: absolute;
    top: 356px;
    left: 425px;
    right: -77px;
  }

  div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn11_b{
	position: absolute;
    top: 356px;
    left: -19px;
    width: 27%;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list ul.list02 li:nth-child(7){
	padding-left: 23px;
	background: url(../img/spm_icon_13.png) 0 9px no-repeat;
	background-size: 20px;
  }
  
  div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list2{
	color: #666;
  }
  
  @media screen  and (max-width: 767px){
	div#spo-movie.inner.index section#spo-movie-content div#icon.icon2{
	  margin: 0 5%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.circle1{
	  width: 98%;
	  margin: 0 auto;
	  padding-top: 30px;
	  float: none;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.circle2{
	  width: 75%;
	  margin: 0 auto;
	  padding-top: 47px;
	  float: none;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.circle-text1{
	  padding-left: 0px;
	  padding-bottom: 55px;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.circle-text2{
	  padding-left: 0;
	  padding-bottom: 27px;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn01_b{
	  top: 23%;
	  left: 43%;
	  width: 45%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn02_b{
	  top: 35%;
	  right: -12px;
	  width: 46%;
	  left: 58%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn03_b{
	  top: 57%;
	  right: -17px;
	  width: 49%;
	  left: 57%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn04_b{
	  top: 92%;
	  left: 67%;
	  width: 39%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn05_b{
	  top: 92%;
	  left: 12%;
	  width: 50%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn06_b{
	  top: 57%;
	  left: -6%;
	  width: 50%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn07_b{
	  top: 89px;
	  right: -51px;
	  width: 47%;
	  left: 167px;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn08_b{
	  bottom: -24px;
	  left: 175px;
	  right: -43px;
	  width: 41%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn09_b{
	  top: 90px;
	  left: -43px;
	  right: 0px;
	  width: 41%;
	}

	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn10_b{
		top: 75%;
		right: -17px;
		width: 31%;
		left: 73%;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon p.repletion{
	  width: auto;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon .w800tp{
	  width: 100%;
	  margin:20px 0;
	}
  
	div#spo-movie.inner.index section#spo-movie-content div#icon div.icon_list2{
	  width: 91.2%;
	}
  }

/*181029 add*/
div#spo-movie.inner.index section#spo-movie-content div#icon p.mr_17{
	margin: 0 -17px 0 0;
}

@media screen  and (max-width: 767px){
div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn11_b{
    top: 75%;
    left: 3%;
    width: 30%;
}
}

/*20190227*/
div#spo-movie.inner.index section#spo-movie-content div.main-text.main-text-renew{
	background: url(../img/bg_main_index03.jpg) center 0 no-repeat;
}
/*@media screen and (max-width: 767px){
div#spo-movie.inner.index section#spo-movie-content div.main-text.main-text-renew{
	background: url(../img/bg_main_index03.jpg) center -143px no-repeat
}
}*/

/*20190403*/
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area{
	width: 800px;
	margin: 20px auto 0;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03{
	margin: -15px 0 0 0;
	float: none;
	overflow: hidden;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03 li{
	float: left;
	padding-top: 0;
	padding-bottom: 5px;
	padding-right: 20px;
	font-weight: bold;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03 li:nth-child(1)::before{
	content: '■';
	color: #004c56;
	font-size: 30px;
	display: inline-block;
	position: relative;
	top: 5px;
  }
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03 li:nth-child(2)::before{
	content: '■';
	color: #6cc6d6;
	font-size: 30px;
	display: inline-block;
	position: relative;
	top: 5px;
  }
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03 li:nth-child(3)::before{
	content: '■';
	color: #8fc34f;
	font-size: 30px;
	display: inline-block;
	position: relative;
	top: 5px;
  }
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03 li:nth-child(4)::before{
	content: '■';
	color: #f6d123;
	font-size: 30px;
	display: inline-block;
	position: relative;
	top: 5px;
  }
div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn12_b{
	position: absolute;
    top: 108px;
    left: 50px;
    width: 22.5%;
  }
@media screen  and (max-width: 767px){
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area{
	width: 100%;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03{
	margin: 0 0 20px 0;
}
div#spo-movie.inner.index section#spo-movie-content div#icon div.Phases_area ul.list03 li{
	padding-right: 5px;
	line-height: 1em;
}
	div#spo-movie.inner.index section#spo-movie-content div#icon div.btn_link_warpp p.btn12_b{
    top: 35%;
    left: 11%;
    width: 25%;
	}
}

/*20190513*/
div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td.w200{
	width: 200px;
	padding: 5px 21px;
}
@media screen  and (max-width: 767px){
div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td.w200{
	width: 100%;
	padding: 10px 10px;
}
}

/*20191003*/
div#spo-movie.inner section#spo-movie-content .pc-icon {
    width: 17px;
    vertical-align: middle;
    margin: 0 10px;
}
div#spo-movie.inner.index section#spo-movie-content div#list-table h2#domestic {
    background: url(../img/stit_01.png) 20px center no-repeat;
    background-size: 40px 33px;
}
@media screen  and (max-width: 767px){
div#spo-movie.inner.index section#spo-movie-content div#list-table table tr td.h130{
	height: 130px;
}
div#spo-movie.inner.index section#spo-movie-content div#list-table table tr th.h130 {
	height: 130px;
}
}

.video_wrap {
	width: 100%;
	height: 100%;
    margin: auto;
}

video {
	width: 100%;
    height: auto;
}