@charset "Shift_JIS";

/* ボディー
---------------------------------------------------- */
body {
	margin-left: 0em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/bg_side.gif);
	background-repeat: repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 80%;
	color: #333333;
	line-height: 18px;
	}
	

#head{
	background-image:url(../img/bg_head.jpg);
	background-repeat:repeat;
	}

h1{
	margin:0px;
	padding:0px;
	}
	
div.sample p {
    margin: 0.5em 2px;
	margin-left:10px;
 }

/* リンク
---------------------------------------------------- */
a:link {

	  text-decoration: underline;
	  color: #00519C;
	  letter-spacing: 1px;
	  background: transparent;
	  
}
a:visited {

	  text-decoration: underline;
	  color: #00519C;
	  letter-spacing: 1px;
	  background: transparent;
	  
}
a:hover, a:active {

	  text-decoration: underline;
	  color: #FF6600;
	  letter-spacing: 1px;
	   background: transparent;
	  
}





/* フォント共通
---------------------------------------------------- */
.address {
      color: #333333;
      font-size:80%;
}

.gray80 {
	color: #666666;
	font-size: 80%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

. {
      color: #212021;
      font-size:85%;
}
.pad10 {
	line-height: 10px;
	padding-top: 15px;
	padding-bottom: 15px;

}

.pad5 {
	padding-top: 5px;
	padding-bottom: 5px;

}

.blue_b {
      color: #3D6D90;
	  font-weight: bold;
      font-size:83%;
}

.font90 {
      font-size:90%;
}

.red{
      color: #FF3300;
}
.white {
	color: #FFFFFF;
	font-size: 100%;
}
.white80 {
	color: #FFFFFF;
	font-size: 80%;
}
.blue{
	color: #2B3CFF;
}
.plantitle{
	color: #B80246;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 15px;
}

.plantitle18{
	color: #B80246;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 18px;
}

.gourmettitle{
	color: #3B2805;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 13px;
}
.plantitle02{
	color: #2A7A20;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 15px;
}
.plantitle03{
    color: #E80202;
    font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
    font-weight: bold;
    font-size: 14px;
}
.plantitle04{
	color: #B80246;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 13px;
}
.font_maru{
    color: #9E0450;
    font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
}
.font_maru90{
    color: #9E0450;
    font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
    font-size: 90%;
	font-style: italic;
}

.style3 {color: #FFFFFF}
.style1 {color: #FF0000;}
.style4 {font-size: 83%}

.green_b {
      color: #666600;
	  font-weight: bold;
      font-size:83%;
}
.style5 {
	color: #666666
}
.style6 {
      font-size:75%;
}
.font_size110 {
      font-size:110%;
}
.font_size120 {
      font-size:120%;
}
.sighttitle{
	color: #522E02;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 15px;
}
.redtitle{
	color: #5F0F13;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 13px;
}
.keikou{
  background-color: #ff0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.keikou-hoso{
  background-color: #ff0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.under {
  background: linear-gradient(transparent 70%, yellow 70%);
}

.text_space{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.text_space02{
	padding-bottom: 10px;
	padding-left: 10px;
}
.text_spaceleft30{
	padding-bottom: 10px;
	padding-left: 30px;
}
.text_spaceleft10{
	padding-bottom: 10px;
	padding-left: 10px;
}

.text_spaceleft2{
	padding-top: 10px;
	padding-left: 2px;
}
.text_space10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.text_space_all10{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.text_space10-5{
	padding-top: 10px;
	padding-bottom: 5px;
}
.text_space5-5{
	padding-top: 5px;
	padding-bottom: 5px;
}
.text_space-top10{
	padding-top: 10px;
}
.gyousyo{
	color: #000000;
	font-family: "ＤＦＧ行書体";
	font-size: 18px;
}
.gyousyo-red{
	color: #ff0000;
	font-family: "ＤＦＧ行書体";
	font-size: 24px;
	letter-spacing: 0.05em;
}
.kaisyo{
	color: #000000;
	font-family: "ＤＦＧ中楷書体";
	font-size: 18px;
	letter-spacing: 0.05em;
}

.pointtle18{
	color: #660000;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 18px;
    vertical-align: middle;
    letter-spacing: 1.5px;
}

.pointtle15{
	color: #660000;
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-size: 15px;
    vertical-align: middle;
}

.font_bgcolor25{
    color: white;
    background-color: #660000;
    line-height: 150%;
    font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-weight: bold;
	font-size: 18px;
    vertical-align: middle;
    letter-spacing: 1.5px;

}
.pinktitle18{
	color:rgba(239,11,82,1.00);
	font-family: "A-OTF じゅん Pro 501", "A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro R";
	font-size: 18px;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}



/* パンくず
---------------------------------------------------- */

.pan {
      color: #636563;
	  font-size:83%;
}
.gray85 {

      color: #333333;
      font-size:85%;
}
.gray87 {

      color: #333333;
      font-size:87%;
}
#main {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 808px;
	background-color: #F9F2E8;
}
#maincm {
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 600px;
	background-color: #F9F2E8;
}
.imgh10 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
}
.imgh5 {
	margin-top: 5px;
	margin-bottom: 5px;
	width: auto;
}
.imgw10 {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}
.img_rightw20 {
    width: auto;
    margin-right: 20px;
}
.img_centerw10 {
    width: auto;
    margin-right: 10px;
	vertical-align: middle;
}
.imgw5 {
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
}
.imgshikoku {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-bottom: 0px;
}
.imgshikoku02 {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-bottom: 7px;
}
.imgshikoku03 {
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-bottom: 7px;
}
p.box {
	padding-top: 1px;
	border-top: 1px dotted #666666;
	padding-bottom: 0px;
}
p.box80 {
	padding-top: 1px;
	border-top: 1px dotted #666666;
	padding-bottom: 0px;
	width: 80%;
}
p.box_purple90 {
	padding-top: 1px;
	border-top: 1px dotted #993399;
	padding-bottom: 0px;
	width: 90%;
}

p.box_pink {
	padding-top: 1px;
	border-top: 1px dotted #ff69b4;
	padding-bottom: 0px;
}


div.box {
	margin-top: 8px;
	border-top: 1px dotted #787878;
	margin-bottom: 8px;
}


/* スライドショー
---------------------------------------------------- */

#slideshow {
   position: relative;
   width:  800px; /* ボックスの横幅 */
   height: 179px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 179px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  800px; /* 画像の横幅 */
   height: 179px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 0px; /* 画像下部の余白 */
}


/* 検索窓用
---------------------------------------------------- */

h4 {
	margin : 0;
	padding : 0;
	font-size : 10px;
	color : #333333;
	text-align : left;
}
#booking_inner {
	width : 142px;
	margin : 0;
	padding : 0;
	line-height : 1.5em;
	font-size : 10px;
}
.bookingengine {
	color : #D6D6D6;
}
.booking {
	font-size : 12px;
}
.booking_date {
	margin : 0;
	padding : 0 5px;
	float : left;
	display : block;
}
.booking_date_2col {
	float : left;
	display : block;
	width : 80px;
	margin-right : 5px;
	padding : 0 5px;
}
input, select {
	margin : 2px 0;
	padding : 2px 3px;
}
input.button {
	width : 142px;
	margin : 3px auto;
	text-align : center;
}
hr {
	clear : both;
	width : 98%;
	height : 0;
	margin : 0;
	padding : 0;
	border : none;
	border-bottom : 1px dotted #CCCCCC;
}
#nitteiarea, #ninzuarea, #ryokinarea, #searchtypearea {
	width : 100%;
	margin : 0;
	padding : 5px;
	border : none;
	text-align : left;
}
#searchtypearea label {
}
input#chkymd, input#chkpsn {
	margin : 0;
	padding : 0;
}
#calidif, #apple_overlayif {
	width : 0;
	height : 0;
	position : absolute;
	display : block;
}
 //.style6 {
