@charset "utf-8";

#movie > header{
	padding:10px 3em 10px 6px;
	color:#333;
	font-size:18px;
	border-bottom:1px solid #fff;
	-webkit-box-shadow: 0px 1px 1px #c9c9c9;
	-moz-box-shadow: 0px 1px 1px #c9c9c9;
	box-shadow: 0px 1px 1px #c9c9c9;
	cursor:pointer;
	position:relative;
}

#movie > header h1{ position:relative; }

#movie > header strong{
	display:block;
	padding:2px 0 2px;
	font-size:12px;
	font-weight:normal;
	color:#c00;
}

#movie > header h1 strong{ padding-bottom:6px; }


#movie > header:after{
	display:block;
	content:"";
	width:3em;
	height:80%;
	border-left:1px solid rgba(0,0,0,0.1);
	background:url(../../images/smartphone/menu2.png) no-repeat center 50%;
	background-size:28px auto;
	position:absolute;
	right:0;
	top:10%;
	-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.5);
	box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.5);
}

#movie > header span{
	display:block;
	font-size:14px;
}
#movie > header h1 span {
  display: initial;
  font-size: initial;
}

.movie-top-title-box > h1:before {
  content: "";
  float: right;
  width: 50px;
  height: 53px;
}
.movie-top-title-box {
  position: relative;
}
.movie-top-title-box > .barrier-free-box {
  position: absolute;
  right: 0;
  top: 0;
}
.movie-top-title-box > .barrier-free-box > a > img {
  display: block;
}
.movie-top-title-box > .barrier-free-box > a + a > img {
  margin-top: 3px;
}

#m-nav{
	/* display:none; */
  visibility: hidden;
  height: 0px;

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	width:96%;
	padding:10px;

	position:absolute;
	left:6px;
	top:110%;
	padding:10px;
	font-size:14px;

	background:rgba(2,36,71,0.96);

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;

	-moz-box-shadow:0 10px 6px -6px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 10px 6px -6px rgba(0,0,0,0.7);
	box-shadow:0 10px 6px -6px rgba(0,0,0,0.7);

	z-index:150;
}
#m-nav.visible {
  visibility: visible;
  height: initial;
}

#m-nav li{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:50%;
	text-align:center;
	float:left;
	padding:2px;

	border-right:1px solid rgba(0,0,0,0.4);
	border-bottom:1px solid rgba(0,0,0,0.4);
	border-top:1px solid rgba(255,255,255,0.1);
	border-left:1px solid rgba(255,255,255,0.1);

}

#m-nav li:first-child,
#m-nav li:nth-child(2){ border-top:none; }
#m-nav li:last-child,
#m-nav li:nth-last-child(2){ border-bottom:none; }

#m-nav li:nth-child(odd){ border-left:none;}
#m-nav li:nth-child(even){ border-right:none;}

#m-nav a{
	display:block;
	padding:12px 2px;
	color:#999;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#m-nav a[href]{ color:#fff; }
#m-nav #a a{ background:rgba(255,255,255,0.2); }



#m-nav2{
	padding:6px;
}

#m-nav2 a{
	display:block;
	min-height:130px;
	margin-bottom:6px;
	padding:12px 24px 0 0;

	background:#fff url(../../images/smartphone/icon_linkarrow.png) no-repeat right center;
    background-size: auto 13px, auto;
	border:1px solid #bbb;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

	-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);
	box-shadow:0 0 4px rgba(0,0,0,0.3);

	color:#333;
	position:relative;
}


#m-nav2 dl{ padding-left:104px; }

#m-nav2 dt{
	margin-bottom:6px;
	font-size:16px;
	font-weight:bold;
}

#m-nav2 dd{
	overflow:hidden;
	font-size:12px;
}

#m-nav2 dd:nth-of-type(1){
	position:absolute;
	left:6px;
	top:6px;
}

#m-nav2 dd:nth-of-type(1) img{
	width:90px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}


#m-nav2 dd:nth-of-type(5){ padding-top:4px; border-bottom:none; }
#m-nav2 dd:nth-of-type(5) span{
    display:inline-block;
	width:60px;
	height:12px;
    margin:0 0 0 6px;
	font-size:0;
	line-height:0;
	text-align:left;
    vertical-align:middle;
	position:relative;
	top:-2px;
	background:url(../../images/smartphone/star0.png) no-repeat 0 -12px;
	background-size:60px auto;
}

#m-nav2 dd:nth-of-type(5) span img{
    display:inline-block;
    width:60px;
	height:12px;
    margin:0;
    vertical-align:middle;
	background: url(../../images/smartphone/star0.png) no-repeat 0 0;
	background-size:60px auto;
}

