/* Globals */

/* Font
-----------------------------------------------------------------------------------------------------------*/
html {font-size: 100%;}

body {
        height: 100%;
        overflow-y: scroll;
        -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
    }
body::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
.w-100{width:100%;}
.w-80{width:80%;margin:5px auto;}
.mw-900{max-width:900px;}
.b-close{width:90%;margin:10px auto;border-radius: 10px;max-width:900px;padding:5px;text-align:center;background-color:white;font-size:16px;}
.bottom-menu{position:fixed;width:100%;left:0;bottom:0;z-index:1000;}
.kansyou-top{width:100%;height:300px;background: url(../images/bg.gif);}
.kansyou{width:100%;height:200px;}

body,
input,
select,
textarea,
button,
.ui-btn {
	font-size: 1em;
	line-height: 1.3;
	font-family: ヒラギノ角ゴ Pro W3 /*{global-font-family}*/;
}
.close-btn{ width:90%; margin:0 auto; padding-top:10px;}

legend,
.ui-input-text input,
.ui-input-search input {
	color: inherit;
	text-shadow: inherit;}
.txt_red01 {color:#CC0000}

/*--オリジナルカラー--*/
.ui-btn-up-f {
  text-decoration: none;
  border: 1px solid #FFF;
  background:       none;
  color:        #666;
  font-weight: 700;
  text-shadow:none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: -webkit-linear-gradient(top, #fff, #fff);
  background-image:  -moz-linear-gradient(top, #fff, #fff);
  background-image:   -ms-linear-gradient(top, #fff, #fff);
  background-image:   -o-linear-gradient(top, #fff, #fff);
  background-image:     linear-gradient(top, #fff, #fff);
}
.ui-btn-hover-f ,
.ui-btn-down-f , 
.ui-body-f .ui-btn-active {
  text-decoration: none;
  border: 1px solid   #FFF;
  background:       none;
  color:        #666;
  font-weight: 700;
  text-shadow:none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CC9966));
  background-image: -webkit-linear-gradient(top, #fff, #CC9966); 
  background-image:  -moz-linear-gradient(top, #fff, #CC9966); 
  background-image:   -ms-linear-gradient(top, #fff, #CC9966); 
  background-image:   -o-linear-gradient(top, #fff, #CC9966); 
  background-image:     linear-gradient(top, #fff, #CC9966);
}
.ui-body-f .ui-icon-checkbox-on, 
.ui-body-f .ui-checkbox-on .ui-icon, 
.ui-body-f .ui-radio-on .ui-icon {
  background-color: none;
}

.ui-body-g{
	background: url(../images/bg.gif);
}
/*--オリジナルカラー--*/
/* Form labels (overrides font-weight bold in bars, and mini font-size) */
.ui-mobile label, div.ui-controlgroup-label {font-weight: normal; font-size: 12px;}

/*--プラン一覧のリンクカラー--*/
/*.ui-btn-active a:link{color:#333; border-color:#633 ;text-shadow:none;}
.ui-btn-active a:active{ color:#333; background:#E5D6B6; border-color:#633; text-shadow:none; -webkit-tap-highlight-color : rgba(0,0,0,0)}
.ui-btn-active a:visited{color:#333; border-color:#633; text-shadow:none;}
.ui-btn-active a:hover{color:#333; background:#E5D6B6; border-color:#633; text-shadow:none; -webkit-tap-highlight-color : rgba(0,0,0,0)}*/

/*--タイトルタグ--*/
.header{position: fixed;}
.ui-header{
	 background: url(../images/bg.gif);
	background-repeat: repeat;
	position:relative;
	height:110px;
	z-index:1;
	text-align: left;
}
.ui-header h1{
	text-indent:-9999px;
	background: url(../images/logo.png) no-repeat top left;
	width:300px;
	height:50px;
	min-height:50px;
	padding:0;
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
.ui-header h1{
	background-image: url(../images/logo@.png) no-repeat top left;
	-webkit-background-size:300px 50px;
	background-size: 300px 50px;
}

}
h2{text-shadow: none; font-size: 18px; text-align: center; margin: 0; padding: 0;}
h3{background-color: #3A546B; padding: 10px; margin: 20px 0 0 0; text-shadow: none; font-size: 16px; color: #FFF;}
#rh2{text-shadow: none; font-size: 16px; color:#3A546B; margin:20px 0 10px 0; text-align: center;}
.txt_warp{text-align: center; margin:50px auto 0px auto; padding: 0;}
.lead{text-align: center; display: inline-block; font-size: 18px; line-height: 1.5em; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; color: #565D63;
margin-bottom: 10px;}
.txt2{text-align: left; display: inline-block; font-size: 1em; line-height: 1.8em; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.txt1{text-align: left; margin-top: 10px;}
.txt {padding: 5px 0; font-weight: bold; text-shadow: none; font-size: 1em; color: #3A546B;}
p {margin: 0; text-shadow: none; font-size: 0.9em; line-height: 1.5em;}
/*--ページ、ヘッダー、コンテンツ--*/
.ui-page{  margin: 0; padding: 0;}

h2 img{ width: 80%;
	max-width: 300px;
	min-width: 150px;
	height: auto;
}

/*.ui-header img{ display: block; text-align: left;}*/
/*1.0em 5% 0.8em*/

.ui-header .ui-btn-icon-notext{top: 20px;}
.ui-header .ui-btn-right{right: 10px;}
.ui-header .ui-btn-left{left: 10px;}
.ui-content{padding:0 5% 20px 5%; margin: 0 auto; color:#666;}/*contentの背景*/


/*---スライドショー---*/
.flexslider{
    border:none;
    box-shadow:none;
	background: url(../images/bg.gif);
	}/*flexsliderの背景*/
 
/*--コントロールナビ色変更--*/
/*.flex-control-paging li a {background:#f98e8e;}
.flex-control-paging li a:hover{background:#f60101;}
.flex-control-paging li a.flex-active{background:#f60101;}*/

/*---下層ページの画像---*/
.img_w{width: 100%;}
.img_h{width: 49.5%;}

/*--ページトップへ--*/
/*.pagetop{
	padding-top: 50px;
	text-align: center;
	text-shadow: none;}*/

/*--フッター--*/
.ftr_serch {
	color: #000;
	font-size: 14px;
	text-shadow: none;
	background-color:#FFDDDD;
	padding: 5px 0;
	text-align:center;}
.ftr_info {
	color: #494A41;
	font-size: 16px;
	text-shadow: none;
	background:url(../images/bg_header.gif);
	padding: 5px 0;
	text-align:center;}
.ftr_tel{font-size:20px; color: #494A41; text-shadow:none;}
.ftr_info a:link {color: #494A41;}
.ftr_info a:active {color: #5A5A7C;}
.ftr_info a:visited {color:#494A41;}
.ftr_info a:hover{color: #5A5A7C;}


#footer{
	text-align: center;
	padding: 3px 0 3px;
	font-size: 10px;
	color: #FFF;
	text-shadow: none;
background:url(../images/bg02.gif);}



/*------------リスト・ボタン系-----------------*/
/*--文字省略なし(ヘッダー・フッター含む)---*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc{
	overflow: visible;
	white-space: normal;}
/*-ボタンコーナー部分-*/
.ui-btn-corner-all{border-radius: 5px;}

/*-ボタンサイズ-*/
.ui-btn-inner{padding: 5px 20px;}

/*-ヘッダー ボタンコーナー部分-*/
.ui-header .ui-btn-corner-all{border-radius: 15px;}

/*-リストビュー リスト名部分-*/
.ui-li .ui-btn-text a.ui-link-inherit{font-size: 12px;}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height: 20px;
	padding-left: 60px;}

/*-リストビュー サムネイル部分-*/

.ui-listview .ui-li-thumb {
	max-height: 36px;
	max-width: 36px;
	left: 8px;
	top: 12px;
 
}
li.toplist_menu1 {border-color:#fff;}
li.toplist_menu1 a:link{background:#6B3A54; text-shadow:none; border-color:#fff; color:#fff;}
li.toplist_menu1 a:visited{background:#6B3A54; text-shadow:none; border-color:#fff; color:#fff;}
li.toplist_menu1 a:hover{background:#985277; text-shadow:none; border-color:#fff; color:#fff;}
li.toplist_menu1 a:active{background:#985277; text-shadow:none; border-color:#fff; color:#fff;}

li.toplist_menu1 p {padding: 17px 0 0 10px; font-weight: bold; font-size: 14px;}

li.toplist_menu2 { background:#3A546B; color: #fff; border-top: 1px solid #FFF; border-bottom: 1px solid #fff;}
li.toplist_menu2 h2{ padding-top: 20px;}
li.toplist_menu2 p{text-align: center; font-size: 1rem;}
li.menu3 {font-size: 12px; border-color:#CCC; color: #666;}

#plan { padding-top: 10px;}
#plan .ui-listview .ui-li-thumb {
	max-height: 85px;
	max-width: 85px;
	left: 8px;
	top: 10px;
}

#plan .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
padding-left: 10px;
min-height: 80px; }

#plan .ui-li-thumb, .ui-li-icon {

position: inherit;

}
/*-お料理-*/
.btn_plan{width:100%; display:inline-block; margin:10px 0 20px 0;}
.btn_plan p{ width:280px; margin:0 auto; padding-top:5px;}
#ala_info {text-align: left; margin:10px 0 50px 0; font-size: 12px; line-height: 1.2; width:100%;
    max-width: 100%;
    height: auto;}
#ala_info table{margin:0 auto; table-layout: fixed; border-collapse:collapse;}	
#ala_info th {padding: 5px;
	border-bottom:1px solid #666;
	color:#666;
	font-weight:bold;
	  white-space: nowrap; text-align:left; line-height:1.8em;vertical-align: middle;
}	
#ala_info td	{
	padding: 5px;
	border-bottom:1px dotted #666;
	text-align:left;
}
/* .ui-content
-------------------*/

#home .ui-content  {margin:0 auto;}
/*
 .ui-content .recommend
-------------------*/
#home .ui-content .recommend{
	text-align:center;
	font-size: 80%;

}
#home .ui-content .recommend img{
	border:solid 3px #AFC9CA;
	max-width:158px;

}
#home .ui-content .recommend a{
	position:relative;
	display:inline-block;
	padding-top:5px;
	text-decoration:none;
}
#price01 table{margin:0 auto; table-layout: fixed; border-collapse:collapse;}
#price01 {text-align: left; margin:0; border-top: #ccc 1px solid; font-size: 12px; line-height: 1.2; width:100%;
    max-width: 100%;
    height: auto;}
	
#price01 th {padding: 5px;
	border-bottom: #ccc 1px solid;border-left: #ccc 1px solid;border-right: #ccc 1px solid;
	background: #eee;white-space: nowrap;text-align:center;font-weight: normal; line-height:1.5em; vertical-align:middle;
}
	
#price01 td	{
	padding: 5px;
	border-bottom: #ccc 1px dashed;
	border-right: #ccc 1px solid;
	text-align:right; background: #fff;
}
#price01 th.ro {background: #BFE7E5;
}
#price01 th.roe {background: #cee4ae;
}
#price01 th.ros {background: #F1E6BD;
}
.plan-nav{
	text-align:center;
	margin-top:10px;
	background:#FFF;
	border-bottom: 1px solid #FFF;
}

.plan-nav>div{
	display:inline-block;
	margin-bottom:30px;
}
.plan-nav .ui-btn-inner{
	padding:.6em 5px;
	padding-right:10px;
}

.plan-nav a:link{background:#3A546B; border-color: #FFF; text-shadow:none; color:#FFF;}
.plan-nav a:visited{background:#3A546B; border-color: #FFF; text-shadow:none; color:#FFF;}
.plan-nav a:hover{background:#527798; border-color: #FFF; text-shadow:none; color:#fff;}
.plan-nav a:active{background:#527798; border-color: #FFF; text-shadow:none; color:#fff;}


/*--------------------------------
stamp用
---------------------------------*/
.stamp{
    position:absolute;
    top:-120px;
    left:3px;
	z-index: 100;
}
.stamp img{
    width:25%;
    height:25%;
}

/*--------------------------------
top-bunner用
---------------------------------*/
.top-bunner{
    width:100%;
    max-width:600px;
}


/*---------- 縦書き用 ----------*/
.tate{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "ten-mincho", serif, serif, Avenir, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	max-height: 395px;
}
.tate2{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "ten-mincho", serif, serif, Avenir, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	max-height: 450px;
}
.tate .red,.tate2 .red{color:#660000;}
.tate .bold,.tate2 .bold{font-weight:600;}

/*---------- 縦書き用 ----------*/
.yoko{
  font-family: "ten-mincho", serif, serif, Avenir, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.yoko2{
  font-family: "ten-mincho", serif, serif, Avenir, Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.yoko .h0,.yoko2 .h0{font-size:3.5rem;}
.yoko .red,.yoko2 .red{color:#660000;}
.yoko .bold,.yoko2 .bold{font-weight:600;}
.yoko .bold2,.yoko2 .bold2{font-weight:900;}

@media (max-width: 992px) {
	.yoko .h0,.yoko2 .h0{font-size:2rem;}
}


.w-100-50{
	width:100%;
}

@media (max-width: 992px) {
	.tate,.tate2{
	  -ms-writing-mode: lr;
	  writing-mode: horizontal-tb;
	}
	.w-100-50{
		width:50%;
	}
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  float: center !important;
}
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

h4, h5, h6,
.h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.btn,
a.btn,
button.btn {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
a.btn-radius-solid {
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}
.mt-5{margin-top:5px;}
.mb-5{margin-bottom:5px;}


.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}


.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}


.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  width: 100%;
}

.card-img-bottom {
  width: 100%;
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/*--------------------------------
pagetop
---------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
	z-index: 50;
}
 
#page-top a {
    display: block;
    background: #1B1B13;
    color: #fff;
    width: 70px;
	height: 70px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
  line-height: 70px;
  vertical-align: middle;

}
 
#page-top a:hover {
    -ms-filter: "alpha( opacity=80 )"; /* IE8 */
	filter: alpha( opacity=80 ); /* IE6とIE7 */
	opacity: 0.80; /* IE以外 */
    text-decoration: none;
}