@charset "utf-8";

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

　　各ページ パーツ設定

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



/*  登録
---------------------------------------------*/

/* -- ユーザー情報 -- */

#personal-data h2 {
	font-size:1em;
	text-align:left;
	border:none;
	font-weight:bold;
	padding:0;
	margin:2em 0 .5em;
}

#personal-data h3 {
	font-size:.8em;
	border:none;
	font-weight:bold;
	padding:0;
	margin:.5em 0;
}

#personal-data h2 span,
#personal-data.purchase h3 span {
	color:#01c468;
	padding-left:1em;
}

#personal-data .user-data {
	vertical-align: top;
	display: table;
	width: 100%;
	table-layout: fixed;
}

#personal-data .user-data li {
	display:table-cell;
	padding-right: 5px;
}

#personal-data .user-data li:last-child {
	padding-right: 0;
	padding-left: 5px;
}

#personal-data .user-icon li,
#personal-data .user-data-radio li,
#personal-data .user-data-select li,
#personal-data .post li {
	display:inline-block;
}

#personal-data .user-data li {
}

#personal-data .user-icon li img {
	width:60px;
	height:60px;
}

#personal-data .user-data-radio li {
	margin:0 1em;
}

#personal-data p.form-caption {
	font-size:.85em;
	margin-top:.5em;
}

#personal-data p.user-data {
	margin-bottom:0;
}

#personal-data input[type="button"] {
	background:#4171ba;
	padding:.8em;
	border:none;
	color:#fff;
}

#personal-data select {
	padding:.8em;
}

#personal-data .user-data-select li.textarea {
	width:78%;
}

/* -- 利用規約 -- */

#box-terms {
	height:160px;
	overflow: scroll;
	background:#fff;
	border:1px solid #c9c9c9;
	padding:1em;
	margin-bottom:2em;
	overflow-x: hidden;
}

.l-into.default {
text-decoration:underline;
}

/* -- 確認ページ -- */

.error-message {
	background:#fff;
	padding:1em;
	font-weight:bold;
}

ul.error-message li {
	list-style: inside disc;
}

p.error-caption {
	font-size:.8em;
	margin:0;
	font-weight:bold;
}

#personal-data p.error-caption + p.form-caption {
	margin:0;
}

/* -- 完了ページ -- */

.user-mail p {
	font-size:1.6em;
}

.box-caption {
	border:1px solid #c9c9c9;
	padding:1em 1em 0;
	margin-bottom:2em;
}

.box-caption h2{
	text-align:left;
	padding:0;
	margin-bottom:0;
}


/*  ログイン
---------------------------------------------*/
.login h2 {
	text-align:left;
	margin:0 0 .5em;
	padding:0;
}

.login h2 span {
	font-weight:normal;
	font-size:.8em;
	padding-left:1em;
}

.inputarea {
	margin:0 0 2em;
}

.inputarea p.error-caption {
	margin:-1em 0 0;
}

/*  パスワード再設定
---------------------------------------------*/
.login.pw h2 {
	font-size:.8em;
}

/*  コースの購入
---------------------------------------------*/

/* 共通 */
.y-payment,
.m-payment,
.k-payment {
	padding: 5px;
	color: #fff;
	font-size: .8em;
  white-space: nowrap;
}

.m-payment {
	background: #01c468;
}

.k-payment {
  background: #4171ba;
}

.txt-y-payment, .txt-m-payment {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
}

.txt-y-payment input[type="radio"], .txt-m-payment input[type="radio"] {
	vertical-align: top;
	line-height: 1em;
}

.txt-m-payment {
	color: #01c468;
}

p.del-btn-wrap {
	text-align: right;
}

.course-purchase .btn-square {
	margin-top: 30px;
}

.txt-important {
	font-weight: bold;
}

#personal-data.purchase h2,
#order-cont-data h2 {
	text-align:left;
	margin-top: 30px;
	padding: 0 0 0 12px;
	border-left:4px solid #4171ba;
	border-bottom: none;
	font-size: 16px;
}

#personal-data.purchase h3,
#order-cont-data h3 {
	font-size:1em;
	text-align:left;
	border:none;
	font-weight:bold;
	padding:0;
	margin: 1.5em 0 .5em;
}

