/*
Theme Name:Iconic child
Theme URI:
Description:WordPressテーマ「Iconic」の自作子テーマです。
Template:iconic_tcd062
Author:Takuya Kutsukake
Author URI:https://design-plus1.com/tcd-w/
Version:1.14.2
*/

div.send .paypal_button,
div.send input[type="image"]{
 margin:0 auto;
  width: auto;
  height: auto;
  object-fit: cover;
}

/* 年プルダウンの変更 */
select.ui-datepicker-year{
  height: 2em!important;      /* 高さ調整 */
  margin-right:5px!important; /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}
/* 月プルダウンの変更 */
select.ui-datepicker-month{
  height: 2em!important;      /* 高さ調整 */
  margin-left:5px!important;  /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}

span.em_limited,.important{background: linear-gradient(rgba(255,255,255,0) 75%, #fff799 75%); font-weight:bold; }
span.em_soldout,.em-bookings-ticket-table-spaces strong{background: linear-gradient(rgba(255,255,255,0) 75%, #ffc1e0 75%); font-weight:bold; }

.em-booking-form-details,.em-coupon-code {
	float: none; 
	display: block;
	width: 100%;
}
.em-booking-message-error p{
	color:#ff0000;
}
.em-booking-form-details label,.em-coupon-code label {
	width : auto;
	display: inline-block;
	font-weight: bold;
}
.em-booking-form span.input-group input,
.em-booking-form span.input-group{
width: 100%;
margin-left:0;
text-align:left;
}
.em-booking-login input,
.em-booking-form-details input.input,
.em-booking-form-details select,
.em-booking-form-details textarea,
.em-booking-form input[name="user_email"],
.em-booking-form input[name="user_name"]
 {
	width: 100%;
	background-color: #fff; border: 1px solid #ddd; line-height: 33px; padding: 0 8px;
}
.em-coupon-code{
	background-color: #fff; border: 1px solid #ddd; line-height: 33px; padding: 0 8px;
}
.em-date-start{
	background-color: #fff; border: 1px solid #ddd; line-height: 33px; padding: 0 8px;
}
.em-booking-form-details select
 {
	padding: 8px 8px;
}
.pledge_check{text-align:left;}

div.em-booking-login label {
	width : auto;
	display: inline-block;
}

div.em-booking-login {
    float: none;
    display: block;
    width: 100%;
    margin: 15px 0;
    border: 0 none;
    padding: 10px;
}

div.em-booking-login p label {
	width : auto !important;
	display: inline-block !important;
	font-weight: bold;
	//display: block !important;
	//width: 100% !important;
}

.em-booking-submit,
.em-booking-login #em_wp-submit{
    border: none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    min-width: 180px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
}

.em-booking-login #em_rememberme {
 width:auto;
}

.em-bookings-ticket-table-price,
.em-bookings-ticket-table-spaces{
 text-align:center;
}
.login h1 a{
background-image:none,url(https://www.eyelidup.jp/cms/wp-content/uploads/2020/04/favicon_i.png);
}

.em-login{
	display:none;
}
/*---- customer_form ---*/

table.customer_form { width: 100%; margin-bottom: 12px;}
.customer_form th, .customer_form td  { padding: 10px; border: 1px solid #ddd; }
.customer_form th  { background: #f4f4f4; }
.customer_form th  { width: 25%; text-align: left; }

@media only screen and (max-width:480px){
    table.customer_form th,
    table.customer_form td{
    width: 100%;
    display: block;
    border-top: none;
    }
}
table.customer_form tr:first-child th { border-top: 1px solid #ddd; }


/*---- event_form ---*/

table.event_form { width: 100%; margin-bottom: 12px;}
.event th, .event_form td  { padding: 10px; border: 1px solid #ddd; }
.event th  { background: #f4f4f4; }
.event th  { width: 25%; text-align: left; }

@media only screen and (max-width:480px){
    table.event_form th,
    table.event_form td{
    width: 100%;
    display: block;
    border-top: none;
    }
    table.event_form th{
	margin-top:20px;
    }
    table.event_form tr:nth-child(n+2) th {
	border-top: 1px solid #ddd;
    }
}
table.event_form tr:first-child th { border-top: 1px solid #ddd; }

div.em-booking-message-error p{
	margin-bottom:0px;
}

h3.em-booking-section-title,
em-booking-section-title,
div.em-login-trigger{
	display:none;
}


/*---- salon_introduction ---*/

@media only screen and (max-width:480px){
    div.salon_introduction table th,
    div.salon_introduction table td,
    .pb_simple_table th,.pb_simple_table td{
    width: 100%;
    display: block;
    border-top: none;
    }
}
div.salon_introduction table tr:first-child th { border-top: 1px solid #ddd; }
.pb_simple_table tr:first-child th { border-top: 1px solid #ddd; }



/*---- セミナー予約一覧 ---*/
div.css-events-list th{ background: #f4f4f4; width: 25%; text-align: left;}
/*
@media only screen and (max-width:480px){
    div.css-events-list th,
    div.css-events-list td{
    width: 100%;
    display: block;
    border-top: none;
    }
	div.css-events-list th br{
		display: none;
	}
}
div.css-events-list tr:first-child th { border-top: 1px solid #ddd; }
*/

/*
	.customer_form {
		margin-bottom: 1.071428em;
	}
	.customer_form tr {
		display: table-row;
		margin-bottom: 0;
		padding: 0;
		border: none;
	}
	.customer_form th {
		display: table-cell;
		width: 25%;
		padding: .357143em 1.071428em;
		background-color: #f6f6f6;
		border: 1px solid #ccc;
		vertical-align: middle;
	}
	.customer_form td {
		display: table-cell;
		color: #6e6e6e;
		padding: .357143em 1.071428em;
		border: 1px solid #ccc;
	}
	.customer_form tr.inp1 td {
		display: table-cell;
		width: auto;
		margin-bottom: 0;
	}
	.customer_form input[type="password"] {
		display: inline-block;
	}
*/
.customer_form input[type="text"],
.customer_form input[type="tel"],
.customer_form select{
    background: #fff;
    border: 1px solid #ddd;
    line-height: 33px;
    padding: 0 8px;
}

.customer_form select{
    padding: 5px 10px;
}
.customer_form div.attention{
margin:10px 0;
font-size: .8em;
}
.customer_form span.attention{
	font-size: .8em;
}

/*---- send ---*/
.cart-page .send {
	padding-top: .714286em;
	text-align: center;
}

.settlement_form_send input.back_to_delivery_button{
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
	border:none;
	color:#fff;
	background-color: #bdbdbd!important;
}
.settlement_form_send input.to_confirm_button
{
	color: #fff;
	background-color: #0097cc;
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
	border:none;

}
.settlement_form_send input.to_confirm_button:hover
{
	background-color:  #006689;
}
.settlement_form_send input.back_to_delivery_button:hover
{
	background-color:  #1a1a1a!important;
}
/**************************/

.video { position: relative; height: 0; padding: 0 0 56.25%; overflow: hidden; margin-bottom:30px;} .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

input[name="deletemember"]{
	background-color:  #80939a;
}

.p-entry-item__cart-quantity input.plus,
.p-entry-item__cart-quantity input.minus { width: 30px; }

div.em-booking-buttons{text-align : center;}


.Qa-Box {
  width: 80%;
  margin: 0 auto;
}

.Qa-Box .Qa {
  padding: 20px 0;
  border-bottom: 1px solid #c8c8c8;
}

.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.Qa-Box .Qa:last-of-type {
  border-bottom: none;
}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #0097cc;
  width: 2em;
  height: 2em;
}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #d65556;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}

.c-meta-box__item--tag{
	line-height:1.5;
	margin-top: -0.25em
}
.em-booking-gateway select { background: #fff; border: 1px solid #ddd; height: 35px; padding: 5px 10px; outline: 0;
    font-size: 100%;box-sizing: border-box;}

#terms-click{
	margin-bottom:15px;
}


/**************************************************/
/* 
skuセレクト
/eyelidup.jp/public_html/cms/wp-content/plugins/wcex_sku_select/wcex_sku_select.css
=item-single.php　以下　途中まではは無効にする。
*/
.p-entry-item__cart-item-sku{
	margin-bottom:15px;
}

.item-sku th, .item-sku thead {
	background-color:#efefef;
}
.item-sku th, .item-sku td {
	border: 1px solid #dfdfdf;
	text-align: center;
}

table.item-sku input[type="radio"] {
	margin: 0;
	vertical-align: middle;
}
.sku_select{
    background: #fff;
    border: 1px solid #ddd;
    //height: 35px;
    padding: 5px 10px;
}
/**************************************************/

tr.customkey_oyasumi_eyelid,
tr.customkey_goodnight{
	display:none;
}
/**************************************************/
/**WEBフォント**/

.p-index-slider__item-catch {
    font-family: Ryumin Bold KL!important;
}
.p-logo,.p-page-header__title{
	font-family: classico-urw, sans-serif!important;
	font-style: normal!important;
}

/**************************************************/

/* welcart headline */
.p-wc-headline { color: #666!important; }
.p-wc .p-wc-headline { color: #666!important;}


.em-booking-login #em_wp-submit{
	background: #666!important;
}
.em-booking-submit:hover,
.em-booking-login #em_wp-submit:hover{
	background: #1a1a1a!important;
}

.em .em-notice,
.em .em-notice.em-notice-success
{
    border: 1px solid #df2e59!important;
    color: #000!important;
    background-color: #fff!important;
}
.button-secondary{
	width:180px;
	background: #666;
	border: none;
	color: #fff!important;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	min-width: 180px;
	overflow: hidden;
	padding: 0 20px;
	text-align: center;
	display: block;
	margin: auto;
	margin-bottom: 50px;
}

.button-secondary:hover{
	background: #1a1a1a;
}
.w100,.em-booking-submit{
	width:100% !important;
	max-width: 100% !important;
}
.em-booking-submit{
	margin:70px 0 50px 0;
}
.button-secondary{
	margin:50px 0 50px 0;
}
.em-booking-submit{
	border-radius: 10px;
	transition: all .2s;
	background:#df2e59;
}

/** new delivery **/
div.msa_area input.p-button{
    background: #666666 !important;
    border: none !important;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    min-width: 180px;
    overflow: hidden;
    padding: 0 20px !important;
    text-align: center;
}
div.msa_area input.p-button:hover{
	background-color: #1a1a1a !important;
	color: #fff !important;
}

a.new-delivery-address-button{
    background-color: #ffd5df !important;
    color: #df2e59 !important;
    border: 1px solid #df2e59 !important;
    line-height: 35px;
    padding: 0px 20px;
    font-weight: 700;
    float:right;
}
a.new-delivery-address-button:hover{
	background-color: #df2e59 !important;
	color: #fff !important;
}
input#msa_name,input#msa_name2,input#msa_furigana,input#msa_furigana2 {
    margin-left: .5em;
    margin-right: 0;
}
input#search_zipcode {
    background: #ccc;
    border: none;
    color: #fff;
    line-height: 35px;
    margin-right: 1em;
    padding: 0 20px;
}
table.pb_simple_table{
	table-layout: fixed;
	word-wrap: break-word;
}

li span.li-important{
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
    font-weight: 700;
}

input.no_input{
	pointer-events : none;
	background-color:#e8e8e8 !important;
}

.return_navi{
    position:static; !important;
}
.return_navi a:hover{
    background-color: #df2e59 !important;
    color: #fff !important;
}

.return_navi a{
    background-color: #ffd5df !important;
    color: #df2e59 !important;
    border: 1px solid #df2e59 !important;
}


/* チェックボックス */
input[type=checkbox].em-ticket-select,
input[type=checkbox][name=agree] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

table.event_form .btn{
    display: block;
    width: 50%;
    padding: 10px 0;
    margin: auto;
	margin-top:10px;
	border-radius: 0.5rem;
    background: #df2e59;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}
table.event_form .btn:hover{
    background: #000;
}


/* クーポンテーブル */
#coupon_table, #cart #coupon_table{
    width: 100% !important;
}