<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------------------------------------------reset-*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, form,
dl, dt, dd, ol, ul, li,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote{padding-left:1.5em;}
table{border-collapse:collapse;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/*---------------------------------------------------------------------------------------------------------- Basic class-*/
a {
	margin: 0;
	padding: 0;
	border: 0;
	color: #66696C;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
}

a:hover{
	color: #2D5991;
	text-decoration: underline;
}
a:active{
	color:#FF9900;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
	vertical-align:middle;
	padding: 2px 0;
}
html{
	margin:0;
	padding:0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.35em;
	background-color: rgba(250,250,248,1);
	color: rgba(70,70,70,1);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.eng{
	font-family: Arial, Helvetica, sans-serif;
}
p{
	padding-bottom: 0.8em;
}
p.catch{
	font-size: 32px;
	line-height: 1.1em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	clear: both;
}
p.catch2{
	font-size: 28px;
	line-height: 1.1em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	clear: both;
}
p.catch3{
	font-size: 20px;
	line-height: 1.25em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	clear: both;
	padding-left: 1.2em;
	text-indent: -0.9em;
}
p.catch4{
	font-size: 16px;
	line-height: 1.2em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	clear: both;
	padding-left: 1.05em;
	text-indent: -0.9em;
}
p.catch5{
	font-size: 14px;
	line-height: 1.2em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
p.catch:before{ content:'“'; font-size:42px;}
p.catch:after{ content:'”'; font-size:42px;}
p.catch3:before{ content:'“'; font-size:28px;}
p.catch3:after{ content:'”'; font-size:28px;}
p.catch4:before{ content:'“'; font-size:20px;}
p.catch4:after{ content:'”'; font-size:20px;}
h1.jura{
	font-family: Jura, sans-serif;
	font-size: 26px;
	margin-bottom: 20px;
}
h2.jura{
	font-family: 'Jura', sans-serif;
	font-size: 26px;
	margin-bottom: 20px;
	font-weight: 400;
	padding: 3px 0 0 0;
	padding-left: 14px;
	text-indent: -8px;
	line-height: 0.9em;
}
h1.film-catch{
	display: block;
	font-weight: normal;
	font-size: 16px;
	padding: 0 0 0 8px;
	margin: 0 0 20px -15px;
	border-left: rgba(193,62,62,1) 4px solid;
}
h2.jura-frip{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	color: rgba(91,91,91,1);
	display: block;
}
h2.jura-frop{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	color: rgba(91,91,91,1);
	display: block;
	clear: both;
	line-height: 1.4em;
}
h2.jura-frop em{
	font-size: 14px;
	font-style: normal;
}
body.eng h2.jura-frop{
	font-family: 'Jura', sans-serif;
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: normal;
	color: rgba(91,91,91,1);
	display: block;
	line-height: 1em;
}
h2.winner{
	font-size: 20px;
	padding: 15px 0 0 40px;
	font-weight: normal;
	border-bottom: rgba(193,62,62,1) 3px solid;
	margin: 35px 0 20px 10px;
	position: relative;
	line-height: 1em;
}
h2.winner:before{
	content: url(../images/award/winner.png);
	position: absolute;
	left: -20px;
	bottom:-7px;
}
body.eng h2.winner{
	font-family: 'Jura', sans-serif;
	font-size: 24px;
	line-height: 0.9em;
	padding-top: 8px;
}
h2.winner span{
	font-size: 12px;
	display: block;
	padding: 5px 0 3px 0;
	font-family: Jura, sans-serif;
}
h1.jura:before,h2.jura:before,h2.jura-frip:before,h2.jura-frop:before{
	content:'';
	padding-right:5px;
	height:1em;
	border-left: rgba(193,62,62,1) 3px solid;
}

h1.jura span,h2.jura span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding: 4px 0 0 10px;
}
h2.grand{
	font-family: 'Jura', sans-serif;
	font-size: 32px;
	padding: 5px 0 3px 0;
	font-weight: normal;
	border-bottom: rgba(193,62,62,1) 3px solid;
	margin: 5px 0 20px 0;
	text-align: center;
	border-left: none;
}
h2.grand span{
	font-size: 18px;
	display: block;
	padding: 5px 0 3px 0;
	font-family: 'Jura', sans-serif;
}
h2.jura-frop span{
	font-family: 'Jura', sans-serif;
	display: block;
	font-size: 16px;
	font-weight: normal;
	padding: 7px 0 0 0;
	line-height: 1.1em;
}
h1.jura span,h2.jura em{
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	display: block;
}
h3.jurah3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	color: rgba(91,91,91,1);
	display: block;
	border-left: rgba(193,62,62,1) 3px solid;
	padding-left: 5px;
	margin-left: 10px;
}
h3.h3{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	padding: 7px 0 4px 0;
	margin-bottom:10px;
	color: rgba(51,51,51,1);
	border-bottom: #ccc 1px dashed;
}
#google_translate_element .trance{width:100%; margin:0 auto; display:block; text-align:right;}
/*===============================================

ARCHTECT

================================================ */
.wrapper{
	padding: 0 0 0 0;
}
.header{
	height: 225px;
	background-color: rgba(29,28,26,1);
	/* [disabled]position: fixed; */
	z-index: 900;
	width: 100%;
	box-shadow: 0px 2px 2px rgba(51,51,51,.4);
}
.header-inner{
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/common/header.jpg);
	height: 180px;
	background-position: -60px -10px;
	background-repeat: no-repeat;
	position: relative;
}
.head-logomark{
	width: 290px;
	height: 180px;
	margin: 0 auto;
}
.head-logomark a{
	width: 300px;
	height: 180px;
	display: block;
	background: url(../images/common/logo.png) center center no-repeat;
	text-indent: -150%;
	white-space: nowrap;
	overflow: hidden;
	background-size: 240px;
}
.head-logomark a:hover{

}
.head-logo{
	padding: 15px 8px 20px 70px;
	background: url(../images/common/2017logo.png) right center no-repeat;
	background-size: 65px;
	position: absolute;
	right: 5px;
	top: 8px;
}
.head-logo h2.ssfflogo{
	font-family: 'Jura', sans-serif;
	color: rgba(224,223,218,1);
	font-size: 12px;
	font-weight: 600;
	display: none;
}
.lang-nav{
	width: 100%;
	overflow: hidden;
	/* [disabled]position: relative; */
	margin: 0;
	height: 40px;
	z-index: 99;
}
.lang-btn{
	float: left;
	background-color: #F0F0EC;
	border-radius: 5px 0px 0px 5px;
	display: block;
	width: 33px;
	font-size: 8px;
	text-align: center;
	padding: 3px 0 3px 5px;
}
.lang-btn:before{
	content: '\f0ac';
	font-family: 'icomoon';
	font-size: 22px;
	color: rgba(63,102,141,1);
	display: block;
}
ul.lang{
	display: block;
	width: 280px;
	list-style: none;
	text-align: right;
	font-size: 12px;
	background-color: rgba(0,0,0,.7);
	padding: 0;
	position: absolute;
	right: 0px;
	z-index: 100;
	bottom: 0px;
	height: 38px;
}
ul.lang li a{
	display: block;
	float: left;
	padding: 10px 3px 3px;
	border-bottom: 3px solid rgba(102,102,102,1);
	margin-left: 10px;
	text-align: center;
	color: rgba(153,153,153,1);
}
li.lang01 a{
	margin-left: 20px !important;
	border-bottom: 3px solid rgba(192,70,67,1) !important;
}
body.eng li.lang01 a{
	margin-left: 20px !important;
	border-bottom: 3px solid rgba(102,102,102,1) !important;
}
li.lang02 a{}
body.eng li.lang02 a{
	border-bottom: 3px solid rgba(192,70,67,1) !important;
}
li.lang03 a{}
li.lang04 a{}
ul.lang li a:hover{
	border-bottom: 3px solid rgba(192,70,67,1);
	text-decoration:none;
	color:rgba(204,204,204,1);
}
.glbmenu{
	clear: both;
	bottom: 0;
}
nav ul.glb{
}
nav ul.glb li{
	border-bottom: #ccc 1px dotted;
}
nav ul.glb li a{
	display: block;
	font-size: 14px;
	text-align: center;
	padding: 12px 10px 0;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	height: 40px;
	transition: all 0.4s;
}

