/*********** 前後台編輯器區塊共用的CSS設定 ***********/

.service-editor {
    max-width: 584px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Arvo',Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;

}

.service-editor .txt {
    color:#9A9A9A;
}
.service-editor .txt {
    text-align: left;
}
.service-editor .slogan {
    font-size:14px;
    letter-spacing:3px;
    color:#979797;
    margin: 20px 0 0;
    padding-bottom: 50px;
}
.service-editor .slogan:after {
    content: '';
    display: block;
    background: #C3975C;
    width: 3px;
    height: 16px;
    margin: 30px auto 0;
    -webkit-transform: skewX(-50deg);
    -moz-transform: skewX(-50deg);
    -ms-transform: skewX(-50deg);
    -o-transform: skewX(-50deg);
    transform: skewX(-50deg);
}
.service-editor .company-info {
    padding: 0 15px;
    font-size:14px;
    color:#979797;
    letter-spacing: 0.5px;
}
.service-editor .phone {
    color: #C5A667;
    font-size: 43px;
    font-family: Arvo;
    letter-spacing: 4px;
    line-height: 1.2;
    margin-top: 10px;
}
.service-editor .opening-time {
    color: #979797;
    font-size: 15px;
	line-height:2.4;
}
.service-editor .address {
    color: #979797;
    font-size: 21px;
    line-height: 1.2;
    margin-top: 17px;
}
.service-editor .address small {
    color: #858585;
    font-size: 13px;
}
.contact-info-list li{
	margin-bottom:5px;
}
.editor-title {
    color:#B8995E;
    font-size:17px;
    font-weight:bold;
    margin:0 0 8px;
}
.index-about-editor .row{
    display: flex;
    flex-wrap: wrap;
}
.index-about-editor .row .col{
    width: 25%;
    border: solid 1px #37444F;
    text-align: center;
    padding: 30px 60px 40px;
    margin-bottom: -1px;
}

.index-about-editor .row .col:nth-child(4n-3){
    border-left: none;
}
.index-about-editor .row .col:nth-child(4n){
    border-right: none;
}
.index-about-editor .row .col + .col{
    margin-left: -1px;
}
.index-about-editor .row .name{
    color: #DFDFDF;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3;
}
.index-about-editor .row .txt{
    font-size: 20px;
    color: #C5A566;
    margin-bottom: 15px;
}
.index-about-editor .row .description{
    color: #979797;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: 0;

}
.about-editor,.index-about-editor{
    font-family: 'Arvo',Arial, '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', '微软雅黑', 'メイリオ', '맑은 고딕', sans-serif;
}
.about-editor .row{
    display: flex;
    flex-wrap: wrap;
}
.about-editor .row .col{
    width: 25%;
    border: solid 1px #37444F;
    text-align: center;
    padding: 30px 20px 18px;
    margin-bottom: 30px;

}
.about-editor .row .col + .col{
    margin-left: -1px;
}
.about-editor .row .name{
    color: #F7F7F7;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3;
}
.about-editor .row .txt{
    font-size: 20px;
    color: #C5A566;
    margin-bottom: 15px;
}
.about-editor .row .description{
    color: #979797;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 20px;
    padding: 0 10px;

}
.about-editor .row .price{
    color: #C5A566;
    font-size: 20px;
    font-family: Arvo;
}
.about-editor .row .description2{
    border-top: solid 1px #37444F;
    padding-top: 15px;
    margin-top: 20px;
    color: #DFDFDF;
    font-size: 15px;
}
.about-editor .row2 .col{
    padding: 0 7.5px;
    margin-bottom: 15px;
    border:none;

}
.about-editor .row2 .col .box{
    background: #090F1B;
    padding: 22px 22px 42px;
    height: 100%;
    box-sizing: border-box;
}
.about-editor .row2 .name{
    font-size: 16px;
    text-align: left;
    color: #DFDFDF;
    padding: 0 10px 15px;
    min-height: 76px;
    border-bottom: solid 1px #37444F;
    box-sizing: border-box;

}
.about-editor .row2 .description{
    text-align: left;
    font-size: 15px;
    color: #979797;
    margin-bottom: 0;
}
.about-editor .row2 .tip{
   color: #DFDFDF;
   display: block;
   margin-top: 23px;

}
.about-editor .col2{
    width: 50%;
    text-align: right;
}
.about-editor .row img{
    object-fit: contain;
}
.contact-editor {
    max-width: 830px;
    margin: auto;
}
.contact-editor .row {
    text-align: center;
}

.contact-editor .col {
    vertical-align: middle;
    padding: 0 1.5%;
    float: left;
}

.contact-editor .col1 {
    width: 50%;
}

.contact-editor .col2 {
    width: 50%;
    text-align: left;
}

.contact-map {
}

.contact-map iframe {
    display: block;
    max-height: 100%;
}
.rwd_table{
	max-width: 488px;
	width:100%;
	text-align:center;
	font-size: 16px;
}
.rwd_table td,.rwd_table th{
	padding:0!important;
}
.table_tit:nth-child(1),.table_txt:nth-child(1){
		height:33px;
		line-height:33px;
		border-bottom:solid 1px #ababab;
		margin:0 -1px;
}
.table_tit:nth-child(2),.table_txt:nth-child(2){
	height:33px;
	line-height:33px;
	border-bottom:solid 1px #ababab;
	margin:0 -1px;
}
.table_tit:nth-child(3),.table_txt:nth-child(3){
	height:56px;
	margin:0 -1px;
}

@media screen and (max-width: 1000px) {
    .index-about-editor .row .col{
        width: 50%;
    }
    .index-about-editor .row .col:nth-child(n){
         border: solid 1px #37444F;
    }
    .index-about-editor .row .col:nth-child(2n-1){
        border-left: none;
    }
    .index-about-editor .row .col:nth-child(2n){
        border-right: none;
    }
    .index-about-editor .row .col ,.index-about-editor .row .col + .col{
        margin: -0.5px;
    }
    .about-editor .row .col{
        width: 50%;
    }
    .about-editor .col2{
        width: 100%;
        text-align: center;
    }
    .contact-editor .col2,.contact-editor .col1{
        width: 100%;
        float: none;
    }
	
	
 
}
@media screen and (max-width: 500px) {
    .service-editor .phone {
        font-size: 30px;
    }
    .service-editor .address {
        font-size: 18px;
    }
    .index-about-editor .row .col{
        width: 100%;

    }
     .index-about-editor .row .col:nth-child(n){
         border: solid 1px #37444F;
    }
    .index-about-editor .row .col + .col{
        margin-left: 0;
        margin-top: -1px;
    }
    .about-editor .row .col{
        width:100%;
    }
	.rwd_table th{
		display:none;
	}
	.rwd_table,.rwd_table td,.rwd_table tr,.rwd_table tbody{
		display:block;
		width:100%;
	}
	.table_txt:nth-child(1):before{
		content:'星期';
		display:inline;
	}
	.table_txt:nth-child(2):before{
		content:'日期：';
		display:inline;
		
	}
	.table_txt:nth-child(3):before{
		content:'時段：';
		display:inline;
		
	}
	.table_txt:nth-child(3) br{
		display:none;
	}
	.table_txt:nth-child(1),.table_txt:nth-child(2){
		border:none;
	}
	.table_txt:nth-child(3){
		height:auto;
	}

 
}