@charset "utf-8";

/*
Theme Name: シネマNAVI
Description: シネマNAVI CMSフォーム用css
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;
}
.smp,.tbl {
	display: block;
}
}
@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */
.tbl {
	display: block;
}
.smp,.pc {
	display: none;
}
}
@media screen and (min-width: 910px) {
/* 910px以上用（PC用）の記述 */
.pc {
	display: block;
}
.smp,.tbl {
	display: none;
}
}
/*--------------------------
ボタン系
---------------------------*/
.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;
}
/*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;
}
/*------------------------------------
詳細・フォーム画面
------------------------------------*/
/*フォームテーブル*/
form {
	width: 100%;
}
section.formArea {
	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;
}
section.formArea .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;
}
section.formArea .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;
}
section.formArea.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;
}
section.formArea .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;
}
section.formArea.tr .td p.col2 {
width: 50%;
}
section.formArea .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;
}
section.formArea .term {
}
section.formArea .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;
}
section.formArea .term label {
padding-left: 3%;
}
section.formArea .term .scroll {
height: 300px;
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;
}
section.formArea .term .scroll p {
text-align: left;
}

/*------------------------------------
フォームパーツ
------------------------------------*/
/*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%;
}

@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */


/*--------------------------
ボタン系
---------------------------*/
.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 {
}
/*--------------------------
フォーム系
---------------------------*/
section.formArea .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;
}
section.formArea.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%;
}

}