color: #000000
}

.txt_110 {
	color: #000000;
	font-size: 110%;
}

.txt_120 {
	color: #000000;
	font-size: 120%;
}

.txt_130 {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
}

.txt_16px {
	color: #000000;
	font-size: 16px;
}

.txt_20px {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}

.txt_25px {
	color: #000000;
	font-size: 25px;
	font-weight: bold;
}

.txt_21px_red {
	color: #ff0000;
	font-size: 21px;
	font-weight: bold;
}

.txt_16px_red {
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
}

.txt_130big {
    font-size: 130%;
    font-weight: bold;
    color: #434141;
}

.red_120 {
	color: #ff0000;
	font-size: 120%;
}

.red_130 {
	color: #ff0000;
	font-size: 130%;
}

.nedan_red {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 200%;
	font-weight: bolder;
	color: #ff0000;
}

.nedan_black180 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 180%;
	font-weight: bolder;
	color: #000000;
}
.nedan_black150 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 150%;
	font-weight: bolder;
	color: #000000;
}
.nedan_black120 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 120%;
	font-weight: bolder;
	color: #000000;
}

.nedan_black110 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 110%;
	font-weight: bolder;
	color: #000000;
}

.nedan_black130 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 130%;
	font-weight: bolder;
	color: #000000;
}

.nedan_black140 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 140%;
	font-weight: bolder;
	color: #000000;
}
.nedan_red120 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 120%;
	font-weight: bolder;
	color: #ff0000;
}
.nedan_red130 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 130%;
	font-weight: bolder;
	color: #ff0000;
}

.nedan_red150 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 150%;
	font-weight: bolder;
	color: #ff0000;
}
.nedan_red190 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 190%;
	font-weight: bolder;
	color: #E50003;
}

.nedan_red200 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 210%;
	font-weight: bolder;
	color: #E50003;
}

.nedan_green130 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 130%;
	font-weight: bolder;
	color: #2AAB2A;
}