#personal-data.purchase h4 {
    font-size: .8em;
    border: none;
    font-weight: bold;
    padding: 0;
    margin: .5em 0;
}

#personal-data select {
	height: 35px;
	border: 1px solid #c9c9c9;
	font-size: 0.8em;
	width: 150px;
	padding: .8em;
}

#personal-data select.full {
	width: 100%;
}

/* ---- コース選択ページ ---- */
table.coupon-number {
	width: 100%;
	border-collapse: collapse;
}

table.coupon-number th,
table.coupon-number td {
	text-align: center;
}

table.coupon-number th {
	min-width: 100px;
	background: #4171ba;
	color: #fff;
}

table.coupon-number td {
	background: #fff;
}

table.coupon-number td input[type="text"] {
	border: none;
	font-size: 1.2em;
}

.view-list {
	text-align: right !important;
}

.view-list a {
	padding: 5px 20px 5px 30px;
	background: #dee4f0;
	border-radius: 20px;
	color: #03080c;
	font-weight: bold;
	position: relative;
}

.view-list a:hover {
	background: #bac9df;
	color: #1d293f;
}

.view-list a.arrow-r {
	text-align: left;
}
.view-list a.arrow-r:before  {
	position: absolute;
	left: 15px;
	box-sizing: border-box;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #03080c;
}

@media screen and (max-width: 400px) {
  table.coupon-number td {
		padding: 10px;
    display: block;
    text-align: center;
  }
  table.coupon-number th {
		padding: 15px 25px;
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
	
	table.coupon-number td input[type="text"] {
		border: none;
		font-size: 1em;
	}
}

/* コースモジュール*/
.course-single {
  width: 100%;
	margin-top: 20px;
  background: #fff;
}

.course-single td{
  padding: 20px 20px 0;
}

#main .course-single h2,
.course-single h2 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddad8;
	color: #1d293f;
	font-weight: bold;
	font-size: 1.3em;
  text-align: left;
}

.course-single img {
  width: 30%;
  max-width: 200px;
  float: left;
  margin: 0 15px 15px 0;
}

.course-single p {
  overflow: hidden;
}

tr.payment-period td span.course-price {
  font-size: 1em;
}

.course-single p.view-list {
  margin: 0;
}

tr.payment-period {
  border-top: 3px solid #efefef;
  font-size: 1.1em;
  font-weight: bold;
}

tr.payment-period td:first-child {
  border-right: 3px solid #efefef;
}

tr.payment-period td span {
  margin-right: 10px;
  font-size: .7em;
}

tr.payment-period td {
  width: 50%;
  padding: 15px;
  vertical-align: middle;
}

.course-single .btn-purchase {
  padding: 5px 15px;
  background: #ff7474;
  border-radius: .8em;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: .8em;
  font-weight: normal;
  line-height: 1.5;
  text-shadow: none;
  appearance: none;
}

.course-single span.btn-purchase.disable {
  margin-right: 0;
  opacity: .3;
  cursor: default;
}

.course-single .btn-delete {
  padding: 5px 15px;
  background: #485368;
  border-radius: .8em;
  border: none;
  color: #fff;
  font-size: .8em;
  font-weight: normal;
  line-height: 1.5;
  text-shadow: none;
  appearance: none;
}

.course-single .btn-purchase:hover {
  background: #e56969;
}

.course-single .btn-delete:hover {
  background: #373f4f;
}

.modal-movie-content .important {
  font-weight: bold;
}

.modal-movie-content .course-single h2 {
  margin: 0 0 20px;
  padding: 0 0 15px;
  border-bottom: 1px solid #dddad8;
  color: #1d293f;
  font-weight: bold;
  font-size: 1.3em;
  text-align: left;
}

@media screen and (max-width: 760px) {
  .course-single img {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 0 10px 0;
  }
  
  .course-single p {
    overflow: visible;
  }
  
  .course-single .view-list {
    text-align: right !important;
  }
  
  .course-price {
    display: block;
  }
  
  tr.payment-period td {
    text-align: center;
  }

  .course-single .btn-purchase,
  .course-single .btn-delete {
    float: none;
    width: 80%;
    max-width: 150px;
    margin: 15px auto 0;
    padding: 5px 20px;
    line-height: 1.5;
    display: inline-block;
  }
  
  .view-list {
    margin-bottom: 0;
  }
  
  .modal-movie-content .course-single p {
    overflow: hidden;
  }
  
  tr.payment-period td {
    padding: 10px;
  }
  
  .course-single .m-payment, 
  .course-single .y-payment {
    margin-bottom: 15px;
    padding: 5px 10px;
  }
}