#m-nav2 dd:nth-of-type(5) span.r0 img{ width:0; }
#m-nav2 dd:nth-of-type(5) span.r1 img{ width:6px; }
#m-nav2 dd:nth-of-type(5) span.r2 img{ width:12px; }
#m-nav2 dd:nth-of-type(5) span.r3 img{ width:18px; }
#m-nav2 dd:nth-of-type(5) span.r4 img{ width:24px; }
#m-nav2 dd:nth-of-type(5) span.r5 img{ width:30px; }
#m-nav2 dd:nth-of-type(5) span.r6 img{ width:36px; }
#m-nav2 dd:nth-of-type(5) span.r7 img{ width:42px; }
#m-nav2 dd:nth-of-type(5) span.r8 img{ width:48px; }
#m-nav2 dd:nth-of-type(5) span.r9 img{ width:54px; }
#m-nav2 dd:nth-of-type(5) span.r10 img{ width: 60px; }

#m-nav2 dd strong{
	padding-right:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff6c00;
	font-size:16px;
}

/* +++++++++++++++++++++++++
	spBox
+++++++++++++++++++++++++++ */
#spBox a{
	display:block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	min-height:74px;
	font-size:12px;
	margin:2px 0;
	padding:6px 24px 6px 106px;
	color:#333;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	position:relative;
	background:#fffbe3 url(../../images/smartphone/icon_linkarrow.png) no-repeat right center;
    background-size: auto 13px;

}

#spBox img{
	width:90px;
	position:absolute;
	left:6px;
	top:6px;
}

#spBox strong{
	display:inline-block;
	margin-right:4px;
	padding:1px 3px;
	font-size:11px;
	font-weight:normal;
	background:rgba(0,0,0,0.7);
	color:rgba(255,255,255,0.9);

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#fixed-nav {
    -webkit-text-size-adjust: auto;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    padding:10px;
    overflow:hidden;
    background:rgba(255, 255, 255, 0.85);
    z-index:1000;
}
body.forceSp > #fixed-nav {
    min-width: 320px;
    max-width: 430px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#fixed-nav li {
    float:left;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    width:50%;
    padding:0 1%;
    text-align:center;
}
#fixed-nav a {
    display:block;
	padding:4px 6px 3px;
    color:rgba(255,255,255,1);
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space: nowrap;
	font-size:13px;
}
#fixed-nav a[href]{
    color:rgba(255,255,255,1);
}
#fixed-nav li:nth-child(1) a {
	background:#004489;
	color:rgba(255,255,255,1);

	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 2px 0 #002952;
	-moz-box-shadow: 0px 2px 0 #002952;
	box-shadow: 0px 2px 0 #002952;
}
#fixed-nav li:nth-child(1) a span {
	display:inline-block;
	background:url(../../images/smartphone/fixed_nav_arrow.png) no-repeat right 3px;
	background-size: 15px auto;
	padding:3px 19px 2px 0;
}
#fixed-nav li:nth-child(2) a {
    background:#b1b1b1;
	color:rgba(222,222,222,1);

	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 2px 0 #b1b1b1;
	-moz-box-shadow: 0px 2px 0 #b1b1b1;
	box-shadow: 0px 2px 0 #b1b1b1;
}
#fixed-nav li:nth-child(2) a span {
	display:inline-block;
	background:url(../../images/smartphone/fixed_nav_arrow.png) no-repeat right -125px;
	background-size: 15px auto;
	padding:3px 19px 2px 0;
}
#fixed-nav li:nth-child(2) a[href] {
    background:#ce3a3a;
	color:rgba(255,255,255,1);

	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 2px 0 #911313;
	-moz-box-shadow: 0px 2px 0 #911313;
	box-shadow: 0px 2px 0 #911313;
}
#fixed-nav li:nth-child(2) a[href] span {
	display:inline-block;
	background:url(../../images/smartphone/fixed_nav_arrow.png) no-repeat right -61px;
	background-size: 15px auto;
	padding:3px 19px 2px 0;
}
.prof dl {
  position: relative;
}
.edit {
  float: right;
  padding: 3px 10px;
  border-radius: 15px;
  border: 1px solid #bbb;
  background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 100%);
  background: -webkit-gradient(linear, top center, bottom center, color-stop(0, rgba(255, 255, 255, 1)), color-stop(1, rgba(219, 219, 219, 1)));
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 3px 8px;
  text-align: center;
}
.edit a {
  color: #000;
}
.review-detail .edit {
  margin-right: 10px;
  bottom: 15px;
}
.prof .edit, .review-detail .edit {
  display: none;
}
.myself .prof .edit, .myself .review-detail .edit {
  display: inline;
}