@charset "utf-8";

/*
Theme Name: シネマNAVI
Description: シネマNAVI 　フロントPCcss
Theme URI: cinemanavi.com
Author: ifdesign.inc
Author URI: cinemanavi.com
Version: 1.00
*/

/*--------------------------
default clear設定
---------------------------*/
h1{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:normal;}h2{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h3{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h4{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:left;margin-bottom:10px;}ul,menu,dir{display:block;list-style-type:none;margin:0;padding:0;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-before:0em;-webkit-padding-after:0em;-webkit-padding-start:0px;-webkit-padding-end:0px;}dl{display:block;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;}dd{display:block;-webkit-margin-start:0px;}p{display:block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;}fieldset{border:none;}hr{display:none;}img{border:0px;}p{padding:0;margin:0;}table{display:table;border-collapse:collapse;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;
}
dd{margin-inline-start: 0px;}
/*--------------------------
ショートカットclass設定
---------------------------*/
/*テキスト系*/
.bold {
	font-weight: bold;
}
.txtrd {
	color: #F10004;
}
/*clearfix*/
cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
/*flex設定*/
.flex {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
/*--------------------------
端末別設定
---------------------------*/
@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
.pc {
	display: none;
}
.tbl {
	display: block;
}
.smp {
	display: block;
}
}
@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */
.tbl {
	display: block;
}
.smp {
	display: none;
}
.pc {
	display: none;
}
}
@media screen and (min-width: 910px) {
/* 910px以上用（PC用）の記述 */
.pc {
	display: block;
}
.tbl {
	display: block;
}
.smp {
	display: none;
}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本レイアウト設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body , html {
height: 100%;
}
body {
border: none;
padding: 0px;
margin: 0px;
line-height: 1.8em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #F6F6F6;
}
header {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFFFFF;
}
main {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article {
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
header article {
}
main article {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
flex-direction: column;
}
main article#top_contents {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
order: 1;
margin-bottom: 0px;
}
main article#middle_contents {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
order: 2;
display: -webkit-flex; /* Safari */
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
section {
padding-bottom: 20px;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
section:after {
	content: ".";
	display: block;
	visibility: hidden;
	line-height: 0;
	width: 100%;
	height: 0;
	clear: both;
}
main {
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本パーツ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*--------------------------
GOTOP
---------------------------*/
.gotop {
position: fixed;
bottom: 100px;
right: 20px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF;
background-color: #AD0002;
font-size: small;
}

/*--------------------------
ボタン系
---------------------------*/
.btn_area {
margin-right: 0;
margin-left: 0;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: center; /* Safari */
justify-content: center;
width: 100%;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 10px;
}
.btn_area form {
width: auto;
}
.btn_area button {
display: block;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
font-size: large;
border-radius: 3px;
border-style: none;
margin-left: 5px;
margin-bottom: 10px;
min-width: 200px;
}
.btn_area p {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.subbtn_area {
margin-right: 0;
margin-left: 0;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: flex-end; /* Safari */
justify-content: flex-end;
width: 100%;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 10px;
}
.subbtn_area button {
display: block;
margin-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: small;
border-radius: 3px;
border-style: none;
}
.subbtn_area button:last-child {
margin-right: 0%;
}
.btn_area p {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
table tr td button {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: small;
border-style: none;
border-radius: 3px;
min-width: 40px;
}
/*button 設定*/
button {
cursor: pointer;
cursor: hand;
}
/*戻る*/
.GY {
	background-color: #8C8C8C;
	color: #FFFFFF;
}
.GY:hover {
	background-color: #6A6A6A;
}
/*削除*/
.RD {
	background-color: #dd4b39;
	color: #FFFFFF;
}
.RD:hover {
	background-color: #BE3F2F;
}
/*確定*/
.OR {
	background-color: #F36D12;
	color: #FFFFFF;
}
.OR:hover {
	background-color: #D46012;
}
/*詳細*/
.YE {
	background-color: #f39c12;
	color: #FFFFFF;
}
.YE:hover {
	background-color: #D78A11;
}
/*編集*/
.GR {
	background-color: #00a65a;
	color: #FFFFFF;
}
.GR:hover {
	background-color: #018B4C;
}
/*新規登録*/
.BL {
	background-color: #00c0ef;
	color: #FFFFFF;
}
.BL:hover {
	background-color: #00ABD5;
}
/*ダウンロード・印刷*/
.PU {
	background-color: #C14FAA;
	color: #FFFFFF;
}
.PU:hover {
	background-color: #AE4799;
}

/*------------------------------------
アラート
------------------------------------*/
.help-inline {
color: red;
font-size: x-small;
}
.required {
color: red;
font-size: x-small;
}
.err_message{
color: red;
font-size: x-small;
}
.alert, .alert h4 {
color: #c09853;
}
.alert_area {
	width: 100%;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #00c0ef;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #FFFFFF;
}
.alert-success {
background-color: #00a65a;
}
.alert-error {
background-color: #dd4b39;
}
.alert .index {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px auto;
	background-image: url(../images/icon/info.png);
}
.alert-success .index {
	background-image: url(../images/icon/success.png);
}
.alert-error .index {
	background-image: url(../images/icon/warning.png);
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}
.alert strong {
font-weight: bold;
}
/*------------------------------------
ページャー
------------------------------------*/
.pager  {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: flex-end; /* Safari */
justify-content: flex-end;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 2%;
}
.pager div {
text-align: right;
font-size: small;
}
.pager span a {
margin: 5px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
background-color: #c6c6c6;
font-size: small;
color: #fff;
text-decoration: none;
}    
.pager span a:hover {
cursor: pointer;
background-color: #FF8A60;
text-decoration: none;
}
.pager span a.active {
	background: #ff6f3b;
text-decoration: none;
color: #fff;
}

/*------------------------------------
詳細・フォーム画面
------------------------------------*/
/*フォームテーブル*/
form {
	width: 100%;
}
article.form {
	margin-top: 0px;
	margin-bottom: 60px;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.form .tr {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
article.form .tr.index {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #F39C12;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 2px solid #F39C12;
	font-weight: bold;
	font-size: medium;
	margin-bottom: 10px;
}
article.form .tr .th {
	width: 30%;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #efefef;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: left; /* Safari */
	justify-content: left;
}
article.form .tr .td {
	width: 70%;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.form .tr .td p.col2 {
width: 50%;
}
article.form .tr .td.Authority span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	display: inline-block;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #D9D9D9;
}
article.form .term {
}
article.form .term p.index {
margin-bottom: 10px;
font-weight: bold;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #efefef;
}
article.form .term label {
padding-left: 3%;
}
article.form .term .scroll {
height: 220px;
overflow-y: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
padding-bottom: 10px;
font-size: small;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}
article.form .term .scroll p {
text-align: left;
}


/*メールマガジン登録*/
article.mailmagazine {
	margin-top: 0px;
	margin-bottom: 60px;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article.mailmagazine .tr {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 5px;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
article.mailmagazine .tr .th {
width: 100%;
padding-top: 5px;
padding-right: 5px;
padding-left: 3%;
padding-bottom: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
-webkit-justify-content: left; /* Safari */
justify-content: left;
margin-bottom: 10px;
}
article.mailmagazine .tr .td {
	width: 100%;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/*------------------------------------
フォームパーツ
------------------------------------*/
/*css input*/
.field {
	border: 1px solid #E0E0E0;
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #000000;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.field.s {
   width:10%;
}
.field.sm {
width: 85%;
}
.field.m {
   width:44%;
margin-right: 2%;
}
.field.ml {
   width:60%;
}
.field.l {
   width:100%;
}

/*css radio*/
.radio-input{
  display: none;
}
.radio-input + label{
padding-left: 20px;
position: relative;
margin-right: 20px;
padding-top: 2px;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label{
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #169ef4;
  border-radius: 50%;
}

/* css checkbox */
.checkbox-input{
  display: none;
}
.checkbox-parts{
padding-left: 20px;
position: relative;
padding-top: 2px;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
background-color: #FFFFFF;
}
.checkbox-input:checked + .checkbox-parts{
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #169ef4;
  border-right: 3px solid #169ef4;
}

/* css select */
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 3px;
border: solid 1px #c3c3c3;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 12px;
font-weight: normal;
height: 25px;
line-height: 25px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
margin-right: 10px;
}
.nice-select:hover {
    border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
.nice-select.wide {
    width: 100%; }
.nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
.nice-select.right {
    float: right; }
.nice-select.right .list {
      left: auto;
      right: 0; }
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
.nice-select.small:after {
      height: 4px;
      width: 4px; }
.nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  
.nice-select .list {
display: none;
}  
.nice-select.open .list {
display: block;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本パーツ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
ヘッダー
---------------------------*/
header {
}
header article {
width: 100%;
max-width: 1000px;
background-color: #FFFFFF;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
padding-top: 20px;
}
header article .logo {
}
header article .logo img {
max-width: 250px;
width: 100%;
height: auto;
}
/*--------------------------
フッター
---------------------------*/
footer {
width: 100%;
max-width: 100%;
}
footer article {
width: 100%;
max-width: 100%;
background-color: #e0e0e0;
}
footer .link_area {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 0px;
}
footer .link_area ul {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
justify-content: center;
padding-bottom: 20px;
}
footer .link_area ul li {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
width: 40%;
background-color: #FFFFFF;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #bbbbbb;
}
footer .link_area ul li a {
color: #424242;
text-decoration: none;
width: 100%;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
text-indent: 50px;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 95% center;
background-size: 10px auto;
}
footer .link_area ul li.mailmagazine {
background-image: url(/statics/images/user/common/icn_brn_mail.png);
background-repeat: no-repeat;
background-position: 4% center;
background-size: 30px auto;
}
footer .link_area ul li.mailmagazine:hover {
background-color: #F1F1F1;
}
footer .link_area ul li.coupon {
background-image: url(/statics/images/user/common/icn_brn_coupon.png);
background-repeat: no-repeat;
background-position: 4% center;
background-size: 35px auto;
}
footer .link_area ul li.coupon:hover {
background-color: #F1F1F1;
}
footer .link_area ul li.recruit {
background-color: #3E77C0;
}
footer .link_area ul li.recruit:hover {
background-color: #6D99D1;
}
footer .link_area ul li a p {
}
footer nav {
width: 100%;
max-width: 100%;
background-color: #525252;
padding-top: 15px;
padding-bottom: 15px;
}
footer nav ul {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
justify-content: center;
padding-top: 0px;
padding-bottom: 0px;
}
footer nav ul li {
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #FFFFFF;
}
footer nav ul li:last-child {
border-right-style: none;
}
footer nav ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: small;
line-height: 1.2em;
}
footer nav ul li a:hover {
text-decoration: underline;
}
footer nav ul li a p {
}
footer .copyright {
width: 100%;
max-width: 100%;
background-color: #212121;
padding-top: 10px;
padding-bottom: 10px;
font-size: small;
}
footer .copyright p {
text-align: center;
color: #FFFFFF;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 90%;
}
footer .copyright p.eg {
font-size: x-small;
line-height: 1.2em;
}
footer .copyright p.eg img {
height: auto;
width: 100px;
padding-left: 5px;
padding-right: 5px;
}

/*--------------------------
Drawer設定
---------------------------*/
nav.drawer-nav {
}
nav.drawer-nav ul.head_menu {
}
nav.drawer-nav ul.main_menu {
}
nav.drawer-nav li.drawer-brand {
}
nav.drawer-nav li a.drawer-menu-item {
}
/*--------------------------
トップページセクション基本設定
---------------------------*/
main {
margin-bottom: 20px;
}
main article {
width: 100%;
max-width: 100%;
}
main article#top_contents {
margin-bottom: 20px;
}


/*PC版メニュー
main .left_wrap {
background-color: #FFFFFF;
width: 75%;
padding-bottom: 0px;
}
main .right_wrap {
width: 25%;
}
section.right_navi {
width: 100%;
padding-bottom: 0px;
padding-left: 2%;
}
section.right_navi ul.btn {
flex-direction: row;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
justify-content:center;
background-color: #FFFFFF;
}
section.right_navi ul.btn li {
width: 49%;
margin-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #F5F5F5;
padding-left: 0px;
padding-right: 0px;
border: 2px solid #9e9e9e;
border-radius: 10px;
}
section.right_navi ul.btn li:last-child {
margin-right: 0%;
}
section.right_navi ul.btn li:hover {
background-color: #FFFFFF;
}
section.right_navi ul.btn li a {
text-decoration: none;
color: #000000;
font-size: large;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
display: block;
width: 100%;
}
section.right_navi .title {
color: #FFFFFF;
background-color: #7D7D7D;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
section.right_navi nav {
width: 100%;
}
section.right_navi nav ul {
width: 100%;
flex-direction: column;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.right_navi nav ul li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
display:-webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-bottom: 1px solid #FFFFFF;
background-color: #7D7D7D;
}
section.right_navi nav ul li:hover {
background-color: #AFAFAF;
}
section.right_navi nav ul li a {
color: #FFFFFF;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
*/
/*--------------------------
トップページセクション別設定
---------------------------*/
/*TOPページ用*/
article.toppage section.pickup h2 {
color: #FFFFFF;
font-size: large;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.toppage section.pickup h2 span {
max-width: 980px;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 1%;
border-left: 4px solid #FFFFFF;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 95%;
font-weight: bold;
}
article.toppage section.article h2 {
font-size: large;
color: #0F63CE;
border-left: 4px solid #0F63CE;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
text-align: left;
margin-left: 2%;
font-weight: bold;
}
article.toppage section.ranking h2 {
font-size: large;
color: #DB319B;
border-left: 4px solid #DB319B;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
text-align: left;
margin-left: 2%;
font-weight: bold;
}
article.toppage section.present h2 {
font-size: large;
color: #ED5627;
border-left: 4px solid #ED5627;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
text-align: left;
margin-left: 2%;
font-weight: bold;
}
article.toppage section.cinemaq h2 {
font-size: large;
color: #139AE4;
border-left: 4px solid #139AE4;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
text-align: left;
margin-left: 2%;
font-weight: bold;
}







article.toppage section .more {
padding-top: 20px;
padding-bottom: 20px;
}
article.toppage section .more a {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
max-width: 500px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
text-align: center;
font-size: large;
border-radius: 50px;
border: 1px solid #909090;
background-color: #FFFFFF;
text-decoration: none;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 90% center;
background-size: 10px auto;
}
article.toppage section .more a:hover {
background-color: #EDEDED;
}
/*--------------------------
共通設定
---------------------------*/
/*検索窓*/
article#search {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
}
section.search {
position: absolute;
right: 60px;
top: -70px;
}
section.search {
background-color: #F0F0F0;
width: 400px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
}
section.search .wrap form {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
section.search .keyword {
width: 85%;
}
section.search .keyword input {
width: 98%;
}
section.search .btn {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 15%;
}
section.search .btn button {
width: 100%;
border-style: none;
background-color: #424242;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
}
section.search .btn button:hover {
background-color: #7B7B7B;
}

/*PC用共通コンテンツ：グローバルナビ（スマホ非表示）*/
article#navi {
width: 100%;
max-width: 100%;
}
section.gnavi {
width: 100%;
max-width: 100%;
padding-bottom: 0px;
}
section.gnavi nav {
border-top: 5px solid #BBBBBB;
border-bottom: 1px solid #d8d8d8;
background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); 
}
section.gnavi nav ul {
width: 1000px;
margin-left: auto;
margin-right: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #d8d8d8;
}
section.gnavi nav ul li {
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
border-right: 1px solid #d8d8d8;
}
section.gnavi nav ul li a {
color: #000000;
text-decoration: none;
display: block;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
section.gnavi nav ul li a:hover {
color: #787878;
}
/*PC用共通コンテンツ：Fixナビ（スマホ非表示）*/
div.fixnavi {
position: fixed;
top: 100px;
right: 0px;
z-index: 100;
}
div.fixnavi dl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
div.fixnavi dl dd {
text-align: center;
border-bottom: 2px solid #CACACA;
margin-left: 0px;
margin-right: 0px;
}
div.fixnavi dl dd:last-child {
border-bottom-style: none;
}
div.fixnavi dl dd a {
color: #FFFFFF;
text-decoration: none;
display: block;
width: 100%;
padding-left: 5px;
padding-right: 5px;
padding-top: 20px;
padding-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.fixnavi dl dd a p {
font-size: medium;
}
div.fixnavi dl dd a p.sub {
font-size: small;
}
div.fixnavi dl dd a p.arrow2 {
background-image: url(/statics/images/user/common/arrow2.png);
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: inline-block;
}
div.fixnavi dl.navi1 {
margin-bottom: 10px;
border-top: 2px solid #CACACA;
border-left: 2px solid #CACACA;
border-bottom: 2px solid #CACACA;
background-color: #3ab8de;
}
div.fixnavi dl.navi1 dd:hover {
background-color: #68C9E6;
}
div.fixnavi dl.navi1 dt {
color: #FFFFFF;
border-bottom-style: none;
background-color: #337ac3;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}
div.fixnavi dl.navi2 {
border-top: 2px solid #CACACA;
border-left: 2px solid #CACACA;
border-bottom: 2px solid #CACACA;
background-color: #4FD221;
}
div.fixnavi dl.navi2 dd:hover {
background-color: #80D861;
}

/*今週のPICKUP*/
section.pickup {
padding-bottom: 0px;
width: 100%;
max-width: 100%;
}
section.pickup h2 {
margin-bottom: 0px;
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}
.pickup_list {
background-color: #DEDEDE;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.pickup_list .slide {
height: 317px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.pickup_list .slide {
height: 35vh;
background-color: #272727;
width: auto;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.pickup_list .slide img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pickup_list p {
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,0.75);
font-size: small;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pickup_list a {
text-decoration: none;
}
ul.pickup_list_nav {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #DEDEDE;
}
ul.pickup_list_nav .slick-list {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
ul.pickup_list_nav li a {
display: flex;
align-items: center;
width: 100%;
}
ul.pickup_list_nav li img {
max-width: 100%;
height: auto;
max-height: 10vh;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
}

/*左右の画像を透過*/
.pickup_list .slick-slide:not(.slick-center) img {
-webkit-filter: opacity(70%);
-moz-filter: opacity(70%);
-o-filter: opacity(70%);
-ms-filter: opacity(70%);
filter: opacity(50%);
transition: 0.2s linear;
}

/*dotカスタム
.pickup_list ul.dot-class {
position: absolute;
right: 20px;
bottom: 5px;
display: -webkit-flex; 
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.pickup_list ul.dot-class li {
margin-left: 5px;
margin-right: 5px;
}
.pickup_list ul.dot-class li button {
text-indent: -9999px;
border: 2px solid #FFFFFF;
display: inline-block;
width: 40px;
height: 10px;
border-radius: 0;
background-color: transparent;
}
.pickup_list ul.dot-class li.slick-active button {
background-color: #FFFFFF;
}*/

/*お知らせ*/
section.infomation {
width: 100%;
background-color: #FFFFFF;
max-width: 100%;
padding-bottom: 0px;
}
section.infomation ul {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
width: 100%;
/*border: 1px solid #A2A2A2;*/
}
section.infomation ul li {
padding-bottom: 3px;
text-align: center;
line-height: 1.2em;
width: 96%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
margin-left: auto;
margin-right: auto;
}
section.infomation ul li a {
font-size: small;
text-decoration: none;
color: #EB282B;
line-height: 1.2em;
}


/*シネマ関連ニュース*/


/*映画ランキング*/






/*--------------------------
ボトム固定メニュー設定
---------------------------*/
#bottomMenu {
display: none;
}
/*--------------------------
タブ設定：drawer
---------------------------*/
.js-tab {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
.js-tab > div {
background-color: #FFFFFF;
color: #385498;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #385498;
border-right: 1px solid #385498;
border-bottom: 2px solid #385498;
border-top: 2px solid #385498;
text-align: center;
font-size: small;
line-height: 1.6em;
}
.js-tab > div:first-child {
border-left: 2px solid #385498;
}
.js-tab > div:last-child {
border-right: 2px solid #385498;
}
.js-tab > div:hover {
background: #385498;
color: #FFFFFF;
}
.js-tab > div.active {
background: #385498;
color: #FFFFFF;
position: relative;
}
.js-tab_content {
display: none;
}
.js-tab_content.active {
display: block;
}
.js-tab > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #385498;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}

/*--------------------------
タブ設定：TOPランキング
---------------------------*/
.js-tab_rank {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
.ranking .js-tab_rank {
padding-top: 20px;
}
.js-tab_rank > div {
background-color: #FFFFFF;
color: #DB319B;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #DB319B;
border-right: 1px solid #DB319B;
border-bottom: 2px solid #DB319B;
border-top: 2px solid #DB319B;
text-align: center;
font-size: small;
line-height: 1.6em;
}
.ranking .js-tab_rank > div {
width: 25%;
}
.js-tab_rank > div:first-child {
border-left: 2px solid #DB319B;
}
.js-tab_rank > div:last-child {
border-right: 2px solid #DB319B;
}
.js-tab_rank > div:hover {
background: #DB319B;
color: #FFFFFF;
}
.js-tab_rank > div.active {
background: #DB319B;
color: #FFFFFF;
position: relative;
}
.js-tab_rank_content {
display: none;
}
.js-tab_rank_content.active {
display: block;
}
.js-tab_rank > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #DB319B;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}

/*--------------------------
タブ設定：TOPプレゼント
---------------------------*/
.js-tab_present {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
.questionnaire .js-tab_present {
padding-top: 20px;
}
.js-tab_present > div {
background-color: #FFFFFF;
color: #ED5627;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #ED5627;
border-right: 1px solid #ED5627;
border-bottom: 2px solid #ED5627;
border-top: 2px solid #ED5627;
text-align: center;
font-size: small;
line-height: 1.6em;
}
.questionnaire .js-tab_present > div {
width: 33.333%;
}
.js-tab_present > div:first-child {
border-left: 2px solid #ED5627;
}
.js-tab_present > div:last-child {
border-right: 2px solid #ED5627;
}
.js-tab_present > div:hover {
background: #ED5627;
color: #FFFFFF;
}
.js-tab_present > div.active {
background: #ED5627;
color: #FFFFFF;
position: relative;
}
.js-tab_present_content {
display: none;
}
.js-tab_present_content.active {
display: block;
}
.js-tab_present > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #ED5627;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}

/*--------------------------
タブ設定：スケジュール日付
---------------------------*/
.js-tab_date {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
.js-tab_date > div {
background-color: #FFFFFF;
color: #385498;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #385498;
border-right: 1px solid #385498;
border-bottom: 2px solid #385498;
border-top: 2px solid #385498;
text-align: center;
font-size: small;
line-height: 1.6em;
}
.js-tab_date > div:first-child {
border-left: 2px solid #385498;
}
.js-tab_date > div:last-child {
border-right: 2px solid #385498;
}
.js-tab_date > div:hover {
background: #385498;
color: #FFFFFF;
}
.js-tab_date > div.active {
background: #385498;
color: #FFFFFF;
position: relative;
}
.js-tab_date_content {
display: none;
}
.js-tab_date_content.active {
display: block;
}
.js-tab_date > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #385498;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}

/*--------------------------
slickスライダー共通設定
---------------------------*/
.slick-slide dl {
width: 94%;
}
.slick-slide dl:hover {
background-color: rgba(230,230,230,0.26);
}
.slick-slide dl a {
color: #000000;
text-decoration: none;
}
.slick-slide .img {
margin-bottom: 10px;
}
.slick-slide .img img {
width: 100%;
height: auto;
}
.slick-slide dl h3 {
padding-left: 2%;嘁padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2px;
padding-bottom: 2px;
font-size: small;
text-align: left;
line-height: 1.2em;
}
.slick-slide dl dd {
width: 100%;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.4em;
}
.slick-slide dl dd label {
font-weight: bold;
padding-right: 10px;
font-size: small;
}
.slick-slide dl dd p {
font-size: small;
display: inline-block;
}

/*--------------------------
slickスライダー記事ページ
---------------------------*/
.article .slick-slide {
padding-left: 0px;
padding-right: 0px;
}
.article .slick-slide .image {
width: 94%;
}
.article .slick-slide .image:hover {
background-color: rgba(230,230,230,0.26);
}
.article .slick-slide .image {
height: 35vh;
background-color: #e0e0e0;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.article .slick-slide .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.article ul.slider_nav .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
.article ul.slider_nav li img {
max-width: 100%;
height: auto;
max-height: 6.5vh;
}
.article_image {
background-color: #FFFFFF;
}
.article .detail .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.8em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
}
/*--------------------------
slickスライダー作品ページ
---------------------------*/
.film_image {
background-color: #FFFFFF;
}
.film .slick-slide {
padding-left: 0px;
padding-right: 0px;
}
.film .slick-slide .image {
width: 94%;
}
.film .slick-slide .image:hover {
}
.film .slick-slide dl a {
}
.film .slick-slide .image {
height: 35vh;
background-color: #e0e0e0;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.film .slick-slide .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.film ul.slider_nav .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
.film ul.slider_nav li img {
max-width: 100%;
height: auto;
max-height: 6.5vh;
}
.film .detail .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.8em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
}
/*--------------------------
slickスライダー劇場ページ
---------------------------*/
.theater .slick-slide {
padding-left: 0px;
padding-right: 0px;
}
.theater .slick-slide .image {
width: 94%;
}
.theater .slick-slide .image:hover {
}
.theater .slick-slide dl a {
}
.theater .slick-slide .image {
height: 35vh;
background-color: #e0e0e0;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.theater .slick-slide .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.theater ul.slider_nav .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
.theater ul.slider_nav li img {
max-width: 100%;
height: auto;
max-height: 6.5vh;
}
.theater .detail .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.8em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
/*--------------------------
slickスライダープレゼントページ
---------------------------*/
.questionnaire .slick-slide {
padding-left: 0px;
padding-right: 0px;
}
.questionnaire .slick-slide .image {
width: 94%;
}
.questionnaire .slick-slide .image:hover {
}
.questionnaire .slick-slide dl a {
}
.questionnaire .slick-slide .image {
height: 35vh;
background-color: #e0e0e0;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.questionnaire .slick-slide .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.questionnaire ul.slider_nav .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
.questionnaire ul.slider_nav li img {
max-width: 100%;
height: auto;
max-height: 6.5vh;
}
.questionnaire .detail .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.8em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
固定ページ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
article.static {
}
article.static h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
article.static section.detail {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
background-color: #FFFFFF;
padding-top: 20px;
padding-bottom: 20px;
}
article.static section.detail p {
font-size: medium;
line-height: 1.6em;
}
article.static section.detail img {
}
/*--------------------------
各種タイトル
---------------------------*/
/*メールマガジン登録*/
article.mailmagazine {
}
article.mailmagazine h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*アンケート送信*/
article.form h1 {
color: #FFFFFF;
font-size: medium;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*作品*/
article.film {
}
/*作品一覧*/
article.film > h2 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*作品詳細*/
article.film h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*劇場*/
article.theater {
}
/*劇場一覧*/
article.theater > h2 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*劇場詳細*/
article.theater h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*記事*/
article.article {
}
/*記事一覧*/
article.article > h2 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*記事詳細*/
article.article h1 {
color: #000000;
font-size: large;
text-align: left;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
/*ランキング*/
article.ranking {
}
/*ランキング一覧*/
article.ranking > h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
/*ランキング詳細*/
article.ranking h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*アンケート*/
article.questionnaire {
}
/*アンケート一覧*/
article.questionnaire > h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*アンケート詳細*/
article.questionnaire > h2 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*アンケート*/
article.coupon {
}
/*アンケート一覧*/
article.coupon > h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
/*アンケート詳細*/
article.coupon > h2 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
リストページ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
情報エリア、パンくず
---------------------------*/
section.info {
font-size: x-small;
width: 100%;
padding-bottom: 5px;
background-color: #d4d4d4;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
}
section.info .date {
margin-bottom: 5px;
}

section.info ul.breadcrumb {
width: 100%;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.info ul.breadcrumb  {
width: 100%;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.info ul.breadcrumb li i {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
section.info ul.breadcrumb li i:after {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
font-size: x-small;
content: ">";
font-style: normal;
}
section.info ul.breadcrumb li {
font-size: x-small;
margin-bottom: 5px;
}
section.info ul.breadcrumb li a {
text-decoration: none;
color: #000000;
}
section.info ul.breadcrumb li a:hover {
text-decoration: underline;
color: #4F4F4F;
}

/*--------------------------
情報エリア補足
---------------------------*/
/*クーポン上部*/
.couponInfo {
width: 100%;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 5px;
background-color: #dadada;
font-size: small;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
line-height: 1.6em;
}
.couponInfo p {
margin-bottom: 5px;
}
/*作品上部*/
.filmInfo {
width: 100%;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 5px;
background-color: #dadada;
font-size: small;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
line-height: 1.6em;
}
.filmInfo p {
margin-bottom: 5px;
}
/*劇場上部*/
.theaterInfo {
width: 100%;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 5px;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
line-height: 1.6em;
}
.theaterInfo h1 {
font-size: large;
}
.theaterInfo p {
margin-bottom: 5px;
font-size: small;
}
/*メルマガ上部*/
article.mailmagazine p {
font-size: small;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 5px;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.mailmagazine section {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
background-color: #FFFFFF;
}
article.mailmagazine section p {
font-size: medium;
line-height: 1.6em;
}
article.mailmagazine section img {
}
/*アンケート上部*/
section.presentNotes {
margin-bottom: 0px;
padding-top: 20px;
padding-bottom: 30px;
background-color: #FFFFFF;
}
section.presentNotes h2 {
margin-bottom: 10px;
}
section.presentNotes .box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 96%;
display: block;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
border: 1px solid #C75B00;
background-color: #F6F1ED;
line-height: 1.6em;
}
section.presentNotes .box p {
margin-bottom: 5px;
}
section.formArea {
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
/*作品検索*/
.filmInfo {
font-size: x-small;
width: 100%;
padding-bottom: 5px;
background-color: #d4d4d4;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
}
.filmInfo dl {
width: 100%;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.filmInfo dl dt {
font-weight: bold;
padding-right: 10px;
}
.filmInfo dl dd {
}

/*記事検索*/
.articleInfo {
font-size: x-small;
width: 100%;
padding-bottom: 5px;
background-color: #d4d4d4;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
}
.articleInfo dl {
width: 100%;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.articleInfo dl dt {
font-weight: bold;
padding-right: 10px;
}
.articleInfo dl dd {
}

/*ランキング*/
.rankingInfo {
width: 100%;
padding-bottom: 5px;
background-color: #d4d4d4;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
}
.rankingInfo p {
font-weight: bold;
padding-right: 10px;
font-size: medium;
}
.rankingInfo p.date {
font-size: x-small;
}
.ranking .memo {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3%;
padding-right: 3%;
font-size: small;
}
.ranking .memo p {
margin-bottom: 5px;
}

/*--------------------------
Basicリストページ
---------------------------*/
#main_contents.basic > h2 {
color: #FFFFFF;
font-size: large;
text-align: center;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
#main_contents.basic .list {
width: 100%;
background-color: #FFFFFF;
padding-bottom: 0px;
margin-bottom: 20px;
}
#main_contents.basic .list ul {
width: 100%;
}
#main_contents.basic .list ul li {
border-bottom: 1px solid #C9C9C9;
width: 100%;
}
#main_contents.basic .list ul li a {
display: block;
padding-left: 2%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
color: #000000;
font-size: medium;
text-decoration: none;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#main_contents.basic .list ul li a:after {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
font-size: small;
content: ">";
font-style: normal;
position: absolute;
top: 25%;
right: 10px;
}
#main_contents.basic .list ul li:hover {
background-color: #EAEAEA;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
詳細ページリンク系
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

section.film > h2 {
font-size: x-large;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
text-align: left;
padding-left: 3%;
padding-right: 3%;
}
section.article > h2 {
font-size: x-large;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
text-align: left;
padding-left: 3%;
padding-right: 3%;
}
section.presentLink > h2 {
font-size: x-large;
font-weight: bold;
color: #000000;
margin-bottom: 20px;
text-align: left;
padding-left: 3%;
padding-right: 3%;
}
section.sns > h2 {
font-size: x-large;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
text-align: left;
}
section.couponLink > h2 {
font-size: x-large;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
text-align: left;
padding-left: 3%;
padding-right: 3%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
記事
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
記事リスト パネルver
---------------------------*/
.article .panel .wrap {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-top: 20px;
}
.article .panel dl {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: column; /* Safari */
flex-direction: column;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
position: relative;
padding-bottom: 0px;
padding-top: 0px;
border: 1px solid #DEDEDE;
margin-bottom: 15px;
width: 23%;
margin-left: 1%;
margin-right: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFFFFF;
}
.article .panel dl a {
text-decoration: none;
color: #000000;
}
.article .paneldl .img {
width: 40%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article .panel dl .img .wrap {
height: 15vh;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
/*background-image: url(/statics/images/user/common/back.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;*/
background-color: #DDDDDD;
}
.article .panel dl .img .wrap img {
max-width: 100%;
max-height: 100%;
margin-left: auto;
margin-right: auto;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.article .panel dl .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.8em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*テキスト部分*/
.article .panel dl .wrap {
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 30px;
}
.article .panel dl .text {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 4%;
order: 2;
}
.article .panel dl h3 {
text-align: left;
margin-bottom: 10px;
font-size: small;
line-height: 1.6em;
}
.article .panel dl .date {
font-size: x-small;
}
/*ハッシュタグ*/
.article .panel dl .tag {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
position: absolute;
bottom: 0px;
}
.article .panel dl .tag span {
padding-top: 2px;
padding-bottom: 2px;
/*border: 1px solid #B4B4B4;*/
font-size: x-small;
position: relative;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 7px;
margin-left: 2px;
border-radius: 3px;
margin-right: 2px;
line-height: 1.3em;
}

.article .panel dl .link a:hover {
background-color: rgba(255,255,255,0.44);
}

/*--------------------------
記事詳細
---------------------------*/
/*パンくず*/
.article .breadcrumb {
font-size: x-small;
width: 100%;
padding-bottom: 5px;
background-color: #d4d4d4;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
}
.article .breadcrumb ul {
width: 100%;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article .breadcrumb ul  {
width: 100%;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article .breadcrumb ul li i {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.article .breadcrumb ul li i:after {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
font-size: x-small;
content: ">";
font-style: normal;
}
.article .breadcrumb ul li {
font-size: x-small;
margin-bottom: 5px;
}
.article .breadcrumb ul li a {
text-decoration: none;
color: #000000;
}
.article .breadcrumb ul li a:hover {
text-decoration: underline;
color: #4F4F4F;
}
/*タイトル*/
#main_contents.article .detail > h2 {
font-size: x-large;
margin-bottom: 20px;
}
#main_contents.article .detail .article {
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
background-color: #FFFFFF;
/*border-bottom: 1px solid #D3D3D3;*/
}
#main_contents.article .detail .article .date{
font-size: x-small;
}
/*ハッシュタグ*/
#main_contents.article .detail .article .tag {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
#main_contents.article .detail .article .tag a {
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #B4B4B4;
font-size: x-small;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 7px;
margin-left: 2px;
border-radius: 3px;
margin-right: 2px;
line-height: 1.3em;
color: #000000;
text-decoration: none;
}
/*記事本文*/
#main_contents.article .detail .text {
padding-bottom: 30px;
font-size: small;
}
#main_contents.article .detail .text p {
margin-bottom: 15px;
}
#main_contents.article .detail .text .img {
margin-bottom: 15px;
}
#main_contents.article .detail .text .img img {
vertical-align: bottom;
width: 100%;
height: auto;
}
/*SNSシェアボタン*/
section.sns {
padding-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
}
section.sns > h2 {
font-size: x-large;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
text-align: left;
}
section.sns h2 span {
font-size: small;
padding-left: 10px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
作品
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
作品一覧系
---------------------------*/
.film .list {
padding-top: 20px;
}
.film .list .wrap {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.film .list dl:first-child {
border-top: 1px solid #E1E1E1;
}
.film .list dl {
position: relative;
background-color: #FFFFFF;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
width: 31.333%;
margin-left: 1%;
margin-right: 1%;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
padding-bottom: 25px;
}
.film .list dl a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 0%;
padding-right: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0px;
padding-bottom: 10px;
border-bottom: 1px none #E1E1E1;
}
.film .list dl a:hover {
}
.film .list dl .img {
width: 100%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.film .list dl .img .wrap {
height: 21vh;
background-color: #F7F7F7;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
background-image: url(/statics/images/user/common/back.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.film .list dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.film .list dl .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
.film .list dl .wrap {
padding-left: 3%;
width: 100%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.film .list dl h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
width: 100%;
}
.film .list dl dd {
font-size: small;
line-height: 1.4em;
width: 100%;
}
.film .list dl dd label {
padding-right: 10px;
color: #20324E;
}
.film .list dl dd p {
display: inline-block;
}
.film .list .rankingBtn {
position: absolute;
bottom: 10px;
right: 20px;
}
.film .list .rankingBtn .btn_area {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.film .list .rankingBtn .btn_area button {
background-color: #FFFFFF;
color: #142157;
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
margin-right: 15px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: auto;
font-size: small;
min-width: 50px;
}
.film .list .rankingBtn .btn_area button.favorit {
background-image: url(/statics/images/user/film/icn_film_favorite.png);
}
.film .list .rankingBtn .btn_area button.good {
background-image: url(/statics/images/user/film/icn_film_good.png);
}


/*--------------------------
作品詳細系
---------------------------*/
article.film .detail {
position: relative;
background-color: #FFFFFF;
padding-bottom: 30px;
margin-bottom: 30px;
}
article.film .detail .text {
padding-top: 20px;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: small;
line-height: 1.6em;
margin-bottom: 20px;
}
article.film .detail .infoDetail {
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: small;
line-height: 1.6em;
}
article.film .detail .infoDetail dl {
margin-bottom: 5px;
}
article.film .detail .infoDetail dl dt {
background-color: #4c4c4c;
color: #FFFFFF;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3%;
padding-right: 3%;
}
article.film .detail .infoDetail dl dd {
padding-bottom: 3px;
padding-left: 3%;
padding-right: 3%;
}
/*配給会社の間隔*/
article.film .detail .infoDetail dl dd span {
padding-right: 10px;
}
/*人物リンクのタグ化*/
article.film .detail .infoDetail dl dd a {
color: #000000;
text-decoration: none;
border-radius: 5px;
border: 1px solid #E0E0E0;
line-height: 2em;
margin-left: 3px;
margin-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
/*作品詳細上部公開日*/
article.film .detail .release {
padding-top: 10px;
padding-bottom: 0px;
text-align: center;
font-size: large;
}
/*GOODボタン*/
.film .detail .goodBtn {
margin-left: auto;
padding-top: 20px;
background-color: #FFFFFF;
}
.film .detail .goodBtn form {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content:center;
}
.film .detail .goodBtn button {
color: #1dace0;
padding-left: 8%;
background-repeat: no-repeat;
background-position: 5% center;
background-size: 28px auto;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 10px;
padding-top: 10px;
padding-right: 3%;
padding-bottom: 10px;
width: 90%;
font-size: medium;
max-width: 300px;
border-radius: 10px;
border: 3px solid #1DACE0;
font-weight: bold;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(/statics/images/user/film/icn_film_btn.png);
background-color: #FFFFFF;
}
.film .detail .goodBtn button.clicked {
opacity: 0.4;
}

/*旧GOODボタン*/
.film .detail .rankingBtn {
margin-left: auto;
display: block;
padding-top: 20px;
}
.film .detail .rankingBtn .btn_area {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.film .detail .rankingBtn .btn_area button {
background-color: #FFFFFF;
color: #142157;
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
margin-right: 15px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: auto;
font-size: small;
}
.film .detail .rankingBtn .btn_area button.favorit {
background-image: url(/statics/images/user/film/icn_film_favorite.png);
}
.film .detail .rankingBtn .btn_area button.good {
background-image: url(/statics/images/user/film/icn_film_good.png);
}

/*--------------------------
劇場上部作品情報
---------------------------*/
.filmInfo {
font-size: x-small;
width: 100%;
padding-bottom: 5px;
background-color: #FFFFFF;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #DEDEDE;
}

.filmInfo {
position: relative;
border-bottom: 1px solid #E1E1E1;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 10px auto;
}
.filmInfo a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
}
.filmInfo a:hover {
}
.filmInfo .img {
width: 40%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.filmInfo .img .wrap {
height: 21vh;
background-color: #F7F7F7;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.filmInfo .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.filmInfo .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
.filmInfo .wrap {
padding-left: 3%;
width: 60%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.filmInfo .wrap h2 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
.filmInfo .wrap p {
font-size: small;
line-height: 1.4em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
劇場
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
劇場一覧系
---------------------------*/
.theater .list {
padding-top: 20px;
background-color: #FFFFFF;
padding-bottom: 0px;
margin-bottom: 20px;
}
.theater .list dl:first-child {
border-top: 1px solid #E1E1E1;
}
.theater .list dl {
position: relative;
border-bottom: 1px solid #E1E1E1;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 10px auto;
}
.theater .list dl a {
text-decoration: none;
color: #000000;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
display: block;
width: 100%;
}
.theater .list dl a:hover {
}
.theater .list dl .wrap {
padding-left: 3%;
width: 60%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.theater .list dl h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
.theater .list dl dd {
font-size: small;
line-height: 1.4em;
}
.theater .list dl dd.schedule {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2%;
padding-right: 2%;
font-size: small;
background-color: #E7E7E7;
order: 3;
width: 90%;
}
.theater .list dl dd.schedule span.format {
}
.theater .list dl dd.schedule span.time {
word-break: break-all;
}
.theater .list dl dd.remarks {
font-size: x-small;
line-height: 1.4em;
}


.theater .list .icn {
position: absolute;
top: 10px;
right: 60px;
}
.theater .list .icn .coupon {
background-color: #FFFFFF;
color: #FF6F00;
border: 1px solid #FF6F00;
padding-left: 10px;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: auto;
font-size: x-small;
text-align: center;
line-height: 1.2em;
border-radius: 5px;
font-weight: bold;
}
.theater .list .icn .serviceday {
background-color: #FFFFFF;
color: #1857B0;
border: 1px solid #1857B0;
padding-left: 10px;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: auto;
font-size: x-small;
text-align: center;
line-height: 1.2em;
border-radius: 5px;
font-weight: bold;
}
.theater .list .no_schedule {
text-align: center;
padding-top: 0px;
padding-bottom: 40px;
}



/*--------------------------
劇場詳細系
---------------------------*/
article.theater .detail {
position: relative;
background-color: #FFFFFF;
}
article.theater .detail .infoBasic {
padding-top: 20px;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 20px;
}
article.theater .detail .infoBasic dd {
}
article.theater .detail .infoBasic .btn {
}
article.theater .detail .infoBasic .btn .map {
}
article.theater .detail .infoBasic .btn .ticket {
}
article.theater .detail .infoDetail {
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: small;
line-height: 1.6em;
}
article.theater .detail .infoDetail dl {
margin-bottom: 5px;
}
article.theater .detail .infoDetail dl dt {
background-color: #4c4c4c;
color: #FFFFFF;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3%;
padding-right: 3%;
}
article.theater .detail .infoDetail dl dd {
padding-bottom: 3px;
padding-left: 3%;
padding-right: 3%;
}
article.theater section {
background-color: #FFFFFF;
}
/*--------------------------
詳細内インナーテーブル
---------------------------*/
.innerTable {
}
.innerTable .wrap {
}
.innerTable .wrap h3 {
background-color: #4c4c4c;
color: #FFFFFF;
margin-bottom: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3%;
padding-right: 3%;
}
.innerTable .wrap dl {
margin-bottom: 10px;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
background-color: transparent;
}
.innerTable .wrap dl dt {
background-color: #F2F2F2!important;
color: #000000!important;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3%;
padding-right: 3%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.innerTable .wrap dl dt p.title {
}
.innerTable .wrap dl dt p.sub {
font-size: x-small;
line-height: 1.4em;
}
.innerTable .wrap dl dd {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
}
/*--------------------------
詳細内スクリーン情報
---------------------------*/
.infoDetail dl dd.screen {
margin-bottom: 3px;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.infoDetail dl dd.screen p.name {
display: flex;
align-items: center;
background-color: #F5F5F5;
width: 35%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.infoDetail dl dd.screen p.spec {
width: 65%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.infoDetail dl dd.screen p.spec span {
display: block;
}

/*--------------------------
劇場下部作品情報
---------------------------*/
/*--------------------------
作品一覧系
---------------------------*/
article.theater .filmList {
padding-top: 20px;
}
article.theater .filmList dl:first-child {
border-top: 1px solid #E1E1E1;
}
article.theater .filmList dl {
position: relative;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 10px auto;
}
article.theater .filmList dl a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E1E1E1;
}
article.theater .filmList dl a:hover {
}
article.theater .filmList dl .img {
width: 31%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.theater .filmList dl .img .wrap {
height: 21vh;
background-color: #F7F7F7;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
margin-bottom: 10px;
}
article.theater .filmList dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
article.theater .filmList dl .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
article.theater .filmList dl .wrap {
padding-left: 3%;
width: 69%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.theater .filmList dl h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
article.theater .filmList dl dd {
font-size: small;
line-height: 1.4em;
}
article.theater .filmList dl dd label {
padding-right: 10px;
color: #20324E;
}
article.theater .filmList dl dd p {
display: inline-block;
}
article.theater .filmList dl dt {
width: 90%;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2%;
padding-right: 2%;
font-size: small;
background-color: #E7E7E7;
order: 3;
}
article.theater .list dl .btn_area {
padding-top: 10px;
margin-bottom: 0px;
}
article.theater .filmList dl dt span.format {
}
article.theater .filmList dl dt span.time {
word-break: break-all;
}
article.theater .filmList dl dt.remarks {
font-size: x-small;
line-height: 1.4em;
}

/*--------------------------
劇場一覧タブ
---------------------------*/
section.tab.date {
}
section.tab.date > div {
}
section.tab.date {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
background-color: #FFFFFF;
padding-bottom: 20px;
}
section.tab.date > div {
background-color: #FFFFFF;
color: #385498;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #385498;
border-right: 1px solid #385498;
border-bottom: 2px solid #385498;
border-top: 2px solid #385498;
text-align: center;
font-size: small;
line-height: 1.6em;
width: 33.333%;
}
section.tab.date > div a {
text-decoration: none;
color: #385498;
}
section.tab.date > div.active a {
text-decoration: none;
color: #FFFFFF;
}


section.tab.date > div:first-child {
border-left: 2px solid #385498;
}
section.tab.date > div:last-child {
border-right: 2px solid #385498;
}
section.tab.date > div:hover {
background: #385498;
color: #FFFFFF;
}
section.tab.date > div.active {
background: #385498;
color: #FFFFFF;
position: relative;
}
section.tab.date > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #385498;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ランキング
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*--------------------------
セレクトボックス系
---------------------------*/
.history form {
overflow: hidden;
width: 90%;
margin: 2em auto;
text-align: center;
}
.history select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.history select::-ms-expand {
display: none;
}
.history form {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 2px;
background: #ffffff;
}
.history form::before {
position: absolute;
top: 0.8em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
.history select {
padding: 8px 38px 8px 8px;
color: #666666;
}


/*--------------------------
ランキング一覧タブ
---------------------------*/
section.tab.ranking {
}
section.tab.ranking > div {
}

section.tab.ranking {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
background-color: #FFFFFF;
}
section.tab.ranking > div {
background-color: #FFFFFF;
color: #DB319B;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 2px solid #DB319B;
border-right: 1px solid #DB319B;
border-bottom: 2px solid #DB319B;
border-top: 2px solid #DB319B;
text-align: center;
font-size: small;
line-height: 1.6em;
width: 25%;
}
section.tab.ranking > div a {
text-decoration: none;
color: #DB319B;
display: block;
width: 100%;
}
section.tab.ranking > div:first-child {
border-left: 2px solid #DB319B;
}
section.tab.ranking > div:last-child {
border-right: 2px solid #DB319B;
}
section.tab.ranking > div:hover {
background: #DB319B;
color: #FFFFFF;
}
section.tab.ranking > div:hover a {
color: #FFFFFF;
}
section.tab.ranking > div.active {
background: #DB319B;
color: #FFFFFF;
position: relative;
}
section.tab.ranking > div.active a {
text-decoration: none;
color: #FFFFFF;
display: block;
width: 100%;
}
section.tab.ranking > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #DB319B;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}


/*--------------------------
ランキング一覧系 トップページ
---------------------------*/
.ranking .list .slick-slide {
padding-left: 5px;
padding-right: 5px;
}
.ranking .list {
}
.ranking .list dl:first-child {
}
.ranking .list dl {
position: relative;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 360px;
border-bottom: 1px solid #DEDEDE;
}
.ranking .list dl a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 0%;
padding-right: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
}
.ranking .list dl a:hover {
}
.ranking .list dl .rank {
font-weight: bold;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.ranking .list dl .img {
width: 100%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ranking .list dl .img .wrap {
height: 19vh;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
background-image: url(/statics/images/user/common/back.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.ranking .list dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ranking .list dl .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
.ranking .list dl .wrap {
padding-left: 3%;
width: 100%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ranking .list dl h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
.ranking .list dl dd {
font-size: small;
line-height: 1.4em;
}
.ranking .list dl dd label {
padding-right: 10px;
color: #20324E;
}
.ranking .list dl dd p {
display: inline-block;
}
.ranking .list .rankingBtn {
position: absolute;
bottom: 10px;
right: 20px;
}
.ranking .list .rankingBtn .btn_area {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.ranking .list .rankingBtn .btn_area button {
background-color: #FFFFFF;
color: #142157;
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
background-size: 15px auto;
margin-right: 15px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: auto;
font-size: small;
min-width: 50px;
}
.ranking .list .rankingBtn .btn_area button.favorit {
background-image: url(/statics/images/user/film/icn_film_favorite.png);
}
.ranking .list .rankingBtn .btn_area button.good {
background-image: url(/statics/images/user/film/icn_film_good.png);
}
.ranking .list .rankingBtn .btn_area button.favorit.clicked {
opacity: 0.4;
}
.ranking .list .rankingBtn .btn_area button.good.clicked {
opacity: 0.4;
}

/*--------------------------
ランキング一覧系（一覧ページ）
---------------------------*/
article.ranking .list {
padding-top: 0px;
}
article.ranking .list {
width: 100%;
background-color: #FFFFFF;
margin-bottom: 20px;
padding-bottom: 0px;
}
article.ranking .list .comment {
width: 90%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1%;
padding-right: 1%;
border: 1px solid #DB319B;
margin-bottom: 20px;
font-size: small;
color: #DB319B;
text-align: center;
line-height: 1.6em;
}
article.ranking .list .comment span.icn {
background-image: url(../images/user/film/icn_film_favorite.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
display: inline-block;
width: 11px;
height: 15px;
margin-left: 3px;
margin-right: 3px;
}

article.ranking .list dl:first-child {
border-top: 1px solid #E1E1E1;
}
article.ranking .list dl {
position: relative;
min-height: 160px;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 10px auto;
}
article.ranking .list dl a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
}
article.ranking .list dl a:hover {
}
article.ranking .list dl .rank {
width: 100%;
}
article.ranking .list dl .img {
width: 31%;
margin-bottom: 20px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.ranking .list dl .img .wrap {
height: 19vh;
background-color: #ececec;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
article.ranking .list dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
article.ranking .list dl .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
article.ranking .list dl .wrap {
padding-left: 3%;
width: 69%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.ranking .list dl h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
article.ranking .list dl dd {
font-size: small;
line-height: 1.4em;
}
article.ranking .list dl dd label {
padding-right: 10px;
color: #20324E;
}
article.ranking .list dl dd p {
display: inline-block;
}
article.ranking .detail {
width: 100%;
max-width: 1000px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 3%;
padding-right: 3%;
margin-bottom: 30px;
font-size: medium;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
プレゼント、シネマQ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.questionnaire section.detail {
background-color: #FFFFFF;
}
.questionnaire section.btn {
background-color: #FFFFFF;
}
/*パンくず*/
.questionnaire .detail .info {
font-size: x-small;
width: 100%;
padding-bottom: 5px;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.questionnaire .detail .info .paid {
    background-color: #BD0003;
    color: #FFFFFF;
    text-align: center;
    font-size: small;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.questionnaire .detail .info .apply {
text-align: center;
background-color: #EBEBEB;
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
/*--------------------------
プレゼント一覧タブ
---------------------------*/
section.tab.present {
}
section.tab.present > div {
}
section.tab.present {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
}
section.tab.present > div {
background-color: #FFFFFF;
color: #ED5627;
padding: 10px;
cursor: pointer;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #ED5627;
border-right: 1px solid #ED5627;
border-bottom: 2px solid #ED5627;
border-top: 2px solid #ED5627;
text-align: center;
font-size: small;
line-height: 1.6em;
width: 33.333%;
}
section.tab.present > div a {
text-decoration: none;
color: #ED5627;
display: block;
width: 100%;
}
section.tab.present > div.active a {
text-decoration: none;
color: #FFFFFF;
display: block;
width: 100%;
}


section.tab.present > div:first-child {
border-left: 2px solid #ED5627;
}
section.tab.present > div:last-child {
border-right: 2px solid #ED5627;
}
section.tab.present > div:hover {
background: #ED5627;
color: #FFFFFF;
}
section.tab.present > div:hover a {
color: #FFFFFF;
}
section.tab.present > div.active {
background: #ED5627;
color: #FFFFFF;
position: relative;
}
section.tab.present > div.active .triangle {
left: 46%;
top: 100%;
position: absolute;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 10px solid #ED5627;
display: inline-block;
margin: 0;
width: 0px;
height: 0px;
margin-bottom: 0px;
z-index: 6;
}
/*--------------------------
プレゼント、シネマQ一覧系
---------------------------*/
.questionnaire .list {
padding-top: 30px;
}
.questionnaire .list .wrap {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 1%;
padding-right: 1%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.questionnaire .list .wrap div:first-child {
border-top: 1px solid #E1E1E1;
}
.questionnaire .list .wrap div {
position: relative;
width: 31.333%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background-color: #FFFFFF;
}
.questionnaire .list .wrap div a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 0%;
padding-right: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0px;
padding-bottom: 10px;
}
.questionnaire .list .wrap div a:hover {
}
.questionnaire .list .wrap div .img {
width: 100%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top-style: none;
margin-left: 0px;
margin-right: 0px;
border-style: none;
}
.questionnaire .list .wrap div .img .wrap {
height: 19vh;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
border-top-style: none;
margin-left: 0px;
/*background-image: url(/statics/images/user/common/back.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;*/
background-color: #DDDDDD;
}

.questionnaire .list .wrap div .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-style: none;
}
.questionnaire .list .wrap div .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
.questionnaire .list .wrap div .wrap {
padding-left: 3%;
width: 100%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: none;
padding-right: 3%;
}
.questionnaire .list .wrap div .wrap .icn {
width: auto;
margin-bottom: 10px;
border: none;
}
.questionnaire .list .wrap div .wrap .icn p.paid {
background-color: #BD0003;
color: #FFFFFF;
text-align: center;
font-size: small;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
line-height: 1.2em;
margin-bottom: 3px;
}
.questionnaire .list .wrap div h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
.questionnaire .list .wrap div .apply {
font-size: small;
line-height: 1.4em;
background-color: #F7F7F7;
padding-left: 3%;
padding-right: 3%;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}
.questionnaire .list .wrap div .apply span {
padding-right: 10px;
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.questionnaire .list .wrap div .caution {
font-size: x-small;
}
article.questionnaire section .more {
padding-top: 20px;
padding-bottom: 20px;
}
article.questionnaire section .more a {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
max-width: 500px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
text-align: center;
font-size: large;
border-radius: 5px;
border: 1px solid #909090;
background-color: #fbfbfb;
text-decoration: none;
}
article.questionnaire section .more a:hover {
background-color: #EDEDED;
}
/*--------------------------
プレゼント、シネマQブロック
---------------------------*/
section.presentLink {
padding-top: 0px;
}
section.presentLink .wrap div:first-child {
border-top: 1px solid #E1E1E1;
}
section.presentLink .wrap div {
position: relative;
}
section.presentLink .wrap div a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E1E1E1;
}
section.presentLink .wrap div a:hover {
}
section.presentLink .wrap div .img {
width: 40%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.presentLink  .wrap div .img .wrap {
height: 13vh;
background-color: #000000;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
section.presentLink .wrap div .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-top-style: none;
}
section.presentLink .wrap div .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
section.presentLink .wrap div .wrap {
padding-left: 3%;
width: 60%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.presentLink .wrap div .wrap .icn {
border-top-style: none;
}
section.presentLink .wrap div .wrap .icn p.paid {
background-color: #BD0003;
color: #FFFFFF;
text-align: center;
font-size: small;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
line-height: 1.2em;
margin-bottom: 3px;
}
section.presentLink .wrap div h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
section.presentLink .wrap div .apply {
font-size: small;
line-height: 1.4em;
background-color: #F7F7F7;
padding-left: 3%;
padding-right: 3%;
padding-top: 5px;
padding-bottom: 5px;
}
section.presentLink .wrap div .apply span {
padding-right: 10px;
display: block;
margin-bottom: 5px;
font-weight: bold;
}
section.presentLink .wrap div .caution {
font-size: x-small;
}


/*--------------------------
プレゼント、シネマQ詳細系
---------------------------*/
.questionnaire .detail .text {
    margin-bottom: 15px;
    padding-bottom: 30px;
    font-size: small;
}


/*--------------------------
アンケート詳細系
---------------------------*/
article.questionnaire .detail > h1 {
font-size: large;
width: 100%;
padding-bottom: 5px;
line-height: 1.6em;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.questionnaire .text {
font-size: small;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
クーポン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
クーポン一覧系
---------------------------*/
.coupon .list {
padding-top: 20px;
}
.coupon .list dl:first-child {
border-top: 1px solid #E1E1E1;
}
.coupon .list dl {
position: relative;
}
.coupon .list dl a {
text-decoration: none;
color: #000000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E1E1E1;
}
.coupon .list dl a:hover {
}
.coupon .list dl .img {
width: 40%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.coupon .list dl .img .wrap {
height: 13vh;
background-color: #000000;
width: 100%;
padding: 0;
/*display: flex;
align-items: center;*/
position: relative;
}
.coupon .list dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
/*display: block;
margin-left: auto;
margin-right: auto;*/
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.coupon .list dl .img .copy {
text-align: left;
font-size: xx-small;
text-decoration: none;
line-height: 1.6em;
width: 100%;
background-color: #FFFFFF;
padding-bottom: 3px;
}
.coupon .list dl .wrap {
padding-left: 3%;
width: 60%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.coupon .list dl h3 {
text-align: left;
font-size: medium;
margin-bottom: 5px;
line-height: 1.6em;
}
.coupon .list dl dd {
font-size: small;
line-height: 1.4em;
}
.coupon .list dl dd label {
padding-right: 10px;
color: #20324E;
}
.coupon .list dl dd p {
display: inline-block;
}

/*--------------------------
クーポン詳細系
---------------------------*/
article.coupon {
}
article.coupon section.detail {
background-color: #FFFFFF;
padding-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
}
article.coupon section.detail .image {
text-align: center;
margin-bottom: 20px;
}
article.coupon section.detail .image img {
max-width: 100%;
height: auto;
}
article.coupon section.detail .name {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
background-color: #F3F3F3;
}
article.coupon section.detail .time {
font-size: small;
margin-bottom: 10px;
}
article.coupon section.detail .text {
font-size: small;
margin-bottom: 30px;
}
footer .sp_mode_info {
margin-bottom: 0px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 620px;
width: 94%;
}
footer .sp_mode_info a {
border: 2px solid #DF0003;
text-decoration: none;
color: #DF0003;
padding-top: 5px;
padding-bottom: 5px;
display: block;
padding-left: 2%;
padding-right: 2%;
font-size: small;
line-height: 1.4em;
text-align: center;
font-weight: bold;
background-color: #FFFFFF;
}

/*--------------------------
開閉式トグル
---------------------------*/
.grad-wrap {
position: relative;
margin-bottom: 40px;
}
.grad-btn {
z-index: 2;
position: absolute;
right: 0;
bottom: -40px;
left: 0;
width: 150px;
margin: auto;
padding-top: 5px;
padding-right: 0;
padding-left: 0;
padding-bottom: 5px;
border-radius: 2px;
background-color: #3E3E3E;
color: #fff;
font-size: medium;
text-align: center;
cursor: pointer;
transition: .2s ease;
box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn::after {
  content: "続きを読む"
}
.grad-btn:hover {
background-color: #7D7D7D;
color: #fff;
}
.grad-item {
position: relative;
overflow: hidden;
height: 300px; /*隠した状態の高さ*/
padding-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn {
    bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/*--------------------------
動画埋め込みレスポンシブ化
---------------------------*/
.movie {
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 20px;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%!important;
  height:100%!important;
}
/*--------------------------
広告バナーブロック
---------------------------*/
.banner_block {
text-align: center;
margin-bottom: 10px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
固定ページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
プライバシーポリシー
---------------------------*/
article.static section.detail .privacy {
font-size: small;
line-height: 1.6em;
}
.privacy p {
font-size: small!important;
line-height: 1.6em;
margin-bottom: 10px;
}
.privacy .logo {
text-align: center;
}
.privacy .company {
text-align: center;
}
.privacy .bloc {
margin-bottom: 20px;
}
.privacy .bloc h2 {
background-color: #efefef;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
font-size: medium;
text-align: left;
}
.privacy .bloc h3 {
font-size: small;
text-align: left;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #efefef;
padding-left: 10px;
padding-right: 10px;
}
.privacy .bloc p {
margin-bottom: 10px;
font-size: small;
line-height: 1.6em;
padding-left: 10px;
padding-right: 10px;
}
.privacy .bloc ul {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.privacy .bloc ul li {
margin-bottom: 5px;
}

/*--------------------------
特定商取引に関する表記
---------------------------*/
dl.law {
}
dl.law dt {
background-color: #F7F7F7;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 10px;
}
dl.law dd {
margin-bottom: 10px;
font-size: small;
line-height: 1.6em;
padding-left: 10px;
padding-right: 10px;
}
dl.law dd ul {
}
dl.law dd ul li {
}
dl.law dd ul li span.remarks {
font-size: x-small;
}
dl.law dd ul li a {
text-decoration: underline;
color: #000000;
}
/*--------------------------
このサイトのご利用について
---------------------------*/
article.static section.detail .service {
font-size: small;
line-height: 1.6em;
}
.service p {
font-size: small!important;
line-height: 1.6em;
margin-bottom: 10px;
}
.service .logo {
text-align: center;
}
.service .company {
text-align: center;
}
.service .bloc {
margin-bottom: 20px;
}
.service .bloc h2 {
background-color: #F7F7F7;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
font-size: medium;
text-align: left;
}
.service .bloc h3 {
font-size: small;
text-align: left;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #C6C6C6;
padding-left: 10px;
padding-right: 10px;
}
.service .bloc p {
margin-bottom: 10px;
font-size: small;
line-height: 1.6em;
padding-left: 10px;
padding-right: 10px;
}
.service .bloc ul {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.service .bloc ul li {
margin-bottom: 5px;
}
.service .bloc a {
text-decoration: underline;
color: #000000;
}
.service .bloc a:hover {
color: #797979;
text-decoration: underline;
}
.service .bloc table {
margin-bottom: 10px;
border-top: 1px solid #A4A4A4;
border-left: 1px solid #A4A4A4;
}
.service .bloc table tr {
border-bottom: 1px solid #A4A4A4;
}
.service .bloc table tr th {
padding: 5px;
border-right: 1px solid #A4A4A4;
}
.service .bloc table tr td {
padding: 5px;
border-right: 1px solid #A4A4A4;
word-break: break-all;
}

/*--------------------------
NTTドコモSPモード対応
---------------------------*/

.sp_mode p {
margin-bottom: 10px;
font-size: small!important;
line-height: 1.6em;
padding-left: 10px;
padding-right: 10px;
}
.sp_mode ul {
font-size: small!important;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.sp_mode ul li {
margin-bottom: 5px;
}

article.coupon section.detail .sp_mode_info {
margin-bottom: 30px;
border: 1px solid #DF0003;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 600px;
width: 100%;
}
article.coupon section.detail .sp_mode_info a {
text-decoration: none;
color: #DF0003;
padding-top: 5px;
padding-bottom: 5px;
display: block;
padding-left: 2%;
padding-right: 2%;
font-size: small;
line-height: 1.4em;
text-align: center;
}
article.coupon section.detail section.link {
display: block;
margin-right: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
font-size: large;
border-radius: 3px;
margin-left: auto;
margin-bottom: 10px;
max-width: 300px;
background-color: #3ab8de;
width: 72%;
text-align: center;
}
article.coupon section.detail section.link a {
text-decoration: none;
color: #FFFFFF;
}

/*--------------------------
有料会員向けコンテンツ
---------------------------*/
/*基本レイアウト設定*/
article.pay_service {
}
article.pay_service h1 {
color: #FFFFFF;
font-size: large;
text-align: left;
background-color: #000000;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2%;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
article.pay_service section.detail {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
background-color: #FFFFFF;
padding-top: 30px;
padding-bottom: 20px;
}
article.pay_service section.detail p {
font-size: small;
line-height: 1.6em;
text-align: center;
}
article.pay_service section.detail p.left {
text-align:left;
}
article.pay_service section.detail img {
}

/*ボタンを縦表示に*/
article.pay_service section.detail .btn_area {
width: 84%;
max-width: 500px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
article.pay_service section.detail .btn_area button {
width: 100%;
margin-left: 0px;
margin-bottom: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
/*dアカウント用*/
article.questionnaire section.btn .btn_area {
width: 84%;
max-width: 500px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: auto;
margin-right: auto;
}
article.questionnaire section.btn .btn_area button {
width: 100%;
margin-left: 0px;
margin-bottom: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
article.questionnaire section.btn .btn_area button.d_login {
display: block;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
font-size: large;
border-radius: 0px;
border-style: none;
margin-bottom: 10px;
min-width: auto;
}
article.questionnaire section.btn .btn_area button.d_login img {
width: 100%;
max-width: 500px;
height: auto;
vertical-align: bottom;
}
section.btn .btn_area button.d_login img:hover {
opacity: 0.8;
}
article.questionnaire section.btn .btn_area .info {
}
article.questionnaire section.btn .btn_area .info p {
font-size: small;
line-height: 1.6em;
width: 100%;
margin-left: auto;
margin-right: auto;
}
article.questionnaire section.btn .btn_area .info p a {
text-decoration: underline;
color: #D40D10;
}

/*利用規約*/
article.pay_service .term {
padding-top: 30px;
padding-bottom: 0px;
}
article.pay_service .term p.index {
margin-bottom: 10px;
font-weight: bold;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
padding-left: 3%;
padding-right: 3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #efefef;
}
article.pay_service .term label {
padding-left: 3%;
}
article.pay_service .term .scroll {
height: 200px;
overflow-y: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
padding-top: 10px;
padding-bottom: 10px;
font-size: small;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}
article.pay_service .term .scroll p {
text-align: left;
font-size: small;
}
/*すでに会員*/
article.pay_service section.detail .btn_area .member {
text-align: center;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #E4282B;
color: #E4282B;
}
/*解約ページ*/
article.pay_service section.detail .lead {
font-size: medium;
}
article.pay_service section.detail .box {
margin-top: 20px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
max-width: 500px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2%;
padding-right: 2%;
background-color: #ECECEC;
}
article.pay_service section.detail .box p {
text-align: left;
margin-bottom: 10px;
}
article.pay_service section.detail .box p.title {
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
article.pay_service section.detail .box p.sub {
text-align: right;
margin-bottom: 0px;
}

/*テーブル表示*/
article.pay_service section.detail .table {
width: 84%;
max-width: 500px;
display: block;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #A1A1A1;
}
article.pay_service section.detail .table .tr {
border-left: 1px solid #A1A1A1;
border-bottom: 1px solid #A1A1A1;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.pay_service section.detail .table .tr .th {
background-color: #F9F9F9;
width: 40%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: small;
border-right: 1px solid #A1A1A1;
}
article.pay_service section.detail .table .tr .td {
width: 60%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
font-size: small;
border-right: 1px solid #A1A1A1;
}


/*--------------------------
Drawerメニュー
---------------------------*/
.drawer-nav {
background-color: #000000;
}
.drawer-nav.wrap {
overflow-y: scroll;
}
/*基本カラー*/
.drawer-nav .drawer-menu-item {
color: #FFFFFF;
background-color: #636363;
border-bottom: 1px solid #292929;
padding-left: 1rem;
padding-top: 3px;
padding-bottom: 3px;
}
/*タブ内*/
.drawer-nav .js-tab {
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.drawer-nav .js-tab .dtab01 {
padding-top: 65px;
width: 50%;
background-color: #636363;
margin-bottom: 0px;
border-style: none;
color: #FFFFFF;
background-image: url(/statics/images/user/drawer/drawer_icn_film.png);
background-repeat: no-repeat;
background-position: center 10px;
background-size: 40% auto;
padding-bottom: 5px;
font-size: small;
}
.drawer-nav .js-tab .dtab01.active {
background-color: #000000;
}
.drawer-nav .js-tab .dtab02 {
padding-top: 65px;
width: 50%;
background-color: #636363;
margin-bottom: 0px;
border-style: none;
color: #FFFFFF;
background-image: url(/statics/images/user/drawer/drawer_icn_theater.png);
background-repeat: no-repeat;
background-position: center 10px;
background-size: 40% auto;
padding-bottom: 5px;
font-size: small;
}
.drawer-nav .js-tab .dtab02.active {
background-color: #000000;
}
.drawer-nav .dmenu {
}
.drawer-nav .dmenu .drawer-menu-item {
background-color: #000000;
border-bottom: 1px solid #DEDEDE;
}
/*サブ*/
.drawer-nav .foot_menu .drawer-menu-item {
color: #000000;
background-color: #FFFFFF;
border-bottom: 1px solid #3D3D3D;
}
/*アイコンカラー系*/
.drawer-nav .dmenu .drawer-menu-item.service {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_service.png);
background-position: 12px center;
background-size: 16px auto;
background-repeat: no-repeat;
}
.drawer-nav .dmenu .drawer-menu-item.coupon {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_coupon.png);
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;
}
.drawer-nav .main_menu .drawer-menu-item.pre {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_pre.png);
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;
}
.drawer-nav .main_menu .drawer-menu-item.article {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_article.png);
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;
}
.drawer-nav .main_menu .drawer-menu-item.ranking {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_ranking.png);
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;
}
.drawer-nav .main_menu .drawer-menu-item.present {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_present.png);
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;
}
.drawer-nav .main_menu .drawer-menu-item.cinemaq {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_cinemaq.png);
background-position: 12px center;
background-size: 17px auto;
background-repeat: no-repeat;
}
.drawer-nav .sub_menu .drawer-menu-item.recruit {
}
.drawer-nav .sub_menu .drawer-menu-item.mail {
padding-left: 40px;
background-image: url(/statics/images/user/drawer/drawer_icn_mail.png);
background-position: 10px center;
background-size: 20px auto;
background-repeat: no-repeat;}


/*--------------------------
広告枠
---------------------------*/
section.ad {
padding-bottom: 0px;
}
.adsbygoogle {
text-align: center;
display: block!important;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
section.ad.sub .adsbygoogle {
margin-bottom: 15px;
padding-top: 15px;
}
.adsbygoogle iframe img {
text-align: center;
}