/* ---- 入力ページ ---- */

/* steps
----------------------------------*/
.steps {
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
	background: #fff;
	border: 2px solid #1d293f;
	background: #fafafa;
}

.steps li {
	float: left;
	line-height: 60px;
	text-shadow: 0 1px 1px white;
	text-decoration: none;
	padding: 0 10px 0 40px;
	display: block;
	background: #fafafa;
}

.step-num {
	width: 44px;
	height: 52px;
	padding-top: 7px;
	background: url(../images/txt-step.png) left 50% / 44px 52px no-repeat;
	display: inline-block;
	color: #fff;
	text-align: center;
}

.steps li span {
	line-height:60px;
}

.step-num + span {
	vertical-align: top;
	display: inline-block;
	height: 60px;
	margin-left: 5px;
}

.steps li::after {
	position: relative;
	display: block;
	margin-top: -37px;
	margin-left: auto;
	margin-right: -25px;
	height: 30px;
	width: 30px;
	content: " ";
	-webkit-transform: skew(-40deg);
	transform: skew(-40deg);
	background: #fafafa;
	border-right: 2px solid #1d293f;
}

.steps li:last-child::after {
	border-right: none;
}

.steps li::before {
	float: right;
	display: block;
	margin-bottom: -237px;
	margin-left: auto;
	margin-right: -25px;
	height: 30px;
	width: 30px;
	content: " ";
	transform: skew(40deg);
	-webkit-transform: skew(40deg);
	background: #fafafa;
	border-right: 2px solid #1d293f;
}

.steps li:last-child::before {
	border-right: none;
}

.steps li:first-child  {padding-left: 10px;}
.steps li:last-child {
	padding-left: 40px;
}

.steps li:hover {color: #333;}
.steps li.current {
	color: #fff;
	background: #1d293f;
}

.steps li.current {
	color: #fff;
	background: #1d293f;
}

.steps li.current::before,
.steps li.current::after {background: #1d293f;}

.order-total td {
	padding: 0 0 0 80px;
}

@media screen and (max-width: 1024px) {
	.steps {
		display: flex;
		flex-wrap: wrap;
	}
	
	.steps li {
		width: 25%;
		padding: 0 5px;
		text-align: center;
		border-right:1px solid #1d293f;
		font-size: .9em;
		line-height: 1.4em !important;
	}
	
	.steps li:last-child {
		padding-left: 0;
		border-right: none;
	}
	
	.steps li:first-child {
		padding-left: 0;
	}

	.steps li::after,
	.steps li::before{
		display: none;
	}
	
	.step-num {
		display: block;
		text-align: center;
		background: url(../images/txt-step.png) center 50% / 44px 52px no-repeat;
		width: 100%;
		line-height: 60px;
	}
	
	.step-num + span {
		line-height: 1.4em !important;
		height: auto;
		margin-left: 0;
		margin-top: .5em;
	}


}

/* 注文内容 tableスタイル */
table.purchase-plan {
  border-collapse: collapse;
  width: 100%;
}

table.purchase-plan th,
table.purchase-plan td {
  padding: 10px;
}

table.purchase-plan th {
  background: #1d293f;
	color: #fff;
  text-align: center;
}

table.purchase-plan td {
	text-align: center;
}

table.purchase-plan td:first-child {
	width: 30%;
	text-align: left;
}

table.purchase-plan tr {
	background: #fff;
  border-bottom: 1px solid #dddad8;
}

.del {
	padding: 10px 12px;
	background: #697792;
	border-radius: .8em;
	color: #fff;
	font-size: .85em;
}

.change {
	padding: 10px 12px;
	border-radius: .8em;
	color: #fff;
	font-size: .85em;
}

.del:hover,
.change:hover {
	color: #fff;
}


@media screen and (max-width: 760px) {
  table.purchase-plan {
    border: none;
  }
  table.purchase-plan thead {
    display: none;
  }
  table.purchase-plan tr {
    display: block;
  }
  table.purchase-plan tr.item-plan {
    margin-bottom: 5px;
    border: 1px solid #1d293f;
  }
  table.purchase-plan tr.item-plan td:first-child {
    background: #1d293f;
    color: #fff;
  }
  table.purchase-plan td {
    display: block;
		border-bottom: 1px solid #ccc;
    padding: 10px;
    text-align: right;
  }
	table.purchase-plan td {
		width: 100%;
	}
	table.purchase-plan td:first-child {
		width: 100%;
	}
	table.purchase-plan .tb-hidden {
		display: none;
	}
  table.purchase-plan td::before {
		margin-right: 1em;
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}

/* 注文合計 確認画面 tableスタイル */

table.purchase-plan tr.total {
	border-top: 2px solid #697792;
}

/* クレジットカード情報 */
#order-cont-data .user-data-select li {
	display: inline-block;
}

#order-cont-data select {
	padding: .8em 10px;
	height: 35px;
	border: 1px solid #c9c9c9;
	background: #fff;
	font-size: 0.8em;
}

table.cards-available {
	width: 100%;
	border-collapse: collapse;
}

table.cards-available th,
table.cards-available td {
	text-align: center;
}

table.cards-available th {
	padding: 15px 25px;
	background: #1d293f;
	color: #fff;
}

table.cards-available td {
	background: #fff;
}

.user-card-data input[type="text"] {
	width: auto;
}

/* -- 利用規約 -- */

#box-terms {
	height:160px;
	overflow: scroll;
	background:#fff;
	border:1px solid #c9c9c9;
	padding:1em;
	margin-bottom:2em;
	overflow-x: hidden;
}

