@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');

/*---------------------common---------------------*/

html { font-size: 100%; }

body { text-align: center; margin: 0px; padding: 0px; background-color: #FFFFFF; color: #000000;}
body#jp, .wf-sawarabimincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif ; letter-spacing: 0.08em; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {-moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; }
/*
*/
/* font-family: "Ryumin Regular KL"; */
body#en { font-family: 'Crimson Text', serif; letter-spacing: 0.0em; }

section , article , p { display: block;position: relative;text-align: left; }
p { margin: 0 ; padding: 0; }
img ,img a { border: none; }


.bg { background-color: #ff0}
.bd { border: solid 1px rgba(0,0,0,.2);}
.boto { border-top: solid 1px rgba(0,0,0,.2); padding-top: 20px }


/*---------------------block float---------------------*/

.clear-box { clear: both;float: none; }
.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }


/*---------------------typo---------------------*/

header nav ul li ul li a ,
.typo { font-size: 0;line-height: 0;text-indent: -9999px;text-align: left;}
.copy-concept { position: absolute; z-index: 10 } 
.copy-caption { position: absolute; z-index: 10 }

.eng, #Banner-box ,body#en .navigation ,body#en .navigation2 , body#en h1 , body#en .bt-faci

{ font-family: 'Oswald', sans-serif; font-weight: 400 }

body#en .navigation { letter-spacing: 0.05em }

body#en.cui h2 ,
body#en.bth h2
{ font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.2em ; font-size: 1.8em ; line-height: 1.0em }

body#en header { font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 0.05em ; }/*font-size: 1.2em ; line-height: 1.0em*/


/*---------------------link---------------------*/

a { color: #000000;text-decoration: none;border: none; }
a:focus { outline:none;}

a:hover { opacity: .5 }
a:hover { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
a.bgcol:hover { background-color: #eeeeee; }
a.bdbtm { border-bottom: 1px dotted #999 }


/*---------------------header---------------------*/

header , header nav { z-index: 100 }

/*---------------------Footer---------------------*/

footer  { display: block ; position: relative ; margin-bottom: 50px ; background-color: #ffffff  }
.footerlogo a
{
	display: block;
	width: 64px;
	height: 64px;
	background-image: url(../img/otanisanso.png);
	background-size: 100% auto;
	background-position: 0 5px ;
	background-repeat: no-repeat;
}

.fax a { text-decoration: none; pointer-events: none; }
 
.pr10 { padding-right: 10px }

/*---------------------box---------------------*/

#Conatiner { margin-right: auto;margin-left: auto;z-index: 1}
#Banner-box { margin: 0 0 0 0 ; }
#Main-box {  }/*background-color: #ffffff*/


#Navi-box
{
	background-color: #000000;
	height: 60px;
	width: 900px;
	margin-bottom: 50px;
}

/*---------------------homelogo---------------------*/

.homelogo { position: absolute; z-index: 10 }
.homelogo a { display: block; background-size: 100% auto; background-image: url(../img/logow.png); background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -9999px; }

/*---------------------otozure---------------------*/

.otozure { margin: 0 0 15px 0 ; font-size: 2.6em; line-height: 1.0em; letter-spacing: 0.3em }
.tel, .mail { margin: 0 0 15px 0 ; font-size: 1.2em; line-height: 1.0em; letter-spacing: 0.3em }
.english { font-size: 1.0em; line-height: 1.6em; letter-spacing: 0.2em; }
.english a { display: block; text-align: center;  }

#en .mail { line-height: 1.5em; margin: 0 0 20px 0 ; }
#en .mail span { font-size: .9em; letter-spacing: 0.07em; font-weight: 300 }
#en .mail a { font-weight: 400; letter-spacing: 0.15em }


/*---------------------copy---------------------*/

.gazo { float: left }
.phj img { width: 100% ; height: auto }
img.phj  { width: 100% ; height: auto ; }

table.fee { border-top: solid 1px #ddd ; border-left: solid 1px #ddd ; margin: 10px 0 ; }
table.fee tr td { border-right: solid 1px #ddd ; border-bottom: solid 1px #ddd ;text-align: center }

.gyokan {
	height: 8px;
	display: block;
}

.copy-maru {
	font-size: 60%;
	position: relative;
	top: -2px;
}

.copy-concept {
	font-size: 1.0em;
	line-height: 2.0em;
	text-align: justify; text-justify: inter-ideograph;
}


.caption-tate {
	font-size: 90%;
	line-height: 180%;
	text-align: right;
	position: absolute;
	color: #FFFFFF;
	width: 180px;
}

/*---------------------parts---------------------*/

.heibei
{
	font-size: 80%;
	padding-bottom: 2px;
	position: relative;
	top: -2px;
}
.price
{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.credit
{
	font-size: 85%;
	line-height: 180%;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.copy
{
	font-size: 95%;
	line-height: 200%;
	text-decoration: none;
	text-align: justify;
	vertical-align: top;
}

.smallcopy
{
	font-size: 90%;
	line-height: 180%;
	text-decoration: none;
	text-align: justify;
	vertical-align: top;
}
.spa-eng
{
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.2em;
	word-spacing: 0.4em;
    font-weight: 400
}


/*---------------------co---------------------*/

.cohome a
{
	display: block;
	width: 50px;
	height: 60px;}


.topics
{
	display: block;
	float: none;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 200%;
}



/**********************************************************************　アローリスト　*******************************************************************************/

ul,li{ margin: 0px;padding: 0 0 10px 0 ;text-align: left;list-style:none; }

ul.arrowlist li { padding-left:1.2rem;position:relative; }
ul.arrowlist li:before,ul.arrowlist li:after { content:"";display:block;position:absolute; }
ul.arrowlist li:before{ width:12px;height:12px;border-radius:2px;left:0;top:3px; }
ul.arrowlist li:after{ border:3px solid transparent;left:5px;top:6px; }

ul.arrowlist li:before { background-color: hsla(0,0%,0%,0.40) }
ul.arrowlist li:after { border-left-color:#fff; }


/**********************************************************************　予約アローリスト　*******************************************************************************/

#Reserv-box ul { display: table ; margin: 0 0 0 auto } 

#Reserv-box ul.arrowlist li { border:1px solid hsla(0,0%,0%,0.20) ; border-radius:5px; margin: 0 0 10px 0 ; }
#Reserv-box ul li { list-style:none; font-size: 1.1em ; line-height: 1.1em }

#Reserv-box ul.arrowlist li { padding-left:10px; position:relative; }
#Reserv-box ul.arrowlist li:before,ul.arrowlist li:after { content:"";display:block;position:absolute; }
#Reserv-box ul.arrowlist li:before{ width:14px;height:14px;border-radius:7px;left:10px;top:10px; }
#Reserv-box ul.arrowlist li:after{ border:3px solid transparent;left:16px;top:14px; }


#Reserv-box ul.arrowlist li:before { background-color: hsla(0,0%,0%,0.70) }
#Reserv-box ul.arrowlist li:after { border-left-color:#fff; }

#Reserv-box ul.arrowlist li:before a { background-color: hsla(0,0%,0%,0.70) }
#Reserv-box ul.arrowlist li a { display: block; text-align: center ; } 

/**********************************************************************　feed　*******************************************************************************/

div.fw-feed-item-top { border-bottom: #ccc 1px dashed ; }

div.fw-feed-item-content-module {
 padding: 10px !important;
 border-bottom: #ccc 1px dashed ;
 background-color: #fff;
 margin: 0 0 10px 0 !important;
 color: #000 ;
 font-size: 1.1em
}
div.fw-feed-item-content-module:hover {
 background-color: #eee;
}

.fw-feed-item-title{
 display: inline;
}
.okosama { font-size: 0.9em ; padding : 8px 0 0 8px ; margin: 0 0 50px 0 }