.nedan_blue120 {
    font-family: Verdana, Geneva, "sans-serif";
	font-size: 120%;
	font-weight: bolder;
	color: #1CA6FF;
}

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
	border-collapse: collapse;
	border: 1px solid #333;
	border-spacing: 3px 3px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

/* 行間
---------------------------------------------------- */
.line20{
	line-height: 2;
	}
.line15{
	line-height: 1.5;
	}
.line125{
	line-height: 1.25;
	}


/* 字間
---------------------------------------------------- */
.font_space {letter-spacing: 0.05em}


/* インデント
---------------------------------------------------- */
.indent1 {
	padding-left: 1em;
	text-indent: 0em;
}

/* スライド切り替え
---------------------------------------------------- */
#container{
        margin: 0 auto;
        max-width: 90%;
	}
	#thumbnail{
	overflow: hidden;
	margin: 0 0 10px;
        padding: 0 3% ;
        width: 100%;
	}
	#thumbnail li{
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
	list-style: none;
	}
	#thumbnail li:last-child{
        margin-right: 0;
	}
	#thumbnail li img{
        width: 100%;
	opacity: 0.5;
        filter: alpha(opacity=50); 
	}
	#thumbnail li.current img{
	opacity: 1;
        filter: alpha(opacity=100);
	}
	#main_photo{
	position: relative;
        border: solid 15px #fff;
        width: 95%;
	}
	#main_photo img{
	position: absolute;
	top:0;
	width: 100%;
	}
    #caption{
        padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 5px;
        text-align: left;
		font-size: 15px;
		font-weight: bolder;
		letter-spacing: 0.1em;
    }


/* スライド切り替え02
---------------------------------------------------- */
#container02{
        margin: 0 auto;
        max-width: 90%;
	}
	#thumbnail02{
	overflow: hidden;
	margin: 0 0 10px;
        padding: 0 3% ;
        width: 100%;
	}
	#thumbnail02 li{
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
	list-style: none;
	}
	#thumbnail02 li:last-child{
        margin-right: 0;
	}
	#thumbnail02 li img{
        width: 100%;
	opacity: 0.5;
        filter: alpha(opacity=50); 
	}
	#thumbnail02 li.current img{
	opacity: 1;
        filter: alpha(opacity=100);
	}
	#main_photo02{
	position: relative;
        border: solid 15px #fff;
        width: 95%;
	}
	#main_photo02 img{
	position: absolute;
	top:0;
	width: 100%;
	}
    #caption02{
        padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 5px;
        text-align: left;
		font-size: 15px;
		font-weight: bolder;
		letter-spacing: 0.1em;
		color: #A20002;
   }


/* 文字ライン中央
---------------------------------------------------- */
.s1 {
	color: #444;
	font-size: 25px;
	font-family: "ＤＦＧ行書体";
	display: flex;
	align-items: center;
}
.s1:before, .s1:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.s1:before {
	margin-right: .4em;
	margin-left: .4em;
}
.s1:after {
	margin-left: .4em;
	margin-right: .4em;
}

/* 文字ライン中央02
---------------------------------------------------- */
.s2 {
	color: #D00000;
	font-size: 25px;
	font-family: "ＤＦＧ行書体";
	display: flex;
	align-items: center;
}
.s2:before, .s2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
.s2:before {
	margin-right: .4em;
	margin-left: .4em;
}
.s2:after {
	margin-left: .4em;
	margin-right: .4em;
}

/* Div要素
---------------------------------------------------- */
.div_left {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;

}

.div_left_white {
    padding-top: 20px;
    padding-bottom: 20px;
	background: #FFFFFF;
}

.div_jouge5 {
    padding-top: 5px;
}

.inline-block_yoko {
    display: inline-block; 
    padding:  2px;            
  }

/* カレンダーアイコン表示調整
---------------------------------------------------- */
img.ui-datepicker-trigger{
  margin-left: 1px!important;
  vertical-align: middle;
}

/* ボタン装飾
---------------------------------------------------- */
.kadomaru20 {
    border-radius: 20px;
    background-image: linear-gradient(0deg, #dcdcdc, #f5f5f5);
    border: 1px solid #a9a9a9;
}
.kadomaru20:hover {
   /* マウスオーバー */
   background-image: linear-gradient(0deg, #c0c0c0, #ffffff);
   border: 1px solid #cccccc;
}
.kadomaru20:active {
   /* クリック時 */
   background-image: linear-gradient(180deg, #c0c0c0, #dcdcdc);
   border: 1px solid skyblue;
}

/* チェックボックス装飾
---------------------------------------------------- */
input[type="radio"],input[type="checkbox"]{
 vertical-align:middle;
 margin-right: 5px;	
}

/*リストマーク変更*/
li.list-kome { list-style:none; }
li.list-kome:before { content:"※"; }

/*囲み枠*/
.kakomiwaku01 {
 padding: 15px;
 width: 93%;
 /* background-color: #fff; */
 border: 3px double #ff0000; /* 枠線 */
 border-radius: 1px;
}