@media screen and (max-width: 760px) {
  table.cards-available td {
		padding: 10px;
    display: block;
    text-align: center;
  }
  table.cards-available th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
	
	table.cards-available img {
    width: 90%;
    height: auto;
	}
	
	.registration .btn-round {
		margin-top: 30px;
	}
}

/* -- 購入済みプラン一覧 -- */

.period-change {
	font-size: .8em;
}

.course-purchase .box-section {
	margin-bottom: 40px;
}

.course-detail h3 {
	border:none;
}

.course-detail p {
	background: #fff;
	padding: 2em;
}

.course-purchase .box-lecture .list {
	display: flex;
	flex-wrap: wrap;
}

.course-purchase .box-lecture .list li {
	width: 50%;
	padding: 0;
	border-bottom: none;
	margin: 0 0 10px;
	background: #fff;
}

.course-purchase .box-lecture .list li a {
	border-left: 5px solid #1d293f;
	border-right: 10px solid #efefef;
	padding: 1em;
	display: block;
    color: #333;
    background-color: #fff;
}

@media screen and (max-width: 760px) {
	#ordered-data table.purchase-plan td:nth-child(3n) {
		display: inherit;
	}
}

@media screen and (max-width: 480px) {
	.order-total td {
		padding: 0 0 0 30px;
	}
}

/* -- 支払い期間の変更 -- */

/* 支払い期間 コース変更画面 tableスタイル */
table.change-course {
	border-collapse: collapse;
  width: 100%;
}

table.change-course th,
table.change-course td {
	padding: 15px;
}

table.change-course th {
	background: #1d293f;
	color: #fff;
	text-align: center;
}

table.change-course td {
	padding: 15px;
	background: #fff;
}

/* 支払い期間 変更画面 tableスタイル */
.changes-details {
	margin-top: 30px;
}

.curt-plan h3,
.after-change h3 {
	border-left: none;
	padding-left: 5px;
}

.curt-plan,
.after-change {
	width: 350px;
}

.curt-plan {
	float: left;
}

.after-change {
	float: right;
}

table.change-payment {
  border-collapse: collapse;
  width: 100%;
}

table.change-payment tr {
	background: #fff;
}

table.change-payment th,
table.change-payment td {
  padding: 15px;
}

table.change-payment th {
  width: 35%;
	background: #1d293f;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
}

table.change-payment td {
	text-align: left;
	border-bottom: 1px solid #efefef;
}

table.change-payment.input td {
	padding-right: 100px;
}

