@charset "utf-8";

/*
Theme Name: シネマNAVI
Description: シネマNAVI 　フロントSMPcss
Theme URI: cinemanavi.com
Author: ifdesign.inc
Author URI: cinemanavi.com
Version: 1.00
*/
@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */


section {
width: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本パーツ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
ボタン系
---------------------------*/
.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: 30px;
margin-bottom: 10px;
}
.btn_area button {
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;
text-align: center;
font-size: large;
border-radius: 5px;
text-decoration: none;
}
.btn_area button:hover {
}
/*--------------------------
フォーム系
---------------------------*/
article.form .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;
background-color: #fafafa;
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.form .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;
}
.field.sm {
   width:80%;
}

/*--------------------------
トップページセクション基本設定
---------------------------*/
main .left_wrap {
width: 100%;
}
main .right_wrap {
display: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
基本パーツ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
ヘッダー
---------------------------*/
header article {
margin-bottom: 0px;
padding-bottom:5px;
padding-left: 4%;
padding-right: 2%;
padding-top: 10px;
}
header article .logo img {
max-width: 220px;
width: 100%;
height: auto;
}
/*--------------------------
フッター
---------------------------*/
footer nav {
padding-top: 0px;
padding-bottom: 0px;
}
footer .link_area ul li {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 94%;
}
footer .link_area ul li a {
padding-left: 16%;
padding-right: 10%;
line-height: 1.4em;
text-indent: 0px;
}
footer nav ul {
flex-direction: column;
width: 100%;
}
footer nav ul li {
width: 100%;
border-right-style: none;
border-bottom: 1px solid #AEAEAE;
}
footer nav ul li:last-child {
border-bottom-style: none;
}
footer nav ul li a {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
display: block;
text-align: center;
}
footer nav ul li a:hover {
text-decoration: none;
}
footer .copyright {
padding-top: 10px;
padding-bottom: 80px;
font-size: small;
}




/*--------------------------
トップページセクション別設定
---------------------------*/
/*検索窓*/
section.search {
margin-bottom: 0px;
position: static;
width: 100%;
}
section.search .keyword {
width: 70%;
}
section.search .btn {
width: 30%;
}
/*今週のPICKUP*/
section.pickup h2 {
width: 100%;
}
.pickup_list .slide {
height: 35vh;
}
.pickup_list.slick-initialized .slick-slide {
padding-left: 0%;
padding-right: 0%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ボトム固定メニュー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#bottomMenu {
display: block;
position: fixed;
bottom: 0px;
width: 100%;
}
#bottomMenu nav {
background-color: #000000;
}
#bottomMenu nav ul {
}
#bottomMenu nav ul li {
width: 20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #D2D2D2;
}
#bottomMenu nav ul li:last-child {
border-right-style: none;
}
#bottomMenu nav ul li a {
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
text-align: center;
display: block;
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
line-height: 1.2em;
}
#bottomMenu nav ul li p {
padding-left: 5%;
padding-right: 5%;
}
#bottomMenu nav ul li .icn {
width: 30px;
height: 20px;
display: block;
margin-left: auto;
margin-right: auto;
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
margin-bottom: 3px;
}
#bottomMenu nav ul li.shedule .icn {
background-image: url(../images/user/common/icn_shedule.png);
}
#bottomMenu nav ul li.ranking .icn {
background-image: url(../images/user/common/icn_ranking.png);}
#bottomMenu nav ul li.pre .icn {
background-image: url(../images/user/common/icn_pre.png);}
#bottomMenu nav ul li.present .icn {
background-image: url(../images/user/common/icn_present.png);}
#bottomMenu nav ul li.news .icn {
background-image: url(../images/user/common/icn_article.png);}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メインコンテンツ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*--------------------------
TOPページ
---------------------------*/
.ranking .js-tab .slick-current {
padding-left: 0px;
padding-right: 0px;
}

