@charset "UTF-8";






.top_tittle0917:after {
/*
font-size: 0.6em;
content:"ホテル「The Hotel Seiryu Kyoto Kiyomizu」\Aデュカス・パリが監修するレストランが２０２０年３月２２日に開業";
display:block;
font-size: 0.6em;
white-space: pre;
*/
}


.top_tittle0917:before {
/*content:"施設名称を「ＷＩＴＨ ＨＡＲＡＪＵＫＵ」に決定";
display:block;
	white-space: normal;*/
	
}

.top_tittle0917:after {
/*
	content:"２０２０年春開業予定、イベントホール予約受付を本日開始";
	display:block;
	font-size: 0.7em;
	
	white-space: pre;*/
}

.top_tittle0917 .after_t {

	display: block;

}

.news_float_img {

	float: right;
    width: 50%;
    padding: 15px;
    box-sizing: border-box;


}

.mt_ob {

	margin-top: 60px ;
}

.dp-fl .fl_box:nth-child(1) {
    width: 41.9%;
}

.fl_b {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

}


header .top_tittle0917 {

	font-size: 0.8em;
}

.news_img {

	width: 80%;
}

.news_img2 img {

	width: 50%;
	
}


@media screen and (min-width: 989px){

.pc_ml {

	margin-left: 15px;

  }

}


@media screen and (min-width:767px) and (max-width: 930px) {

	.dp-fl .fl_box:nth-child(1) {
    width: 50% !important;
    }


}

@media screen and (max-width: 767px){


	.top_tittle0917 .sub {

		margin: 5px 0 ;
	}

	body .top_tittle0917 .after_t {

		margin-top: 10px;
	}

.news_img2 img {

width: 100% !important;

}

	.mt_ob {

		margin-top: 25px !important;
		margin-bottom: 25px !important;

 }
 .sp_mt {
	margin-top: 15px;

 }
}


.news_list_disc {


	list-style: disc;
    margin-left: 20px;

}

u {
	display: table;
}


u span {

		display: table-cell !important;
		text-indent: 0em !important;


}
u span:nth-child(1) {

	white-space: nowrap;

}

767




<script >

/*右クリック禁止
$(function(){
	$(document).on('contextmenu',function(e){
		return false;
	});
});*/
</script>

<!--  追加style-->


.top_tittle0917 .sub{

	font-size: 1.8rem;
	display: block;

}  

.main_text01 h3,
.main_text01 h4 {
	position: relative;
	font-feature-settings: "palt";
}


.main_text01 h4 {

	font-weight: normal;
}



@media screen and (max-width:989px) {




body .scroll table{
width:930px !important;
overflow-x: scroll;
}
body .scroll table.blossa_table{
width:250% !important;
overflow-x: scroll;
}
.scroll{
overflow: auto;/*tableをスクロールさせる*/
white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
padding-bottom: 15px;
}
.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
height: 8px;
}
.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
background: #195cbf;
}

}


body table.bort01 th {
    text-align: justify;
    text-align-last: justify;
	font-weight: normal;
	white-space: nowrap;


}

.news_list01 {
margin-top: 15px;
	margin-left: 1em;
}


.news_list01 ul li {

	display: table;
}



.news_list01 ul li span {

display: table-cell;
}


.news_mmdt {

	text-align: right;
	text-align-last: auto;
}


.news_list01 ul li span:nth-child(1) {
white-space: nowrap;
padding-right: 5px;
width: 20px;
}

body .fl_b.qa01 .wellith {
	display: table;
}



body .fl_b.qa01 .wellith span {
	display: table-cell;
}


.fl_b.qa01 div:nth-child(1) {
	flex: 0 0 13%;
	text-align: center;
	white-space: nowrap;
} 


.fl_b.qa01 div:nth-child(2) {

	border-left: 1px solid;
	padding: 15px;
}

body .fl_b.qa01 p:nth-child(1) span,
body .fl_b.qa01 p:nth-child(2),
body .fl_b.qa01 div  p {/*
	border-right: 0px solid !important;
	font-weight: bold;
	padding: 0;*/
}


@media screen and (max-width: 767px){

body h4.tx_in {

	align-items: baseline !important;
	}



body table {

	font-size: 1em !important;

}

	body .fl_b.qa01 .wellith span {
	display: block !important;
	white-space: normal;
	
}

body .fl_b.qa01 p:nth-child(2) {

/*	border-left:0;
	margin-top: 15px;
	margin-left: auto;
    margin-right: auto;
*/	
}
body .fl_b.qa01 p:nth-child(1),

body .fl_b.qa01 div:nth-child(2) {

	padding: 0 5px;
}

body .fl_b.qa01 div:nth-child(2) {

	flex:  0 1 87% ;
	text-align: center;
	margin: auto;
}

body .fl_b.qa01 div:nth-child(1) {
	flex: 0 1 30%;

}
}








figure img {

	width: 100%;
}

.mod-frame_inner .news_img02 {
	width: calc(90% - 15px) ;

}

.fl_b.gap {

	gap: 10px;


}


.fl_b.gap02 figure {

	flex: 0 1 50%;
	padding: 15px;
	margin: 0 auto;
	box-sizing: border-box;


}

.fl_b.gap  figure {

	flex: 0 1 50%;

}


.fl_b.gap figcaption,
.fl_b.gap02 figcaption {

	text-align: center;
}

h4.tx_in {

	align-items: flex-start;
	font-weight: bold;
	margin-left: -4px;

}
h4.tx_in span {
	margin: 0;
}

.news_img03 {

	width: calc(50% - 5px);
	max-width: 559px;
	margin: 0 auto;
}

.news_list02 dl {

	display: table;

	margin: 5px 10px;

}


.news_list02 dl dt,
.news_list02 dl dd {
position: relative;
	display: table-cell;
}


.news_list02 dl dt {
	padding-right: 1em;
	white-space: nowrap;
	text-align-last: justify;
	width: 100px;

}

.news_list02 dl dt::after {
position: absolute;

content: '：';

}

.fl_b.news_fl_b {

}

	.news_img03 {
}
.syuhen {

	margin-top: 25px;
}


.syuhen h4 {

	text-align-last: justify;
	width: 100px;

}

.news_img04 {

	width: calc(100% - 25px);
	margin: 0 auto;
}


@media screen and (max-width: 767px) {
body .fl_b.gap02,
body .fl_b.gap {

	display: block;
}

body .news_img03 {
    width: calc(100% - 5px);
    max-width: 559px;
    margin: 0 auto;
}

.fl_b.news_fl_b {

	display: block;
}

}