@media screen and (max-width: 760px) {
  .curt-plan,
	.after-change {
		float: none;
		width: 100%;
	}
	
	.curt-plan {
		margin-bottom: 20px;
	}
}

/* ----- 講座一覧共通 ----- */

.box-lecture.second .box-lecture-list {
	display: flex;
	align-items: flex-start;
	flex-wrap:wrap;
	word-break:break-all;
}
.box-lecture.second .box-lecture-list > li {
	position: relative;
	margin-right: 3.5%;
}
.box-lecture.second .box-lecture-list > li:nth-child(3n) {
	margin-right: 0;
}
.box-lecture.second .box-lecture-list li {
    vertical-align: top;
    border: none;
    background: none;
    width: 31%;
    padding: 138px 0 0;
	margin-bottom: 20px;
}

.box-lecture.second .box-lecture-list .img-lecture {
	height: 130px;
	width:100%;
	overflow: hidden;
}

.box-lecture.second .box-lecture-list .img-lecture img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.box-lecture.second .box-lecture-list .img-lecture {
	position: absolute;
	top: 0;
	left: 0;
}

.box-lecture.second .box-lecture-list li dl {
	padding: 0 6px;
}

.box-lecture.second .box-lecture-list li dl dt {
	margin-bottom: 0;
	padding-bottom: 0;
}

.box-lecture.second .box-lecture-list li dl dt * {
	display: block;
}

.box-lecture.second .box-lecture-list li dl dt .h-lecture {
	margin-bottom: 5px;
	line-height: 16px;
	font-weight:bold;
	color:#333;
}

.box-lecture.second .box-lecture-list li dl dt .txt-date {
	font-size: 0.92em;
}

.box-lecture.second .box-lecture-list li dl dt br {
	display: none;
}

.box-lecture.second .box-lecture-list li dl dd .h-lecture {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* 削除ボタン */
.box-lecture.second .box-lecture-list .btn-delete {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 200;
	display: block;
	border-radius: 20px;
	height: 20px;
	padding: 0 6px 1px 10px;
	letter-spacing: 4px;
	line-height: 20px;
	font-size: 12px;
}

/* 削除ボタン・触れた時 */
.box-lecture.second .box-lecture-list .box-hover .btn-delete:hover + dl dd .img-lecture {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

@media screen and (max-width: 760px) {
  .box-lecture.second .box-lecture-list li {
		vertical-align: top;
		border: none;
		background: none;
		width: 46%;
		padding: 138px 0 0;
		margin-bottom: 20px;
	}
  
  .box-lecture.second .box-lecture-list > li:nth-child(2n) {
		margin-right: 0;
	}
	
	.box-lecture.second .box-lecture-list > li:nth-child(3n) {
		margin-right: 3.5%;
	}
	
	.box-lecture.second .box-lecture-list li dl {
		padding: 0 0 1.6em 0;
	}

}

@media screen and (max-width: 480px) {
	
	.box-lecture.second .box-lecture-list .img-lecture {
		height: 100px;
	}
}

/*  02. Training Map
---------------------------------------------*/

/* 　マップのオーバーレイ
---------------------------------------------*/

.modal-map-content {
    position:fixed;
    display:none;
    z-index:5300;
    width:75%;
    max-height: 100%;
    margin:0;
    padding:0;
    background:#fff;
    overflow: scroll;
}

.modal-map-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:5200;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.5);
}

.modal-open:hover {
    cursor:pointer;
}

.modal-map-content .message h3 {
	border-bottom:1px solid #d4d4d4;
}

.modal-map-content ul li .btn-movie {
	border:2px solid #fff;
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5);
	background:#932a2d;
	width:100%;
}

.modal-map-content ul li .btn-test {
	border:2px solid #fff;
	box-shadow: 0px 0px 3px rgba(000,000,000,0.5);
	width:100%;
}

.modal-map-content ul li a.btn-round {
    width: 100%;
	border-radius:20px;
}

.modal-map-content .box-request {
	background: #fff;
}

.btn-s-request {
	background:#ffbfbf;
	border:3px solid #ff4d4d;
}

.btn-request {
	background:#eeedea;
	border:3px solid #214986;
}

.modal-map-content .box-inner {
	padding: .8em;
}

.modal-map-content .box-inner h2 {
	text-align:center;
}

