/* #layoutbar { height:135px; } */

#gmap iframe { width:100%; height:350px; }

#contact { padding:40px; }

form , fieldset { margin:0; border:0; padding:0; overflow:hidden; }

/* anyconactway */
.anyconactway { border-bottom:1px dashed #c6c6c6; padding-bottom:25px; }
.anyconactway ul { overflow:hidden; }
.anyconactway li { float:left; width:22%; overflow:hidden; padding:0 1.5%; }
.anyconactway li .icon { float:left; color:#7e0f83; width:50px; }
.anyconactway li .icon i { font-size:30px; }
.anyconactway li .txt { float:left; width:calc(100% - 50px); }
.anyconactway li .txt p {color:#7e0f83;font-size: 13px;line-height:180%;font-weight:600;}
.anyconactway li .txt .gray { color:#5a5a5a; }
.anyconactway li .txt .gray a { color:#707071; }

/* contact-detail */
.contact-detail { overflow:hidden; margin-top:50px; color:#6967b5; font-size:18px; }

/* contact-form */
.contact-form { margin-top:40px; }
.contact-form article { margin-bottom:20px; }

/* contact-box */
.contact-box { width:48%; float:left; overflow:hidden; position:relative; margin-bottom:15px; color:#000000; font-weight:500; }
.contact-box:nth-child(2n) { float:right; }
.contact-box p { margin-top:10px; }
.contact-box >p input[type="text"] ,
.contact-box textarea { width:90%; padding:10px 5%; font-size:16px; outline:none; transition:all ease-in-out 0.1s; color:#2361ae; border:none; background:#f2f2f2; }
.contact-box label span { margin-right:6px; color:#7d0f82; font-size:25px; }
.contact-box label p {
    margin-right: 6px;
    font-size: 13px;
    color: #bbbbbb;
    padding: 1px 5px;
    display: initial;
}
.contact-box .special { position:absolute; right:0; top:0; }
.contact-box .special p { display:inline-block; border:none; margin-top:0; margin-left:10px; }
.contact-box.stranger p { display:inline-block; background:#f2f2f2; width:90px; }
.contact-box.stranger input[type="text"] { border:1px solid #f2f2f2; background:#f7fafc; width:50px; }
.contact-box.stranger p b { display:inline-block; background:#f2f2f2; color:#717171;  padding:0 5px; font-size:15px; }
.contact-box.large { width:100%; }
.contact-box.large:last-child >p { display:inline-block; border:none; overflow:hidden; width:280px; }
.contact-box.large:last-child >p input { width:100px; margin-right:10px; }
.contact-box.large p.send { float:right; width:auto; }
.contact-box.large p textarea { width:95%; padding:5px 2.5%; }
.contact-box.large p.send input { background:#454045; color:#fff; font-size:14px; text-align:center; border:none; padding:5px 20px; }

/* roomstyle */
.roomstyle .content-wrap { padding:0; }

/* order */
.orderStyle { padding:20px; }
#order .orderWrap { margin-bottom:15px; }
#order .orderWrap .orderList { overflow:hidden; position:relative; padding:10px 0; border-bottom:1px #8e8e8e dashed; }
#order .orderWrap .orderList p { width:15%; float:left; }
#order .orderWrap .orderList p:first-child { width:40%; }
#order .orderWrap .orderList p label { padding-bottom:5px; border-bottom:2px #007afb solid; text-align:center; display:none; }
#order .orderWrap .orderList:first-child p label { display:block; }
#order .orderWrap .orderList p b { margin:5px 20px; display:block; line-height:100px; text-align:center; }
#order .orderWrap .orderList p:first-child b { text-align:left; }
#order .orderWrap .orderList p b a { color:#000; }
#order .orderWrap .orderList p b img { margin-right:15px; height:100px; }
#order .orderWrap .orderList p input[type="text"] { padding:0 10px; width:30px; border:1px #ddd solid; font-size:16px; }
#order .orderWrap .orderList p input[type="button"] { margin-left:0; padding:5px 10px; background:#ec3939; border-color:#901c1c; font-size:14px; font-weight:normal; color:#fff; }
#order .orderWrap .orderList p input[type="button"]:hover { background:#901c1c; }
#order #orderTotal p { margin:10px 0; text-align:right; }
#order .button { margin:15px 0 30px; text-align:center; }
#order .button p.link { text-align:right; }
#order .button p { width:49%; display:inline-block; }
#order .button p a { padding:10px 20px; background:#8c7d68; display:inline-block; font-weight:normal; color:#fff; }
#order .button p.link a { background:#e17b60; }
#order .button p a i { vertical-align:initial; }
#order .button p a:hover { opacity:0.7; }

.contact-center , .contact-center p { text-align:center; }

#order .anyconactway { margin:20px 0; padding-bottom:20px; }

@media screen and (max-width:980px) {
	.roomstyle .content-wrap { padding:40px; }
	#contact { padding:40px 0; }
	.contact-box { width:100%; }
	#gmap iframe { height:250px; }
	#layoutbar { height:115px; }
	.contact-box.stranger label { display:none !important; }
}
@media screen and (max-width:768px) {
	.anyconactway li { width:97%; margin:0 1.5% 30px; }
	#order .orderWrap .orderList { border-bottom:0; }
	#order .orderWrap .orderList p ,
	#order .orderWrap .orderList p:first-child { float:none; width:100%; border-bottom:1px #8e8e8e dashed; }
	#order .orderWrap .orderList p label ,
	#order .orderWrap .orderList:first-child p label ,
	#order .orderWrap .orderList p b { margin:0; padding:10px 0; width:49%; display:inline-block; line-height:33px; border-bottom:0; }
	#order .orderWrap .orderList p:first-child label ,
	#order .orderWrap .orderList p:first-child b { width:100%; text-align:center; }
	#order .orderWrap .orderList p:first-child label { border-bottom:2px #d2b287 solid; }
	#order .orderWrap .orderList p b img { margin:0 auto 10px; max-width:100%; height:auto; display:block; }
	.orderStyle { padding:0; }
}
@media screen and (max-width:640px) {
	.contact-detail { font-size:16px; }
	.contact-detail aside { margin-top:30px; }
	.contact-box.large p.send { display:block; width:auto; margin-top:20px; margin-left:0; }
	.roomstyle .content-wrap { padding:0 20px; margin:0 0 40px; }
	#layoutbar { height:auto; }
}
@media screen and (max-width:480px) {
	.contact-box { width:100%; }
	.contact-box.large p.send { text-align:center; }
}