@charset "utf-8";
/* CSS Document */

.content_comment {
	float: left;
	font-size: 1.2em;
	margin: 0px 0px 0px 40px;
	width: 30%; 
}

.restaurant_comment,.restaurant_houka_comment {
	float: left;
	font-size: 1.2em;
	margin: 0px 0px 0px 2%;
	width: 30%; 
}
.restaurant_space {
    margin: 0px 0px 0px 40px;
}

.formsw_area {
    float: left;
}

.button_space {
    margin: 12px 0px 0px calc(30% + 40px);
}

.button {
  display: inline-block;
  width: 220px;
  height: 46px;
  text-align: center;
  text-decoration: none;
  line-height: 46px;
  outline: none;
  
  background-color: #000000;
  border: 2px solid #000000;
  color: #FFFFFF;
  line-height: 44px;
  
  margin-left: 12px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
  background-color: #fff;
  border-color: #000000;
  color: #000000;
}

@media(max-width: 1000px){
    .content_comment {
		width: 50%;	
	}
	.button_space {
        float: left;
		margin: 0px;
    }
	.restaurant_comment {
        clear: both;
	    width: 50%;
		margin: 0px 0px 0px 40px;
	}
	.restaurant_houka_comment {
	    float: left;
		width: 50%;
		margin: 0px 0px 0px 40px;	
	}
}

@media(max-width: 767px){
	.content_comment {
		width: 92%;
	}
	.button {
		width: 100%;
		margin: 12px auto 24px;
	}
	.formsw_area {
        width: 100%;
    }
	.restaurant_comment,.restaurant_houka_comment {
		width: 92%;	
	}
}

/* form */

.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 10%;
}
.topics dd {
margin-left: 11%;
}
}

/* form1 */

.form_comment, .form_center_comment {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 10px auto;
}
.form_center_comment {
	text-align: center;    
}

.choice_item {
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
}

/* form2 */


.lht_form {
	position: relative;
	width: 100%;
	margin: 40px auto;
	padding: 1em 2em;
	/*box-shadow:0px 0px 3px 2px #ededed;*/
}
@media(max-width: 767px){
	.lht_form {
		padding: 1em 0.5em;
	}
}