.modal-map-content .message {
	padding: .8em;
	text-align:left;
}

.modal-map-content .message h3 {
	padding: 0 0 .5em .5em;
	margin: 0 0 .5em 0;
}

.modal-map-content dl {
	display:table;
	width:100%;
}

.modal-map-content dl dt,
.modal-map-content dl dd {
	display:table-cell;
}

.modal-map-content dl dt {
	width:56%;
}

.modal-map-content ul li a {
	border-radius:20px;
	color:#fff;
	display:block;
	padding: .8em;
	width:56%;
}

.modal-map-content ul li {
	margin: .8em 0;
}

.modal-map-content ul li .btn-movie {
	width:100%;
}

.modal-map-content .box-request {
	padding: .8em;
}

p.btn-s-request, 
p.btn-request {
	border-radius:2em;
	padding:.8em;
	margin-bottom: 1em;
}


/*  17. PURCHASE : コースの購入
---------------------------------------------*/

/* ボタン設定 */

.btn-square {
	padding:1em 1.6em;
	display:block;
	text-align:center;
	font-weight:bold;
	font-size: 1em;
	display: inline-block;
	vertical-align: top;
	border-radius: .8em;
	border:none;
	box-shadow: 3px 3px 7px rgba(65,113,186,.5);
	color: #fff;
}

.btn-square.large {
	padding: 1.2em 3.2em;
	border-radius: .8em;
	min-width: 240px;
	cursor: pointer;
}

.btn-square.important {
 	background: #fe7144;
	box-shadow: 3px 3px 7px rgba(254,113,61,.5);
	border:none;
	color: #fff;
}

.btn-square.important:hover {
	background: #ff5620;
	color: #fff;
}

.btn-square.second {
	padding: 1em 3em;
	background: #d8dee6;
	color: #081428 !important;
	box-shadow: 3px 3px 7px rgba(0,0,0,.1);
	border: 2px solid #bac9df;
	box-sizing: border-box;
}

.btn-square.second:hover {
	background: #cdd8ee;
}

@media screen and (max-width: 760px) {
  .btn-square.large {
    padding: .8em 1.2em;
    border-radius: .8em;
    min-width: 40%;
    width: auto;
    cursor: pointer;
  }
  
  .box-movie-search + .align-center .btn-square.large {
    width: auto;
  }
  
  .btn-square.second {
    padding: .7em 1.2em;
  }
}


/* ---- ▼ムービー詳細 ---- */

/* モーダル */
.modal-movie-content {
	position: fixed;
	display: none;
	z-index: 5300;
	width: 75%;
	max-width: 800px;
	max-height: 100%;
	margin: 0 auto;
	padding: 0 15px 50px;
	background: #efefef;
	overflow: scroll;
}

.modal-movie-content h2 {
	margin: 30px 0 .7em;
	padding: 1em .5em;
	border-bottom: 1px solid #c9c9c9;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
}

.modal-movie-content h3 {
	border: none;
	font-size: 1em;
	font-weight: bold;
}

.modal-movie-content .icon-close {
	position: absolute;
	top: 15px;
	right: 0;
	width: 45px;
	height: 45px;
	color: #898989;
	font-size: 30px;
	cursor: pointer;
}

.modal-movie-content .icon-close:hover {
	color: #333;
}

.modal-movie-content textarea {
	min-height: 300px;
	margin-bottom: 15px;
	padding: 15px;
	font-size: 14px;
}

.modal-movie-content select {
	margin-bottom: 20px;
}

.modal-movie-content select.org-item {
  margin-bottom: 5px;
} 

.modal-movie-content  span.required {
	margin-left: 5px;
	padding: 3px 5px;
	background: #fe7144;
	color: #fff;
	font-size: .8em;
}

@media screen and (max-width: 760px) {
	.modal-movie-content {
		width: 95%;
    max-height: 100%;
		padding: 0 15px 20px;
    overflow: scroll;
	}
	
	.modal-movie-content .align-center a,
	.modal-movie-content .align-center bttton {
		margin-bottom: 10px;
	}
	
	.modal-movie-content .box-movie-search select {
		width: 100%;
		margin-bottom: 5px;
	}
	
	.modal-movie-content .box-movie-search .box-search-keyword {
    padding: 0;
    margin: 0;
	}
}