/*ピックアップスライダー*/
.pickup_list .slide {
height: 35vh;
background-color: #272727;
width: auto;
padding: 0;
display: flex;
align-items: center;
}
ul.pickup_list_nav li img {
max-width: 100%;
height: auto;
max-height: 7vh;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
}
.pickup_list .slick-slide:not(.slick-center) img {
-webkit-filter: opacity(100%);
-moz-filter: opacity(100%);
-o-filter: opacity(100%);
-ms-filter: opacity(100%);
filter: opacity(100%);
transition: 0.2s linear;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
スマホ限定コンテンツ設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*上映スケジュール検索*/
section.shedule h2 {
font-size: large;
color: #28417F;
border-left: 4px solid #28417F;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
text-align: left;
margin-left: 2%;
font-weight: bold;
}
section.shedule .wrap {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
padding-top: 15px;
}
section.shedule .panel {
border: 3px solid #28417F;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
background-color: #FFFFFF;
}
section.shedule .panel a {
display: block;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4%;
padding-right: 4%;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
section.shedule .panel a p {
text-align: center;
font-size: medium;
color: #28417F;
font-weight: bolder;
}
section.shedule .panel.film {
width: 49%;
margin-right: 2%;
}
section.shedule .panel.film a img {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
width: 40%;
height: auto;
padding-bottom: 10px;
}
section.shedule .panel.theater {
width: 49%;
}
section.shedule .panel.theater a img {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
width: 40%;
height: auto;
padding-bottom: 10px;
}
/*section.shedule {
}
section.shedule .link_area {
padding-top: 20px;
}
section.shedule .link_area ul {
width: 100%;
}
section.shedule .link_area ul li {
width: 94%;
margin-bottom: 10px;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #28417F;
}
section.shedule .link_area ul li a {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
color: #FFFFFF;
font-size: large;
text-align: center;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}
section.shedule .link_area ul li:hover {
background-color: #455A8E;
}*/

/*公開予定作品*/
section.commingsoon h2 {
font-size: large;
color: #4FD221;
border-left: 4px solid #4FD221;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
text-align: left;
margin-left: 2%;
font-weight: bold;
}
section.commingsoon .link_area {
padding-top: 20px;
}
section.commingsoon .link_area ul {
width: 100%;
}
section.commingsoon .link_area ul li {
width: 94%;
margin-bottom: 10px;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #4FD221;
}
section.commingsoon .link_area ul li a {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
color: #FFFFFF;
font-size: large;
text-align: center;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}


/*--------------------------
上映スケジュールメニュー
---------------------------*/
article.linkMenu {
}
article.linkMenu section.search {
padding-bottom: 10px;
}
article.linkMenu h1 {
color: #FFFFFF;
font-size: large;
text-align: center;
background-color: #000000;
margin-bottom: 20px;
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.linkMenu section {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
width: 100%;
}
article.linkMenu section .panel {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #28417F;
margin-bottom: 10px;
width: 100%;
}
article.linkMenu section .panel a {
display: block;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4%;
padding-right: 4%;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.linkMenu section .panel a h2 {
text-align: left;
font-size: medium;
color: #28417F;
font-weight: bolder;
}

article.linkMenu section .panel.film {
width: 49%;
margin-right: 2%;
}
article.linkMenu section .panel.film a img {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
width: 40%;
height: auto;
padding-bottom: 10px;
}
article.linkMenu section .panel.film a h2 {
text-align: center;
}
article.linkMenu section .panel.theater {
width: 49%;
}
article.linkMenu section .panel.theater a img {
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
width: 40%;
height: auto;
padding-bottom: 10px;
}
article.linkMenu section .panel.theater a h2 {
text-align: center;
}
article.linkMenu section .panel.imax {
}
article.linkMenu section .panel.mx4dx {
}
article.linkMenu section .panel.mini {
}
article.linkMenu section .panel.am10 {
}
article.linkMenu section .panel.disabilities {
}
article.linkMenu section .panel.serviceday {
}

/*--------------------------
記事リスト パネルver
---------------------------*/
.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: 46%;
margin-left: 2%;
margin-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.article .panel dl .img .wrap {
height: 18vh;
}

/*--------------------------
ランキングスライダー トップ
---------------------------*/
.ranking .list {
padding-top: 0px;
}
.ranking .list dl:first-child {
border-top: 1px solid #E1E1E1;
}
.ranking .list dl {
position: relative;
min-height: 160px;
}
.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;
}
.ranking .list dl a:hover {
}
.ranking .list dl .rank {
width: 100%;
}
.ranking .list dl .img {
width: 40%;
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: 14vh;
background-color: #ececec;
width: 100%;
padding: 0;
display: flex;
align-items: center;
}
.ranking .list dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.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: 60%;
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: small;
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;
}
/*--------------------------
ランキングリストver
---------------------------*/
article.ranking .list {
padding-top: 0px;
}
article.ranking .list dl:first-child {
border-top: 1px solid #E1E1E1;
}
article.ranking .list dl {
position: relative;
min-height: 160px;
}
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: 40%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article.ranking .list dl .img .wrap {
height: 14vh;
background-color: #ececec;
width: 100%;
padding: 0;
display: flex;
align-items: center;
}
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;
}
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: 60%;
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: small;
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: small;
}