.lht_form .cp_radio, .lht_group {
position: relative;
margin-top: 4rem;
margin-bottom: 2.25rem;
}
.lht_form .lht_group input[type=button],
.lht_form .lht_group input[type=submit],
.lht_form .lht_group input[type=checkbox],
.lht_form .lht_group input[type=radio],
.lht_form .lht_group input[type=text],
.lht_form .lht_group input[type=tel],
.lht_form .lht_group input[type=password],
.lht_form .lht_group input[type=email],
.lht_form .lht_group input[type=url],
.lht_form .lht_group input[type=date],
.lht_form .lht_group input[type=number],
.lht_form .lht_group textarea,
.lht_form .lht_group .cp_file .file_text,
.lht_form .lht_group select {
font-family: inherit;
}
.lht_form .lht_group input {
height: 1.9rem;
}
.lht_form .lht_group textarea {
resize: vertical;
}
.lht_form .lht_group select::-ms-expand {
display: none;
}
.lht_form .cp_ipselect {
position: relative;
width: 100%;
margin: 2em auto;
}
.lht_form .lht_sl {
position: relative;
font-size: 1rem;
font-family: inherit;
background-color: transparent;
width: 100%;
padding: 10px 10px 10px 0;
border-radius: 0;
border: none;
}
.lht_form .lht_sl:focus {
outline: none;
border-bottom: 1px solid rgba(0,0,0, 0);
}
.lht_form .cp_ipselect .lht_sl {
-webkit-appearance: none;
appearance: none;
}
.lht_form .cp_ipselect:after {
position: absolute;
top: 18px;
right: 10px;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0, 0, 0, 0.3);
pointer-events: none;
}
.lht_form .lht_sl_selectlabel {
color: #b3b3b3;
position: absolute;
pointer-events: none;
left: 0;
top: 10px;
transition: 0.2s ease all;
}
.lht_form .lht_sl:focus ~ .lht_sl_selectlabel,
.lht_form .lht_sl:valid ~ .lht_sl_selectlabel {
font-size: 0.8rem;
color: #000000;
top: -20px;
transition: 0.2s ease all;
}
.lht_form .lht_sl_selectbar {
position: relative;
display: block;
width: 100%;
}
.lht_form .lht_sl_selectbar:before,
.lht_form .lht_sl_selectbar:after {
content: '';
height: 2px;
width: 0;
bottom: 1px;
position: absolute;
background: #000000;
transition: 0.2s ease all;
}
.lht_form .lht_sl_selectbar:before {
left: 50%;
}
.lht_form .lht_sl_selectbar:after {
right: 50%;
}
.lht_form .lht_sl:focus ~ .lht_sl_selectbar:before,
.lht_form .lht_sl:focus ~ .lht_sl_selectbar:after {
width: 50%;
}
.lht_form .lht_sl_highlight {
position: absolute;
top: 25%;
left: 0;
pointer-events: none;
opacity: 0.5;
}
.lht_form .lht_group .lht_label {
position: absolute;
top: 0.25rem;
pointer-events: none;
padding-left: 0.125rem;
z-index: 1;
color: #b3b3b3;
font-size: 1rem;
font-weight: normal;
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
}
.lht_form .lht_group .bar {
position: relative;
border-bottom: 0.07rem solid #999999;
display: block;
}
.lht_form .lht_group .bar::before {
content: '';
height: 0.125rem;
width: 0;
left: 50%;
bottom: -0.0625rem;
position: absolute;
background: #000000;
-webkit-transition: left 0.28s ease, width 0.28s ease;
transition: left 0.28s ease, width 0.28s ease;
z-index: 2;
}
.lht_form .lht_group input[type=button],
.lht_form .lht_group input[type=submit],
.lht_form .lht_group input[type=checkbox],
.lht_form .lht_group input[type=radio],
.lht_form .lht_group input[type=text],
.lht_form .lht_group input[type=tel],
.lht_form .lht_group input[type=password],
.lht_form .lht_group input[type=email],
.lht_form .lht_group input[type=url],
.lht_form .lht_group input[type=date],
.lht_form .lht_group input[type=number],
.lht_form .lht_group textarea {
display: block;
background: none;
padding: 0.125rem 0.125rem 0.0625rem;
font-size: 1rem;
border-width: 0;
border-color: transparent;
line-height: 1.9;
width: 100%;
color: transparent;
-webkit-transition: all 0.28s ease;
transition: all 0.28s ease;
-webkit-box-shadow: none;
box-shadow: none;
}
.lht_form .lht_group select,
.lht_form .lht_group input:focus,
.lht_form .lht_group input:valid,
.lht_form .lht_group textarea:focus,
.lht_form .lht_group textarea:valid {
color: #333333;
}
.lht_form .lht_group select ~ .lht_label,
.lht_form .lht_group input:focus ~ .lht_label,
.lht_form .lht_group input:valid ~ .lht_label,
.lht_form .lht_group textarea:focus ~ .lht_label,
.lht_form .lht_group textarea:valid ~ .lht_label {
font-size: 0.8rem;
color: #000000;
top: -1rem;
left: 0;
}
.lht_form .lht_group select:hover,
.lht_form .lht_group input:focus,
.lht_form .lht_group textarea:focus {
outline: none;
}
.lht_form .lht_group select:hover ~ .lht_label,
.lht_form .lht_group input:focus ~ .lht_label,
.lht_form .lht_group textarea:focus ~ .lht_label {
color: #000000;
}
.lht_form .lht_group select:hover ~ .bar::before,
.lht_form .lht_group input:focus ~ .bar::before,
.lht_form .lht_group textarea:focus ~ .bar::before {
width: 100%;
left: 0;
}

.lht_form input[type="submit"] {
	border-top: 1px solid #ccc;   
    border-right: 1px solid #999;   
    border-bottom: 1px solid #999;   
    border-left: 1px solid #ccc;   
    padding: 10px 30px;   
    font-weight: bold;   
    cursor: pointer;   
    color: #666;
}
.lht_form input[type="button"] {
	border-top: 1px solid #ccc;   
    border-right: 1px solid #999;   
    border-bottom: 1px solid #999;   
    border-left: 1px solid #ccc;   
    padding: 10px 30px;   
    font-weight: bold;   
    cursor: pointer;   
    color: #666;
}

.lht_form input[type="button"]:disabled {
	background: #E7E7E7;
	color: #D1D1D1;
	border: 1px solid #FFFFFF;
	cursor: not-allowed;
}


.lht_form .btn_cont {
text-align: center;
}
.lht_form .btn {
position: relative;
background: currentColor;
border: 1px solid currentColor;
font-size: 1.1rem;
color: #000000;
margin: 3rem 0;
padding: 0.75rem 3rem;
cursor: pointer;
-webkit-transition: background-color 0.28s ease, color 0.28s ease, -webkit-box-shadow 0.28s ease;
transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
overflow: hidden;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.lht_form .btn span {
color: #ffffff;
position: relative;
z-index: 1;
}
.lht_form .btn::before {
content: '';
position: absolute;
background: #071017;
border: 50vh solid #959595;
width: 30vh;
height: 30vh;
border-radius: 50%;
display: block;
top: 50%;
left: 50%;
z-index: 0;
opacity: 1;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
.lht_form .btn:hover {
color: #3f51b5;
-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.lht_form .btn:focus {
outline: none;
}