nav ul.glb a span{
	display: block;
	font-size: 10px;
	color: rgba(209,209,209,1);
	padding: 0;
	line-height: 1.5em;
}
li.glb01 a{
}
li.glb02 a{
}
li.glb03 a{
}
li.glb04 a{
}
li.glb05 a{
}
li.glb06 a{
}
.social{
	width: 180px;
	padding: 12px 0 0 0;
	position: absolute;
	left: 10px;
	bottom: -36px;
	z-index: 80;
}
.social a span{
	font-size: 28px;
	padding: 0 3px 0 0;
	color: rgba(154,153,148,1);
}
.social a.head-fb span:hover{
	color: rgba(9,79,225,1);
}
.social a.head-tw span:hover{
	color: rgba(0,153,204,1);
}
.social a.head-go span:hover{
	color: rgba(204,51,0,1);
}
.social a.head-in span:hover{
	color: rgba(157,88,190,1);
}
.social a.head-li span:hover{
	color: rgba(204,51,51,1);
}
.social a:hover{
	text-decoration:none;
}
.ticket_box{
	padding: 10px 10px 0;
	margin-bottom: 20px;
	border: 2px solid #333;
	position: relative;
}
.ticket_box:after{
	content:'';
	width:36px;
	height:22px;
	background:url(../images/ticket/ticket-smp.png);
	position:absolute;
	bottom:-20px;
	left:45%;
}
.ticket_fighter{
	margin: 0 0 10px;
	display: block;
}
.ticket{
	width: 120px;
	position: absolute;
	height: 30px;
	right: 5px;
	top: 184px;
}
.tic a,.map a{
	width: 52px;
	height: 30px;
	display: block;
	float: left;
	padding: 2px;
	font-size: 9px;
	text-align: center;
	color: rgba(199,198,188,1);
	line-height: 0.3em;
	margin-right: 5px;
	border-radius: 5px;
	transition: all 0.3s;
	opacity: 0.8;
}
.tic span{
	font-size: 25px;

	display: block;
}
.map span{
	font-size: 26px;
	display: block;
}
.tic a{
	background: #1b3244;
	background: -moz-linear-gradient(45deg,  #1b3244 0%, #5e3270 100%);
	background: -webkit-linear-gradient(45deg,  #1b3244 0%,#5e3270 100%);
	background: linear-gradient(45deg,  #1b3244 0%,#5e3270 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3244', endColorstr='#5e3270',GradientType=1 );
}
.map a{
background: #313d6d;
background: -moz-linear-gradient(45deg,  #313d6d 1%, #6b3279 100%);
background: -webkit-linear-gradient(45deg,  #313d6d 1%,#6b3279 100%);
background: linear-gradient(45deg,  #313d6d 1%,#6b3279 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d6d', endColorstr='#6b3279',GradientType=1 );
line-height:0.3em;
margin-right:0;
}
.faq a{display:none;}
.tic a:hover,.map a:hover{
	text-decoration:none;
	opacity:1;
}
/*------------------------------------------------------- DRAWER MENU
*/
/*!
 * jquery-drawer v3.2.1
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta &lt;design@blivesta.com&gt; (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-nav {
	position: fixed;
	z-index: 101;
	top: 0;
	overflow: hidden;
	width: 16.25rem;
	height: 100%;
	color: #222;
	background-color: rgba(255,255,255,.8);
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-menu-item {
  font-size: 1rem;
  display: block;
  padding: .75rem;
  text-decoration: none;
  color: #222;
}

.drawer-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

/*! overlay */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}
/*!------------------------------------*\
    Top
\*!------------------------------------*/
.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  -webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--top.drawer-open .drawer-nav {
  top: 0;
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0;
}
/*!------------------------------------*\
    Left
\*!------------------------------------*/
.drawer--left .drawer-nav {
  left: -16.25rem;
  -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 16.25rem;
}
/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem;
}
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 18px;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #222;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}

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

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/*!------------------------------------*\
    accessibility
\*!------------------------------------*/

/*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}
/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}
/*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%;
}

/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
  position: fixed;
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center;
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent;
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
  padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    float: left;
    width: auto;
    padding: 0;
    border: 0;
  }

  .drawer-navbar .drawer-menu--right {
    float: right;
  }

  .drawer-navbar .drawer-menu li {
    float: left;
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .drawer-navbar .drawer-hamburger {
    display: none;
  }

  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    height: 3.75rem;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  .drawer-navbar .drawer-menu {
    padding: 0;
  }

  /*! dropdown */
  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 16.25rem;
    border: 1px solid #ddd;
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem;
  }
}
/*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
/*.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown-menu &gt; li {
  width: 100%;
  list-style: none;
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222;
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent;
}

.drawer-dropdown.open &gt; .drawer-dropdown-menu {
  display: block;
}

.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, opacity .2s ease;
  transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.drawer-dropdown.open .drawer-caret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}*/
/*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}

/*.tic a,.map a{
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	padding:2px;
	font-size: 9px;
	text-align: center;
	color: rgba(199,198,188,1);
	line-height: 0.3em;
	margin-right:5px;
	border-radius:5px;
	transition:all 0.3s;
	opacity:0.8;
}
.tic span,.map span{
	font-size:34px;
	display:block;
}
.tic a{
background: #1b3244;
background: -moz-linear-gradient(45deg,  #1b3244 0%, #5e3270 100%);
background: -webkit-linear-gradient(45deg,  #1b3244 0%,#5e3270 100%);
background: linear-gradient(45deg,  #1b3244 0%,#5e3270 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3244', endColorstr='#5e3270',GradientType=1 );
}
.map a{
background: #313d6d;
background: -moz-linear-gradient(45deg,  #313d6d 1%, #6b3279 100%);
background: -webkit-linear-gradient(45deg,  #313d6d 1%,#6b3279 100%);
background: linear-gradient(45deg,  #313d6d 1%,#6b3279 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313d6d', endColorstr='#6b3279',GradientType=1 );
line-height:0.3em;
}
.tic a:hover,.map a:hover{
	text-decoration:none;
	opacity:1;
}*/
.free{
	width: 80px;
	height: 80px;
	position: absolute;
	right: 3px;
	top: 80px;
	background-image: url(../images/common/free.png);
	background-size: 80px;
	z-index: 1;
}
body.eng .free{
	background-image: url(../images/common/free_e.png);
}

/*-------------------------------------------------------------Footer 
*/
.footer{
	clear: both;
	background-color: #484848;
	margin: 20px 0 0 0;
}
.copy{
	color: rgba(204,204,204,1);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 20px 0;
}
.footmenu{
	font-size: 12px;
}
.foot-title{
	color: rgba(204,204,204,1);
	font-size: 13px;
	padding: 5px 0;
	text-align: center;
	background-color: rgba(46,46,46,1);
	margin-bottom: 2px;
}
.foot-title:after{
	content:'\f078';
	font-family:'icomoon';
	position:absolute;
	right:15px;
	color:rgba(153,153,153,1);
}
.foot-title.close:after{
	content:'\f077';
	font-family:'icomoon';
	position:absolute;
	right:15px;
}
.footmenu a{
	color:rgba(204,204,204,1);
}
.footmenu a:hover{
	text-decoration:underline;
}
.footmenu ul{
	display: none;
	width: 98%;
	border-right: #ccc 1px dotted;
	margin: 0 0 2% 0;
	padding: 0 1%;
}
.footmenu ul:nth-child(3){
	/* [disabled]border-right: none; */
	/* [disabled]margin: 0; */
}
.footmenu ul li {
	line-height: 1.2em;
}
.footmenu ul li a{
	font-size: 12px;
	padding-left: 15px;
	padding: 4px 0 4px 15px;
	display: block;
}
.footmenu ul li.menu-title a{
	padding-left: 0px;
}
.pagetop a{
	width: 30px;
	height: 30px;
	background-color: rgba(128,128,128,.7);
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: rgba(204,204,204,1);
	float: right;
	transition: all .5s;
	/* [disabled]margin-top:-10px; */
	border-radius: 5%;
}
.pagetop a span{
	font-size: 30px;
}
.pagetop a:hover{
	border-radius: 50%;
	text-decoration: none;
	color: rgba(249,249,249,1);
	background-color: rgba(128,128,128,1);
}
/*===============================================

TOPPAGE

================================================ */

/*-------------------------------------------------------- slider
*/

.bxslider {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.bxslider li{
}
.bxslider li img{
	width: 100%;
	height: auto;
}
.slideinner{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.bx-wrapper {
 margin:0 auto;
 position:relative;
}
.bx-wrapper .bx-pager {
 margin:0 auto;
 background:#fff;
}
/* コントローラー */
.bx-wrapper .bx-prev {
 left:10px;
}
.bx-wrapper .bx-next {
 right:10px;
}
.bx-wrapper .bx-prev:before {
	content:'\f137';
	font-family:'icomoon';
	font-size:30px;
}
.bx-wrapper .bx-next:before {
	content:'\f138';
	font-family:'icomoon';
	font-size:30px;
}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
.bx-wrapper .bx-controls-direction a {
 position:absolute;
 top:45%;
 outline:0;
 width:32px;
 height:32px;
/* text-indent:-9999px;*/
 z-index:19;
	color:rgba(255,255,255,.4);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background:#000;
}
.sp-ticker{
	position: relative;
	margin-bottom: 10px;
}
.sp-title{
	width: 60px;
	height: 20px;
	background-color: rgba(0,0,0,1);
	font-family: Jura, sans-serif;
	text-align: center;
	color: rgba(204,204,204,1);
	font-size: 12px;
	font-weight: 600;
	display: block;
	position: absolute;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 100;
	left: -23px;
	top: 20px;
}
.bxticker{
	height: 60px;
	overflow: hidden;
	background-color: #fff;
}

.bxticker li img{
	width:180px;
 height:auto;
}

/*---------------------------------------------------------------- END SLIDER
*/
.wrap{
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
}
.header-inner .wrap{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.mainunit{
	width: 100%;
}
.subunit{
	width: 100%;
}
.top-tube{
	margin-bottom: 40px;
	width: 100%;
}
.top-tube iframe{
	width: 100%;
}
.topnews-block{
	margin-bottom: 50px;
}
.topnew-news{
	font-size: 11px;
	padding: 2px 3px 2px 0;
	color: #fff;
	text-shadow: 0px 0px 6px rgba(255,51,0,1),0px 0px 5px rgba(143,52,96,1);
}
.topnews-box{
	margin-bottom: 5px;
	border-bottom: #ccc 1px dotted;
	padding-bottom: 5px;
}
.topnews-tmb{
	width: 20%;
	float: left;
	margin: 0 2% 0 0;
	height: 50px;
	overflow: hidden;
}
.topnews-tmb img{
	width:100%;
	height:auto;
}
.topnews-txt{
	float: left;
	width: 78%;
}
.topnews-txt a:hover{
	text-decoration:none;
}
.guest-block{
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.guest-box{
	border: 1px solid #ccc;
	box-sizing: content-box;
	border-bottom: none;
}
/*.guest-tmb{
	width: 26%;
	float: left;
	margin: 0;
}*/
.guest-txt{
	float: left;
	width: 70%;
	padding: 10px 2%;
}
/*.guest-tmb img{
	width:100%;
	height:auto;
	display:block;
}*/
.banner-block{}
.banner-block img{}
.column-block{
	margin-bottom: 50px;
}
.project-box{
	width: 96%;
	margin: 0 auto 10px;
	
}
.column-tmb01{
	width: 100%;
	height: 90px;
	background: url(../images/top/project-tmb-smp01.png) no-repeat center center #fff;
	text-indent: -150%;
	white-space: nowrap;
	overflow: hidden;
	background-size: contain;
	border: #ccc 1px solid;
}
.column-tmb02{
	width: 100%;
	height: 90px;
	background: url(../images/top/project-tmb-smp02.png) no-repeat center bottom;
	text-indent: -150%;
	white-space: nowrap;
	overflow: hidden;
	background-size: cover;
	border: #ccc 1px solid;
}
.column-tmb03{
	width: 100%;
	height: 86px;
	background: url(../images/top/project-tmb-smp03.png) no-repeat center top;
	text-indent: -150%;
	white-space: nowrap;
	overflow: hidden;
	background-size: cover;
	border: #ccc 1px solid;
}
.column-box{
	width: 48.6%;
	float: left;
	margin: 0 1.4% 10px 0;
}
.column-box:nth-child(2n){
	margin: 0 0px 10px 0;
}
.project-box .column-tmb{
	height:autp;
}
.column-box .column-tmb{
	height: 100px;
	overflow: hidden;
}

.column-txt{
	font-size: 12px;
}
.column-tmb img{
	width: 100%;
	height: auto;
	border: #ccc 1px solid;
	box-sizing: content-box;
}
.column-date{
	margin: 3px 0 0 0;
	background-color: rgba(169,167,95,1);
	padding: 0 0 2px 5px;
	font-size: 12px;
	color: #fff;
}
.date-new{
}
.date-new:before{
	content:'NEW';
	width: 30px;
	float: right;
	background-color:rgba(204,51,0,1);
	display:block;
	margin:0 0 0 0;
	padding:1px 5px;
	position:relative;
}
.banner-block{}
.banner-block img{
	width:100%;
	height:auto;
	margin-bottom: 8px;
	border: #ccc 1px solid;
	box-sizing: border-box;
}
.submenu-unit{
	background-image: url(../images/common/menu-bg.gif);
	margin: 0 0 30px;
	font-size: 12px;
	width: 100%;
}
ul.program-ul{ display:none;}
ul.program-ul li{}
.submenu-unit span.sub_title{
	background-color: rgba(51,51,51,0.4);
	padding: 2px 3px 2px 5px;
	color: #FAFAF8;
	border-top: 2px solid #fff;
	display: block;
}
.submenu-unit span.sub_title:after{
	content: '\f078';
	font-family: 'icomoon';
	position: absolute;
	right: 15px;
	color: rgba(204,204,204,1);
}
.submenu-unit span.sub_title.close:after{
	content:'\f077';
	font-family:'icomoon';
	position:absolute;
	right:15px;
}
ul.program-ul li a{
	padding: 2px 0 2px 10px;
	display: block;
	transition:all 0.3s;
}
ul.program-ul li a:hover{
	text-decoration: none;
	background-color: rgba(130,150,174,.8);
	color: rgba(255,255,255,1);
}

.forlist{	position:relative;}
.forlist a{
	position: absolute;
	right: 0;
	top: -76px;
	display: block;
	width: 42px;
	text-align: center;
	padding-top: 12px;
	height: 30px;
	background-color: rgba(250,250,248,1);
	border: rgba(204,204,204,1) 1px solid;
	color: #666;
	font-size: 12px;
	border-radius: 50%;
	transition: all 0.3s;
}
.forlist a:hover{
	background-color: rgba(193,62,62,1);
	border: rgba(193,62,62,1) 1px solid;
	height: 35px;
	padding-top: 15px;
	height: 35px;
	width: 50px;
	color: #fff;
	right: -5px;
	top: -60px;
}
body.eng .forlist a{
	top: -54px;
}
body.eng .forlist a:hover{
	top: -58px;
}
/*---------------------------------------------------------------- TOP PAGE SOCIAL
*/
.top-social{
	width: 100%;
	margin-bottom: 10px;
}
.other-social{
	width: 100%;
	margin-bottom: 20px;
}
.top-social div,.other-social div{
	margin-left: 4px;
	display: inline-block;
	float: right;
}
.top-fb{}
.top-tw{
	padding-top: 1px;
}
.top-line{
	padding-top: 1px;
}
.top-ggl{
	padding-top: 1px;
}
/*---------------------------------------------------------------------アバウト
*/
.lilico img{
	width: 250px;
	height: auto;
	margin: 0 auto 20px;
	display: block;
}
.bessyo img{
	width: 250px;
	height: auto;
	margin: 0 auto 20px;
	display: block;
}
.cinematec img{
	width: 100%;
	height: auto;
	margin: 10px 0 30px;
}
.iwai,.jeunet{
	width: 250px;
	height: auto;
	margin: 0 auto 20px;
	display: block;
}
.iwai img,.jeunet img{ 	width: 100%;
	height: auto;
	margin: 10px 0 30px;
}
.gwl{

}
.gwl img{
	width: 250px;
	height: auto;
	margin: 0 auto 20px;
	display: block;
}
.koike{
	/* [disabled]margin: 0 20px 20px 0; */
}
.koike img{
	width: 250px;
	height: auto;
	margin: 0 auto 20px;
	display: block;
}
/*----------------------------------------------------------------------- 映画紹介P
*/
.cp-unit{
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: #ccc 1px solid;
}
ul.cp-btn{
	list-style: none;
}
ul.cp-btn li a{
	padding: 15px 0;
	display: block;
	float: left;
	width: 32%;
	text-align: center;
	margin: 0 1.3% 6px 0;
	border-radius: 4px;
	opacity: 0.9;
	font-size: 13px;
}
ul.cp-btn.setint li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ffa220), color-stop(0.14, #e6ca2d));
background: -webkit-linear-gradient(top, #e6ca2d 14%, #ffa220 88%);
background: -moz-linear-gradient(top, #e6ca2d 14%, #ffa220 88%);
background: -o-linear-gradient(top, #e6ca2d 14%, #ffa220 88%);
background: -ms-linear-gradient(top, #e6ca2d 14%, #ffa220 88%);
background: linear-gradient(to bottom, #e6ca2d 14%, #ffa220 88%);
border-color:rgba(255,204,102,1);
text-shadow:0 1px 1px rgba(0, 0, 0, 0.4), 0 -1px 3px rgba(255, 255, 255, 1);
color:rgba(0,0,0,1);
}
ul.cp-btn.setasia li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #941919), color-stop(0.03, #f23636));
background: -webkit-linear-gradient(top, #f23636 3%, #941919 100%);
background: -moz-linear-gradient(top, #f23636 3%, #941919 100%);
background: -o-linear-gradient(top, #f23636 3%, #941919 100%);
background: -ms-linear-gradient(top, #f23636 3%, #941919 100%);
background: linear-gradient(to bottom, #f23636 3%, #941919 100%);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.9);
color: rgba(247,240,238,1);
}
ul.cp-btn.setearth li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #63e45d), color-stop(1.00, #177431));
background: -webkit-linear-gradient(#63e45d, #177431);
background: -moz-linear-gradient(#63e45d, #177431);
background: -o-linear-gradient(#63e45d, #177431);
background: -ms-linear-gradient(#63e45d, #177431);
background: linear-gradient(#63e45d, #177431);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
ul.cp-btn.setcg li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #24655b), color-stop(0.00, #54cfa5));
background: -webkit-linear-gradient(#54cfa5, #24655b);
background: -moz-linear-gradient(#54cfa5, #24655b);
background: -o-linear-gradient(#54cfa5, #24655b);
background: -ms-linear-gradient(#54cfa5, #24655b);
background: linear-gradient(#54cfa5, #24655b);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
ul.cp-btn.setmusic li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3c168d), color-stop(0.00, #af5bec));
	background: -webkit-linear-gradient(#af5bec, #3c168d);
	background: -moz-linear-gradient(#af5bec, #3c168d);
	background: -o-linear-gradient(#af5bec, #3c168d);
	background: -ms-linear-gradient(#af5bec, #3c168d);
	background: linear-gradient(#af5bec, #3c168d);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
ul.cp-btn.settokyo li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #117fa2), color-stop(0.00, #5ac1e2));
background: -webkit-linear-gradient(#5ac1e2, #117fa2);
background: -moz-linear-gradient(#5ac1e2, #117fa2);
background: -o-linear-gradient(#5ac1e2, #117fa2);
background: -ms-linear-gradient(#5ac1e2, #117fa2);
background: linear-gradient(#5ac1e2, #117fa2);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
ul.cp-btn li a:hover{
	opacity:0.6;
}
/*-----------------------------------------------------イベントとスペシャルは表示が少し違う
*/
ul.cp-btn.setspecial li,ul.cp-btn.cp-btn.setevent li{
	width: 48%;
	float: left;
	margin-bottom: 10px;
	margin: 0 2% 10px 0;
	font-size: 13px;
}
ul.cp-btn.setspecial li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #89168d), color-stop(0.00, #c565dc));
	background: -webkit-linear-gradient(#c565dc, #89168d);
	background: -moz-linear-gradient(#c565dc, #89168d);
	background: -o-linear-gradient(#c565dc, #89168d);
	background: -ms-linear-gradient(#c565dc, #89168d);
	background: linear-gradient(#c565dc, #89168d);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
	width: 100%;
	font-size: 12px;
	float:none;
	margin-bottom:5px;
}

ul.cp-btn.setspecial li span{ font-size:10px;}
ul.cp-btn.setevent li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d72d9f), color-stop(0.00, #ea9ad8));
background: -webkit-linear-gradient(#ea9ad8, #d72d9f);
background: -moz-linear-gradient(#ea9ad8, #d72d9f);
background: -o-linear-gradient(#ea9ad8, #d72d9f);
background: -ms-linear-gradient(#ea9ad8, #d72d9f);
background: linear-gradient(#ea9ad8, #d72d9f);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
	width: 100%;
	font-size: 12px;
	float:none;
	margin-bottom:5px;
}


/*----------------------------------------------------------------------- TRACE
*/
nav.trace{
	padding: 20px 0 20px 0;
}
.trace ul{}
.trace ul li{
	display: block;
	float: left;
	font-size: 12px;
	margin: 0 10px 10px 0;
}
.trace ul li a{
	padding: 0 0 3px 0;
	border-bottom: 4px solid rgba(223,223,223,1);
	margin-bottom: 20px;
}
.trace ul li a:hover{
	border-bottom: 4px solid rgba(192,70,67,1);
	text-decoration:none;
}
/*-------------------------------SEARCH-*/
.search{
	width: 100%;
	display: block;
	clear: both;
	padding-top: 5px 0 0 0;
}

#searchform{
	position: relative;
	margin-top: 0px;
}
#s{
	padding: 2px 30px 2px 10px;
	width: 84%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 12px;
	background-color: #FDFDFD;
	color: #999;
	border: #ccc 1px solid;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#searchsubmit{
	position: absolute;
	top: 2px;
	left: 89%;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-image: url(../images/common/search-btn.png);
	border: none;
	cursor: pointer;
}
#searchsubmit:hover{
	opacity:0.4;
}
/*---------------------------e-*/
.search_e{
	width: 100%;
	display: block;
	clear: both;
	padding-top: 5px 0 0 0;
}


body.eng #s{
	padding: 2px 30px 2px 10px;
	width: 84%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 12px;
	background-color: #FDFDFD;
	color: #999;
	border: #ccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}
#searchsubmit{
	position: absolute;
	top: 2px;
	left: 89%;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-image: url(../images/common/search-btn.png);
	border: none;
	cursor: pointer;
}
#searchsubmit:hover{
	opacity:0.4;
}

/*--------------------------------------------------------------- Film Set(ユニット部)
*/
.film-set{}
.film-nav{}
.film-nav ul{

}
.film-nav ul li a{
	display: table-cell;
	float: left;
	padding: 2px 5px 1px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 12px;
	border-bottom: rgba(204,204,204,1) 3px solid;
}
.film-nav ul li a:hover{
	text-decoration: none;
	color: rgba(153,153,153,1);
	border-bottom: rgba(193,62,62,1) 3px solid;
}
.film-nav ul li.active a{
	border-bottom: rgba(193,62,62,1) 3px solid;
}
.time-unit{
	margin: 20px 0 30px;
}
.time-box{
	font-size: 12px;
	margin-top: 1px;
	width: 100%;
}
.time-detail{
	width: 98%;
	padding: 2px 0 1px 2%;
	float: left;
	display: block;
	background-color: #8c8c8c;
	color: #fff;
}
.time-reserve{
	float: left;
	text-align: center;
	width: 60%;
}
.time-site{
	float: left;
	text-align: center;
	width: 40%;
}
.time-reserve a{
	background-color: #dddddd;
	display: block;
	transition: all 0.3s;
	padding: 2px 0 1px 0px;
}
.time-site a{
	padding: 2px 0 1px 0px;
	background-color: #c0c0c0;
	display: block;
	transition: all 0.3s;
}
.time-site a:hover,.time-reserve a:hover{
	color: #fff;
	text-decoration: none;
	background-color: rgba(196,74,78,0.9);
}
/*--------------------------------------------------------------- Film Set(共通)
*/

.mature,.mature1{
	background:url(../images/mature.png) no-repeat right center;
	background-size:50px;
}
.special-mark.lex-mark{
	float: right;
	padding: 3px 10px 2px;
	border: #999 1px solid;
	font-size: 12px;
	border-radius: 5px;
	background-color: #fff;
	margin-right: 5px;
}
.film-special{
	color: rgba(197,80,80,1);
}
.special-mark{ font-size:12px; border:#999 1px solid; border-radius:5px; padding:2px 5px; display:inline-block;}
.free{}
.film-catch{}
.film-sponsor{}
.film-event{}
/*------------------------------------------------------------- Film Set(一覧部)
*/

.tmb-list{
	width: 100%;
	/* [disabled]height: 150px; */
	position: relative;
	overflow: hidden;
}
.tmb-list img{
	display:block;
	margin:0 auto;
	width: 240px;
	height: auto;
}
.tmb-list-tube{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 130px;
	top: 57px;
}
.tmb-list-tube a span{
	font-size:36px;
	color:rgba(255,255,255,.9);
}
.tmb-list-tube a span:hover{
	color:rgba(255,255,255,.5);
	text-decoration:none !important;
}
.one-film{
	margin-bottom: 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.one-film strong{
	font-style: normal;
	font-weight: bold;
	background-color: #7295A0;
	padding: 2px 5px;
	margin-bottom: 5px;
	display: inline-block;
	color: #FAFAF8;
}
h3.one-filmh3{
	font-size: 24px;
	display: block;
	font-weight: normal;
	padding: 10px 0;
	line-height: 1.2em;
	clear: both;
}
body.eng h3.one-filmh3{
	font-family: 'Jura', sans-serif;
	font-size: 28px;
	display: block;
	padding-bottom: 10px;
	font-weight: 400;
}
h3.one-filmh3-dir{
	font-size: 14px;
	display: block;
	padding-bottom: 10px;
	padding: 10px 5%;
}
h3.one-filmh3 span{
	font-size: 12px;
	font-weight: normal;
	display: block;
	padding-top: 5px;
}
.film-list-data{
	background-color: rgba(221,221,221,1);
	font-size: 12px;
	margin-bottom: 15px;
	padding: 3px 0 3px 2%;
	width: 98%;
}
.film-synopsis{
	width: 90%;
	padding: 15px 5% 0;
	font-size: 13px;
	color: rgba(102,102,102,1);
}
.film-synopsis .d-comment{
	font-size: 15px;
	padding-bottom: 15px;
	color: rgba(51,51,51,1);
}
.film-btn{}
.film-btn2{
	width: 300px;
	margin: 0 auto;
}
.film-btn a,.film-btn2 a,.film-btn3 a{
	display: block;
	padding: 5px 0;
	margin: 20px 0 0 0;
	text-align: center;
	background-color: rgba(197,80,80,1);
	color: rgba(255,255,255,1);
	transition: all 0.3s;
}
.film-btn4 a{
	display: inline-block;
	padding: 5px 15px;
	margin: 20px 0 0 0;
	text-align: center;
	background-color: rgba(197,80,80,1);
	color: rgba(255,255,255,1);
	transition: all 0.3s;
}
.film-btn a:hover,.film-btn2 a:hover,.film-btn3 a:hover,.film-btn4 a:hover{
	background-color: rgba(230,151,128,1);
	color: rgba(255,255,255,.7);
}
.film-no{}
/*--------------------------------------------------------------イベント用
*/
.event-guest{
	font-size: 13px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	clear: both;
}
.event-guest-tmb{
	width: 140px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
.event-guest-tmb img{
	width: 100%;
	height: auto;
}
.free-mark{
	padding: 3px 10px;
	float: right;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0px 0 10px;
	clear: both;
}
.yokohama-kako{
	width: 260px;
	float: left;
	padding: 0 20px;
}
.yokohama-kako-tmb{
	width: 250px;
	margin: 0 auto 10px;
	border: 5px solid #fff;
}
.yokohama-kako-tmb img{}
.fighters-guest{
	width: 70%;
	padding: 20px 15% 0;
}
.fighters-guest-tmb{
	width: 170px;
	margin: 0 auto 10px;
	border: 5px solid #fff;
}
.fighters-guest-tmb img{
	width: 170px;
	height: auto;
	display: block;
}
.fighters-btn{
	margin: 0;
}
.fighters-btn a{
	display: block;
	background: linear-gradient(90deg, #913fad, #49af9d, #5d538a);
	background-size: 200% 200%;
	animation: AnimationName 6s ease infinite;
	font-size: 13px;
	color: rgba(255,255,255,1);
	font-weight: bold;
	border-radius: 15px;
	text-align: center;
	transition: all 0.3s;
	margin: 7px 0 0;
	padding: 5px 0;
}
.fighters-block-a{
	width: 45%;
	margin-right: 5%;
	float: left;
}
.fighters-block-b{
	width: 50%;
	float: left;
}

.fighters-btn a:hover{
	background: linear-gradient(90deg, #913fad, #4f837a, #5d538a);
	color:rgba(255,255,255,0.8);
	text-decoration:none;
}
/*------------------------------------------------------------ Film Set(詳細部)
*/
.film-id{
	width: 80px;
	height: 55px;
	padding-top: 25px;
	font-size: 19px;
	white-space: nowrap;
	text-align: center;
	font-family: 'Jura', sans-serif;
	font-weight: 600;
	border-radius: 50%;
	transform: rotate(-5deg);
	line-height: 1em;
	float: right;
	margin: -30px 10px 20px 0;
}
.film-id.id-int-1,.film-id.id-int-2,.film-id.id-int-3,.film-id.id-int-4,.film-id.id-int-5,.film-id.id-int-6,.film-id.id-int-7,.film-id.id-int-8{
	background-color: rgba(255,242,85,1);
	text-shadow: 1px 1px 1px rgba(102,51,0,.5), -1px -1px 1px rgba(255,255,255,1),-2px 0px 1px rgba(255,255,255,1);
}
.film-id.id-aj-1,.film-id.id-aj-2,.film-id.id-aj-3,.film-id.id-aj-4,.film-id.id-aj-5,.film-id.id-aj-6,.film-id.id-aj-7,.film-id.id-aj-8,.film-id.id-aj-9,.film-id.id-aj-10{
	background-color:#B72424;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.9);
color: rgba(247,240,238,1);
}
.film-id.id-earth{
	background-color:#50C852;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
color: rgba(255,255,255,1)
}
.film-id.id-cg-1,.film-id.id-cg-2{
	background-color:#378F78;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
.film-id.id-music-1,.film-id.id-music-2{
	background-color:#41ABCC;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
.film-id.id-tokyo{
	background-color:#B652C9;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
.film-id.id-academy,.film-id.id-cannes,.film-id.id-denmark,.film-id.id-diversity,.film-id.id-edinburgh,.film-id.id-fashion,.film-id.id-fighters,.film-id.id-france,.film-id.id-korea,.film-id.id-taiwan,.film-id.id-kids,.film-id.id-love,.film-id.id-personal,.film-id.id-tec,.film-id.id-wp-1,.film-id.id-wp-2,.film-id.id-tokyo,.film-id.id-shibuya{
	background-color:#5525A2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), -1px -1px 2px rgba(0, 0, 0, 0.9), 0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
	font-size:20px
}
.film-id.id-future,.film-id.id-ibaraki,.film-id.id-kawagoe,.film-id.id-hulu,.film-id.id-ldh{
	background-color: #E478C6;
	text-shadow: 0px 0px 3px rgba(0, 0, 3, 0.8),0 1px 1px rgba(255, 255, 255, 0.9);
	color: rgba(255,255,255,1);
}
	.film-id.id-plain{
	border: #ccc 1px solid;
	color: rgba(51,51,51,1);
}
.film-id span{
	display: block;
	margin: 0 -20px;
}

/*.film-id:after{
	content:'Program';
	font-size:14px;
	display:block;
}*/
.film-id.id-event{
	font-size: 20px;
	padding-top: 30px;
	height: 60px;
	margin-bottom: 0px;
	margin-top: -20px;
}
.film-id.id-event:after{
	content:'Event';
	font-size:14px;
	display:block;
}
.tmb-detail{
	position: relative;
	width: 100%;
}
.tmb-detail-tube{
	position: absolute;
	width: 48px;
	height: 48px;
	left: 42%;
	top: 75px;
	/* [disabled]z-index: 20; */
}
.tmb-detail-tube a span{
	font-size:48px;
	color:rgba(255,255,255,.9);
}
.tmb-detail-tube a span:hover{
	color:rgba(255,255,255,.5);
	text-decoration:none !important;
}

.tmb-detail img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
h2.one-filmh2{
	font-size: 22px;
	display: block;
		line-height:1em;
	color: rgba(96,96,96,1);
	padding: 10px 0;
}
body.eng h2.one-filmh2{
	font-family: 'Jura', sans-serif;
}
h2.one-filmh2 span{
	font-size: 13px;
	font-weight: normal;
	display: block;
	padding-top: 6px;
}
.dir-social{
	padding:5px 0 0;
	width: 250px;
	float: left;
	clear: left;
	font-size: 24px;
}
.dir-award{
	padding: 10px;
	background-color: rgba(228,228,228,1);
	font-size: 12px;
}

.dir-social span.icon-laptop{	color: rgba(102,153,204,1);}
.dir-social span.icon-facebook-square{color: rgba(19,82,138,1);}
.dir-social span.icon-twitter-square{color:rgba(0,153,204,1);}
.dir-social span.icon-google-plus-square{color: rgba(204,51,0,1);}
.dir-social span.icon-vimeo-square{color: rgba(51,153,204,1);}
.dir-social span.icon-instagram{color: rgba(102,51,51,1);}
.dir-social span.icon-laptop:hover{	color: rgba(102,153,204,.6);}
.dir-social span.icon-facebook-square:hover{ color:rgba(19,82,138,.6);}
.dir-social span.icon-twitter-square:hover{ color:rgba(0,153,204,.6);}
.dir-social span.icon-google-plus-square:hover{color: rgba(204,51,0,.6);}
.dir-social span.icon-vimeo-square:hover{ color:rgba(51,153,204,.6);}
.dir-social span.icon-instagram:hover{ color:rgba(102,51,51,.6);}
.crown{
	margin: 15px 10px 0;
	background-color: rgba(228,235,235,1);
	padding: 15px;
}
.crown:before{
	content: 'Screening and Award History';
	font-family: 'Jura', sans-serif;
	color: rgba(135,181,188,1);
	display:block;
	margin-top:-10px;
}
.film-artist{
	padding: 10px 5px;
	background-color: rgba(228,235,235,1);
}
.film-artist-image{
	width: 100px;
	height: 100px;
	float: left;
}
.film-artist-image img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.film-artist-data{
	float: left;
	padding-left: 10px;
}
img.edingb{
	width: 210px;
	height: 70px;
	margin: 5px auto 10px;
	display: block;
}
img.ko-fra-tw{}
.denmark-logo{
	padding: 140px 0 20px 0;
	background: url(../images/programbanner/denmark-logo.png) no-repeat center top;
	background-size: 90px;
	margin: 0;
}
/*----------------------------------------------------------------------------ニュース（一覧）
*/
.toppicsbox{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.news-date-list{
	padding: 0 0 10px 0;
	font-style: italic;
	font-size: 13px;
}
.news-title-list{
	font-size: 16px;
}
.news-title-list a{}
.news-title-list a:hover{}
.newscount{
	padding:6px 0 10px;
	border-top:#ccc 1px solid;
}
.paging{
	font-size:36px;
}
.paging a{
	color:rgba(204,204,204,1);
}
.paging a:hover{
	color:rgba(204,204,204,.8);
}
.paging .rev{
}
.paging .next{

}

/*-------------------------------------------------------------------- ニュース（詳細）
*/
.news-box{
	clear: both;
}
h3.news-title{
	font-size: 20px;
	font-weight:normal;
	line-height:1.5em;
}
.news-date{
	padding: 6px 0 40px;
	margin: 6px 0;
	border-top: #ccc 1px solid;
}
.news-text{width:100%;}
.news-text div{	max-width:100% !important;}
.news-text img{
	max-width:100% !important;
	height:auto;
}
.news-text a img{
	max-width:100% !important;
	height:auto;
}
body.eng h3.news-title{
	font-size: 28px;
	font-family: 'Jura', sans-serif;
}
/*-------------------------------------------------------------------- ゲスト情報(一覧のみ)
*/
.guest-set{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}
.guest_day{
	font-size: 30px;
	font-family: 'Jura', sans-serif;
	font-weight: 700;
	padding: 20px 0;
	color: rgba(120,120,120,1);
	line-height:0.9em;
}
.guest_day span{
	font-size:18px;
	display:block;
}
.guest_day:first-letter{
	color:rgba(204,51,51,1);
}
/*.guest_day:after{
	content: '：ゲスト来場予定';
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
}*/
/*body.eng .guest_day:after{
	content: '：Event date';
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}*/
.guest_name{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: rgba(102,102,102,1);
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.guest_name:before{
	content: 'ゲスト名';
	background-color: rgba(204,51,51,1);
	color: #fff;
	display: inline-block;
	margin:-10px 5px -10px -10px;
	padding:10px;
}
body.eng .guest_name:before{
	content: 'Guest Name';
}
.guest_film{}
/*.guest_tmb{
	width: 100px;
	float: left;
}
.guest_tmb img{
	max-width:100%;
	height:auto;
	margin:10px auto;
}
.guest_photo{}
.guest_photo img{
	max-width:100%;
	height:auto;
	margin:10px auto;
}*/
.guest_return{
	padding: 10px 0;
	margin-bottom: 5px;
}
.guest_detail a,.guest_return a{
	background-color: rgba(250,250,248,1);
	color: rgba(152,118,160,1);
	padding: 3px 20px 4px;
	transition: all 0.3s;
	font-size: 14px;
	text-decoration: none;
	border: rgba(152,118,160,1) 1px dotted;
}
.guest_detail a:hover,.guest_return a:hover{
	background-color: rgba(152,118,160,1);
	border: rgba(152,118,160,1) 1px dotted;
	color: rgba(255,255,255,1);
}
.guest_return a{
	font-size: 16px;
	margin: 10px 0;
}

.guest_cap{
	/* [disabled]width: 470px; */
	/* [disabled]float: right; */
}
.guest_detailcap{

}
.guest_link{}

.guest_link a{
	color: rgba(50,153,203,1) !important;
}
.guest_link a:hover{
	color: rgba(136,197,225,1) !important;
}
/*------------------------------------------------------------------ チケット
*/
.salon_l{
	width: 46%;
	float: left;
	padding: 3% 3% 3% 1%;
	font-size: 11px;
}
.salon_r{
	width: 46%;
	float: left;
	padding: 3% 1% 3% 3%;
	font-size: 11px;
}
.salon_l img,.salon_r img{
	width: 100%;
	height: auto;
	margin-bottom: 3px;
}

.iframe{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.iframe iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*------------------------------------------------------------------ マップ
*/
.map-case{

}
.map-case iframe{
	/* [disabled]display: block; */
	width: 100%;
	height: auto;
}
.root-guide{
	background-color: rgba(240,239,232,1);
	padding: 20px 20px 10px;
	margin-bottom: 80px;
	font-size: 12px;
	border-radius: 0px 0px 10px 10px;
}
a.bluelink,a.bluelink2{
	color: rgba(0,102,204,1);
}
a.redlink{
	color: rgba(204,51,0,1);
}
a.redlink2{
	color: rgba(204,51,0,1);
}
a.redlink:hover,a.redlink2:hover{
	color: rgba(255,153,0,1);
}
a.bluelink:hover{
	color: rgba(0,102,204,.7);
}
a.bluelink2:hover{
	color: rgba(0,102,204,.7);
}
a.bluelink:after,a.redlink:after{
	content:' \f045';
	font-family:'icomoon';
}
.root-guide ul{}
.root-guide ul li{}

/*------------------------------------------------------------------ 開催概要
*/
.what-sf{
	padding: 10px;
	background-color: rgba(217,230,230,1);
	font-size: 13px;
	border-radius: 4px;
}
.what-sf strong{
	color: #639696;
}
/*------------------------------------------------------------------- SCH
*/
table.sch{
	width: 100%;
	font-size: 13px;
	color: rgba(80,80,80,1);
}
table.sch td{
	border: 1px solid #D3D3D3;
	text-align: center;
	font-size: 12px;
	padding: 0;
}
table.sch td:first-child{
	text-align: left;
	padding: 3px 3px 3px 5px;
	background-color: rgba(249,248,244,1);
	border: 1px solid #D3D3D3;
	font-size: 12px;
}
table.sch th{
	width: 16%;
	font-weight: normal;
	border: 1px solid #D3D3D3;
	background-color: rgba(240,240,234,1);
	font-size: 12px;
}
table.sch th:first-child{
	width: 10%;
	font-weight: normal;
	border: 1px solid #D3D3D3;
}
table.sch td a{
	display: block;
	padding: 2px 0;
	color: rgba(51,51,51,1);
	transition: all 0.2s;
	height: 30px;
}
table.sch td a:hover{
	color: rgba(153,153,153,1);
}
td .buy{}
td .reserv{
/*	margin-top: 2px;*/
}
td.int-td a{
	background-color: rgba(254,251,218,1);
}
td.aj-td a{
	background-color: rgba(251,219,217,1);
}
td.earth-td a{
	background-color: rgba(226,237,211,1);
}
td.cg-td a{
	background-color: rgba(221,234,224,1);
}
td.tokyo-td a{
	background-color: rgba(215,228,234,1);
}
td.music-td a{
	background-color: rgba(211,201,233,1);
}
td.sp-td a{
	background-color: rgba(240,217,251,1);
	font-size: 12px;
}
td.ev-td a{
	background-color: rgba(253,225,237,1);
}
td.int-td .reserv a{
	background-color: rgba(245,211,131,1);
	border-top: #fff dotted 1px;
	color:#fff;
}
td.aj-td .reserv a{
	background-color: rgba(236,165,147,1);
	border-top: #fff dotted 1px;
	color:#fff;
}
td.earth-td .reserv a{
	border-top: #fff dotted 1px;
	background-color: rgba(158,207,129,1);
	color:#fff;
}
td.cg-td .reserv a{
	background-color: rgba(164,200,172,1);
	border-top: #fff dotted 1px;
	color:#fff;
}
td.tokyo-td .reserv a{
	background-color: rgba(173,199,211,1);
	border-top: #fff dotted 1px;
	color:#fff;
}
td.music-td .reserv a{
	background-color: rgba(183,168,223,1);
	border-top: #fff dotted 1px;
	color:#fff;
}
td.sp-td .reserv a{
	background-color: rgba(191,143,239,1);
	border-top: #fff dotted 1px;
	color:#fff;
}
td.ev-td .reserv a{
	background-color: rgba(250,175,207,1);
	border-top: #fff dotted 1px;
	color:#fff;
}

td.int-td .reserv a:after,td.aj-td .reserv a:after,td.earth-td .reserv a:after,td.cg-td .reserv a:after,td.tokyo-td .reserv a:after,td.music-td .reserv a:after,td.sp-td .reserv a:after,td.ev-td .reserv a:after{
	content:' \f061';
	font-family:'icomoon';
	display:block;
}

td .buy a{
	background-color: rgba(206,92,64,1);
	color:#fff !important;
	border-top:#fff dotted 1px;
	border-bottom:#fff solid 1px;
	padding-bottom:2px !important;
}
td .buy a:after{
	content:' \f07a';
	font-family:'icomoon';
}
td .buy a:hover{
}

td.int-td a:hover{
	background-color: rgba(254,251,218,.5);
}
td.aj-td a:hover{
	background-color: rgba(249,200,198,0.5);
}
td.earth-td a:hover{
	background-color: rgba(226,237,211,.5);
}
td.cg-td a:hover{
	background-color: rgba(221,234,224,.5);
}
td.tokyo-td a:hover{
	background-color: rgba(215,228,234,.5);
}
td.music-td a:hover{
	background-color: rgba(222,217,236,.5);
}
td.sp-td a:hover{
	background-color: rgba(240,217,251,.5);
}
td.ev-td a:hover{
	background-color: rgba(253,225,237,.5);
}
td.int-td .reserv a:hover{
	background-color: rgba(240,189,70,1);
	color: #fff;
}
td.aj-td .reserv a:hover{
	background-color: rgba(230,139,117,1);
	color: #fff;
}
td.earth-td .reserv a:hover{
	color: #fff;
	background-color: rgba(111,186,69,1);
}
td.cg-td .reserv a:hover{
	background-color: rgba(140,185,150,1);
	color: #fff;
}
td.tokyo-td .reserv a:hover{
	background-color: rgba(145,179,196,1);
	color: #fff;
}
td.music-td .reserv a:hover{
	background-color: rgba(164,149,202,1);
	color: #fff;
}
td.sp-td .reserv a:hover{
	background-color: rgba(163,91,234,1);
	color: #fff;
}
td.ev-td .reserv a:hover{
	background-color: rgba(248,129,180,1);
	color: #fff;
}
/*------------------------------------------------------------------ 開催概要
*/
.what-sf{
	padding: 10px 20px;
	background-color: rgba(236,242,242,1);
	font-size: 13px;
	border-radius: 4px;
}
.what-sf strong{
	color: #639696;
}
/*------------------------------------------------------------------ アワード
*/

.award-unit{
	font-size: 12px;
	margin: 0;
	overflow: visible;
}
.aw_red{	
	background-color: #C6402D;
	color: rgba(255,255,255,.9);
}
.aw_green{	background-color: #6CAA04;	color: rgba(255,255,255,.9);}
.aw_bluegreen{background-color: rgba(33,169,138,1);	color: rgba(255,255,255,.9);}
.aw_purp{background-color: rgba(103,83,140,1);	color: rgba(255,255,255,.9);}
.aw_blue{background-color: rgba(63,166,188,1);	color: rgba(255,255,255,.9);}
.aw_white{background-color: #fff;	color: #666666; border: #999 1px solid;}
.aw_yellow{
	background-color: rgba(209,114,209,1);
	color: #FFFFFF;
}
.aw_box{
}
.aw_box.aw_top{
	width: 88%;
	float: right;
	margin-top: 30px;
	}
.aw_box01{
	padding-top: 40px;
	width: 100%;
}
.aw_box02{
	margin: 0 0 20px;
	clear: both;
	width: 100%;
	padding-right: 0px;
	font-size: 12px;
}
.aw_box03{
	width: 100%;
	margin: 0 0 0 0;
}
.aw_box04{
	width: 100%;
}
.aw_box05{
	width: 100%;
	padding-top: 20px;
}
.aw_box06{
	width: 100%;
}
.aw_01{
	width: 98%;
	margin: 0 auto;
	padding: 1%;
	clear: both;
}
.aw_01_02{
	width: 96%;
	padding: 2%;
	margin: 0 0 20px 0;
}
body.eng .aw_01_02{

}
.aw_02{
	width: 96%;
	padding: 8px 6px;
	float: left;
	margin: 0 0 20px 0;
}
body.eng .aw_02{

}
.aw_03{
	width: 96%;
	margin: 0 0 0 0;
	padding: 2%;
	clear: both;
}
.aw_04{
	width: 84%;
	margin: 20px 0 0 0;
	padding: 2%;
	float: right;
}
body.eng .aw_04{

}
.aw_05{
	width: 96%;
	padding: 2%;
}
.aw_06{
	padding: 8px;
}
body.eng .aw_06{

}
.aw_07{
	width: 96%;
	margin: 20px 0 20px 0;
	padding: 2%;
}
.aw_08{
	width: 82%;
	margin: 0 0 20px 0;
	padding: 2%;
	float: right;
}
.aw_09{
	width: 82%;
	margin: 0 0 0 0;
	padding: 2%;
	float: right;
}
.aw_07ye{
	width: 96%;
	margin: 20px 0 20px 0;
	padding: 2%;
}
.aw_08ye{
	width: 82%;
	margin: 0 0 20px 0;
	padding: 2%;
	float: right;
}
.aw_09ye{
	width: 82%;
	margin: 0 0 0 0;
	padding: 2%;
	float: right;
}
.aw_10{
	width: 96%;
	margin: 0 0 0 0;
	padding: 2%;
}

.aw_btn_official{
	clear: both;
	padding-top: 10px;
}
.aw_btn_official a{
	text-align: center;
	display: block;
	border: rgba(250,250,248,1) 3px solid;
	padding: 5px 0;
	width: 94%;
	margin: 0 auto 60px;
	color: rgba(250,250,248,1);
	transition: all 0.3s;
	background-color: rgba(198,64,45,1);
}
.aw_btn_official a:hover{
	border: rgba(198,64,45,1) 3px solid;
	color: rgba(198,64,45,1);
	background-color: rgba(250,250,248,1);
}
.aw_btn_cg{
	clear: both;
	padding-top: 10px;
}
.aw_btn_cg a{
	text-align: center;
	display: block;
	border: #21A98A 3px solid;
	padding: 5px 0;
	color: rgba(33,169,138,1);
	transition: all 0.3s;
}
.aw_btn_music{
	clear: both;
	padding-top: 10px;}
.aw_btn_music a{
	text-align: center;
	display: block;
	border: #67538C 3px solid;
	padding: 5px 0;
	color: rgba(103,83,140,1);
	transition: all 0.3s;
}

.aw_btn_tokyo{
	clear: both;
	padding-top: 10px;
}
.aw_btn_tokyo a{
	text-align: center;
	display: block;
	border: #3FA6BC 3px solid;
	padding: 5px 0;
	color: rgba(63,166,188,1);
	transition: all 0.3s;
}

.aw_btn_cg a:hover{
	color: rgba(250,250,248,1);
	background-color: rgba(33,169,138,1);
}
.aw_btn_music a:hover{
	color: rgba(250,250,248,1);
	background-color: rgba(103,83,140,1);
}
.aw_btn_earth a:hover{
	color: rgba(250,250,248,1);
	background-color: rgba(108,170,4,1);
}
.aw_btn_tokyo a:hover{
	color: rgba(63,166,188,1);
}
.aw_btn_nocolor a:hover{
	color: rgba(250,250,248,1);
	background-color: rgba(153,153,153,1);
}
.aw_border-red01{
	height: 430px;
	background: url(../images/award/award-red01smp.png) no-repeat 10px top;
	width: 12%;
	float: left;
}
.aw_border-green01{
	height: 300px;
	background: url(../images/award/award-green01smp.png) no-repeat 10px -45px;
	width: 12%;
	float: left;
}
.aw_border-yellow01{
	height: 300px;
	background: url(../images/award/award-red03smp.png) no-repeat 20px -45px;
	width: 14%;
	float: left;
	margin-top: -20px;
}
.aw_border-green02{
	height: 20px;
	width: 50%;
	border-right: #21A98A 3px solid;
}
body.eng .aw_border-green02{
	height: 20px;
	
}
.aw_01 strong,.aw_02 strong,.aw_01_02 strong,.aw_03 strong,.aw_04 strong,.aw_05 strong,.aw_06 strong,.aw_10 strong{
	display: block;
	text-align: center;
	border-bottom: 1px dashed rgba(255,255,255,.5);
}
.aw_07 strong,.aw_08 strong,.aw_09 strong,.aw_other02 strong,.aw_other01 strong{
	display: block;
	text-align: center;
	border-bottom: 1px dashed rgba(102,102,102,.5);
}
.red-box-prize{
	font-size: 20px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px dashed rgba(255,255,255,.5);
}
.white-box-prize{
	font-size: 20px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}
body.eng .red-box-prize{
	font-size: 18px;
}
body.eng .white-box-prize{
	font-size: 18px;
}
.aw_btn_earth {
	clear: both;
	padding-top: 10px;
	width: 100%;
}
.aw_btn_earth a{
	display: block;
	border: rgba(108,170,4,1) 3px solid;
	padding: 5px 0;
	text-align: center;
	color: rgba(108,170,4,1);
	transition: all 0.3s;
}

.aw_other1-3{
	width: 100%;
	margin-bottom: 30px;
}
.aw_other-box{
	margin: 0 -10px 0;
	clear: both;
	font-size: 12px;
	padding-top: 40px;
}
.aw_border-blue01{
	height: 20px;
	width: 50%;
	border-right: #3FA6BC 3px solid;
}
.aw_border-purp01{
	height: 20px;
	width: 50%;
	border-right: #67538C 3px solid;
}

/*----------------------------------------------*/

.aw_border-nocolor01{
	height: 310px;
	background: url(../images/award/award-gray01smp.png) no-repeat 10px -40px;
	width: 13%;
	float: left;
	margin: -20px 0 0 0;
}
.aw_border-nocolor02{
	height: 20px;
	width: 50%;
	border-right: #999 2px solid;
}

.aw_btn_nocolor{
	clear: both;
	padding-top: 10px;
}
.aw_btn_nocolor a{
	display: block;
	border: #999 2px solid;
	padding: 5px 0;
	text-align: center;
	background-color: rgba(255,255,255,1);
	transition: all 0.3s;
}

.aw_btn_yellow{	clear: both;
padding-top:10px;
}
.aw_btn_yellow a{
	display: block;
	border: rgba(209,114,209,1) 3px solid;
	padding: 5px 0;
	text-align: center;
	background-color: rgba(255,255,255,1);
	transition: all 0.3s;
	color: rgba(193,64,193,1);
	transition: all 0.3s;
}
.aw_btn_yellow a:hover{
	border: rgba(209,114,209,1) 3px solid;
	background-color: rgba(209,114,209,1);
	color: rgba(255,255,255,1);
}
/*----------------------------------------------*/
.aw_other01{
	margin: 0 0 20px 0;
	background-color: rgba(230,236,221,1);
	padding: 8px;
}
.aw_other02{
	margin: 0 0 20px 0;
	background-color: rgba(230,236,221,1);
	padding: 8px;
}
/*-----------------------------------------------------------------zkn!
*/

.aw_btn_zkn{	clear: both;
padding-top:10px;
}
.aw_btn_zkn a{
	display: block;
	border: rgba(214,113,225,1) 3px solid;
	padding: 5px 0;
	text-align: center;
	background-color: rgba(255,255,255,1);
	transition: all 0.3s;
	color: rgba(203,74,217,1);
	transition: all 0.3s;
}
.aw_btn_zkn a:hover{
	border: rgba(168,196,106,1) 3px solid;
	background-color: rgba(214,113,225,1);
	color: rgba(255,255,255,1);
}
.aw_border-zkn{
	height: 20px;
	width: 50%;
	border-right: rgba(214,113,225,1) 2px solid;
}
.aw_zkn{
	color: rgba(250,248,250,1);
	background-color: rgba(214,113,225,1);
}

/*---------------------------------------------------------------------------------›審査員
*/
.juro{}
.juro-set{
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px dotted #ccc;
}
.juro-photo{
	width: 220px;
	margin: 0 auto 10px;
}
.juro-photo img{
	width: 210px;
	height: auto;
	border: 5px solid #fff;
	box-shadow: 1px 2px 6px rgba(51,51,51,.2);
	margin-bottom: 10px;
	color: rgba(153,153,153,1);
}
.juro-body{
	width: 90%;
	padding: 0 5%;
}
h2.juro-name{
	font-size: 18px;
	padding-bottom: 15px;
}

body.eng h2.juro-name{
	font-family: 'Jura', sans-serif;
	font-size: 24px;
	font-weight: 600;
}

h2.juro-name span{
	font-size: 12px;
	display: block;
	font-weight: normal;
}


/*---------------------------------------------------------------lexus
*/

ol.lex li{
	margin-left: 25px;
	padding-left:10px;
}
h2.lexh2{
	padding: 8px 10px 5px;
	border-left: rgba(193,62,62,1) 3px solid;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 30px 0;
}
h2.lexh2 span{
	background-image: url(../images/lex/hatch.png);
	display: block;
	width: 90px;
	padding: 2px;
	color: rgba(255,255,255,1);
	font-size: 15px;
	text-align: center;
	margin: -8px 0 10px -13px;
	font-family: 'Jura', sans-serif;
	font-weight: 700;
	border-bottom: 7px solid #FAFAF8;
}
body.eng h2.lexh2{
	font-family: 'Jura', sans-serif;
	font-weight:700;
	font-size:24px;
}
h1.lexh1{
	padding: 10px 0 10px 20px;
	border-left: rgba(193,62,62,1) 3px solid;
	font-family: 'Jura', sans-serif;
	line-height: 1.2em;
	margin-bottom: 15px;
	font-size: 22px;
}
h1.lexh1 span{
	font-weight: normal;
	font-size: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.lex_l{
	width: 45%;
	float: left;
	padding: 3% 4% 12% 1%;
	font-size: 11px;
}
.lex_r{
	width: 45%;
	float: left;
	padding: 2.5% 1% 12% 4%;
	font-size: 11px;
	text-align: right;
}
.lex_l img,.lex_r img{
	width: 100%;
	height: auto;
	margin-bottom: 3px;
}
.lex_l2{
	width: 96%;
	padding: 3% 2% 4%;
	font-size: 11px;
	text-align: center;
}
.lex_r2{
	width: 96%;
	padding: 3% 2% 4%;
	font-size: 11px;
	text-align: center;
}
.lex_l2 img,.lex_r2 img{
	width: 100%;
	height: auto;
	margin-bottom: 3px;
}
.one-film.lexus_unit{
	padding: 10px 0 25px;
	margin: 0 0 35px;
	background-color: rgba(240,241,237,1);
	border-bottom: none;
	overflow: visible;
	box-shadow: 0px -1px 3px rgba(51,51,51,.3);
	border-radius: 10px;
}
.one-film.lexus_unit .one-filmh3{
	padding-left: 5px;
}
/*.lex-profile{
	width: 150px;
	height: auto;
	float: right;
	margin: 0 0 10px 10px;
}*/
.lex-profile{
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 11px;
	line-height: 1em;
}
.lex-profile img{
	width: 100%;
	height: auto;
}
.lex-profile-txt{
	margin: 20px 0 1em;
	padding: 20px 20px 0;
	font-size: 13px;
	color: rgba(102,102,102,1);
	border-top: 1px dotted #ccc;
}
.lex-logo{
	background-color: rgba(0,0,0,1);
	width: 100%;
	margin: 0 auto 0;
	padding-bottom: 10px;
}
.lex-logo a{
	font-weight: bold;
	color: #F6F5F3;
	display: block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1em;
	text-align: center;
}
.lex-logo a img{
	height: auto;
	width: 90%;
	vertical-align: middle;
	padding: 2% 5%;
}
/*--------------------------------------------------------------------------------howto
*/
.how2-case{
	margin-bottom: 40px;
}
.how2box{
	border: 3px solid;
	border-color: rgba(255,227,119,1);
	padding: 5px 20px;
	border-radius: 10px;
	background: url(../images/about/howto-bg.png) no-repeat #fbf8ea;
	font-size: 13px;
}
.how2arrow{
	width: 90px;
	height: 90px;
	background: url(../images/about/arrow.png) no-repeat center top;
	margin: 0 auto;
	background-size: 90px;
}
h2.how2title{
	font-weight: normal;
	padding: 7px 16px;
	border: #666 1px solid;
	display: inline-block;
	margin: 5px 0 20px -5px;
	font-size: 20px;
	position: relative;
	background-color: rgba(255,227,119,1);
	border-radius:4px;
}
h2.how2title:after{
	content:'';
	background:url(../images/about/fukidashi.png) no-repeat;
	display:block;
	position:absolute;
	bottom:-15px;
	width:18px;
	height:15px;
}
h3.how2title{
	/* [disabled]font-weight: normal; */
	font-size: 16px;
	padding: 15px 0;
	color: #6C522D;
	text-shadow: 0px 4px 3px rgba(255,255,255,0.8),0px 18px 13px rgba(255,255,255,1),0px 2px 2px rgba(51,51,51,0.3);
}
.how2icon{
	width: 120px;
	height: 120px;
	margin: 5px auto;
}
.how2icon img{
	display:block;
	margin: 0;
}
img.how2-01{
	margin: 15px auto 0;
	display: block;
	width: 100%;
	height: auto;
}
ul.how2ul{ list-style:none;}
ul.how2ul li{
	margin-left: 1em !important;
	padding-left: 0px;
	text-indent: -1em;

}
ul.how2ul li:before{
	content:'・';
}
.how2social{
	text-align: center;
	display: block;
}

/*---------------------------------------------------------------------modal*/
body {
	width: 100% ;
	height:100%;
	padding: 0 ;
}
#modal-close{
	float: right;
	margin-bottom: -50px;
}
#modal-content {
	width: 80%;
	margin: 0;
	padding: 120px 0 0 0;
	position: fixed;
	/* [disabled]display: none; */
	z-index: 9998;
	border-radius: 10px;
	height: 100%;
}

#modal-content .datamodal a{
	display: block;
	margin: 10px auto;
	width: 84%;
	height: 60%;
	padding: 8%;
	background-color: rgba(235,235,234,0.8);
	border-radius: 20px;
	color: rgba(51,51,51,1) !important;
	font-size: 16px;
}
.datamodal img{
	width: 100%;
	height: auto;
}
@media screen and (max-height:680px){
#modal-content p img{
	display: block;
	margin: 10px auto;
	width: auto;
	height: 500px;
}
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
/*===============================================

UTILITY

=============================================== */
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.all-center{text-align:center;}
.all-right{text-align:right;}
.all-left{text-align:left;}
.set-hid{
	text-indent:100%; white-space:nowrap; overflow:hidden;
}
.set-relative{position:relative;}
.pc-br{

}
.smp-hide{display:none;}
.cc{
	text-indent: -100%;
	overflow: hidden;
	white-space: no-wrap;
}
img.smp{width:100%; height:auto;}
.caption{font-size:10px;}
.caution{
	color: rgba(204,51,0,1);
	font-weight: bold;
}

/*------------------------------------------------------------------ QA
*/
.qa-box{
	/* [disabled]border-bottom: 1px dotted #CAC2B9; */
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.q-box{
	border: 1px solid #ccc;
	padding: 25px 0 25px 8px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 10px;
}
.a-box{
	padding: 10px 10px 0;
	margin: 10px 10px 0;
	/* [disabled]border-radius: 10px; */
	font-size: 12px;

}
.q-head{
	color: rgba(218,115,75,1);
	padding-right: 15px;
}
.a-head{
	color: rgba(81,160,219,1);
	margin-bottom: 15px;
	padding: 0 10px 20px 8px;
}
.q-head,.a-head{
	font-family: 'Playfair Display SC', serif;
	font-weight: 700;
	font-size: 30px;
	display: block;
	width: 40px;
	float: left;
	height: 60px;
}

/*===============================================

Clear FIX（IE6対応版）

=========================================== 01 */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cf {
	display: inline-block;
	min-height: 1%;
	overflow:hidden;
}
/* Hides from IE-mac \*/

* html .cf {
	zoom: 1;
}
.cf {
	display: block;
	clear: both;
}
*:first-child+html .cf{ zoom: 1; } 
.clear{clear:both;}
hr{
	margin: 30px 0 20px;
	padding: 30px 0 20px;
	height: 1px;
	border: none;
	border-top: 1px dotted #ccc;
	display: block;
	width: 100%;
}
hr.boldhr{
	margin: 50px 0 30px;
	padding: 50px 0 30px;
	height: 1px;
	border: none;
	border-top: 2px dashed #999;
	display: block;
	width: 100%;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?sq7f4d');
  src:  url('../fonts/icomoon.eot?sq7f4d#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?sq7f4d') format('truetype'),
    url('../fonts/icomoon.woff?sq7f4d') format('woff'),
    url('../fonts/icomoon.svg?sq7f4d#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-crown:before {
  content: "\e904";
}
.icon-line:before {
  content: "\e903";
}
.icon-up-17:before {
  content: "\e902";
}
.icon-map-17:before {
  content: "\e900";
}
.icon-ticket-17:before {
  content: "\e901";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-film:before {
  content: "\f008";
}
.icon-play-circle-o:before {
  content: "\f01d";
}
.icon-share-square-o:before {
  content: "\f045";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-phone-square:before {
  content: "\f098";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-google-plus-square:before {
  content: "\f0d4";
}
.icon-laptop:before {
  content: "\f109";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-vimeo-square:before {
  content: "\f194";
}
.icon-movie_creation:before {
  content: "\e404";
}
.icon-camera:before {
  content: "\e905";
}
.icon-film2:before {
  content: "\e906";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-question_answer:before {
  content: "\e8af";
}
</pre></body></html>