/*--------------------------
アンケートリスト パネルver
---------------------------*/
.questionnaire .list {
padding-top: 0px;
}
.questionnaire .list .wrap {
-webkit-flex-direction: column; /* Safari */
flex-direction: column;
padding-left: 0%;
padding-right: 0%;
}
.questionnaire .list .wrap div:first-child {
border-top: 1px solid #E1E1E1;
}
.questionnaire .list .wrap div {
position: relative;
width: 100%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 0px;
border-bottom: 1px solid #E1E1E1;
background-color: transparent;
}
.questionnaire .list .wrap > div {
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 10px auto;
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: 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-right-style: none;
border-left-style: none;
}
.questionnaire .list .wrap div a:hover {
}
.questionnaire .list .wrap div .img {
width: 40%;
margin-bottom: 0px;
order: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top-style: none;
}
.questionnaire .list .wrap div .img .wrap {
height: 14vh;
background-color: #ececec;
width: 100%;
padding: 0;
display: flex;
align-items: center;
border-top-style: none;
}
.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;
border-top-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: 60%;
order: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10%;
}
.questionnaire .list .wrap div .wrap .icn {
border-top-style: 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: small;
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;
}
.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;
}

/*--------------------------
記事系
---------------------------*/
.film .list dl {
border-left: 1px none #E1E1E1;
border-right: 1px none #E1E1E1;
}

/*--------------------------
作品一覧
---------------------------*/
.film .list {
padding-top: 20px;
}
.film .list .wrap {
display: -webkit-block; /* Safari */
display: block;
}
.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: 0px;
width: 100%;
margin-left: 0%;
margin-right: 0%;
border-top: 1px none #E1E1E1;
border-bottom: 1px none #E1E1E1;
background-image: url(/statics/images/user/common/arrow.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 10px auto;
padding-bottom: 0px;
}
.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: 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;
}
.film .list dl a:hover {
}
.film .list dl .img {
width: 40%;
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: 14vh;
background-color: #F7F7F7;
width: 100%;
padding: 0;
display: flex;
align-items: center;
}
.film .list dl .img .wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.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: 60%;
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: small;
margin-bottom: 10px;
line-height: 1.6em;
}
.film .list dl dd {
font-size: small;
line-height: 1.4em;
}
.film .list dl dd label {
padding-right: 10px;
color: #20324E;
}
.film .list dl dd p {
display: inline-block;
}

/*--------------------------
作品ベース 検索系
---------------------------*/
.filmInfo .img .wrap {
height: 14vh;
background-color: #F7F7F7;
width: 100%;
padding: 0;
display: flex;
align-items: center;
}
/*--------------------------
劇場ベース 検索系
---------------------------*/
article.theater .filmList dl .img {
width: 40%;
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: 14vh;
background-color: #F7F7F7;
width: 100%;
padding: 0;
display: flex;
align-items: center;
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;
}
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: 60%;
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;
}

/*--------------------------
劇場 一覧系
---------------------------*/
.theater .list dl h3 {
padding-right: 85px;
}
.theater .list .icn {
position: absolute;
top: 10px;
right: 30px;
}








}
