@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg.png);
	background-repeat: repeat;	
}

p {
	font-size: 14px;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	line-height:1.5;
	text-shadow: 0 1px 0 #eeeeee;
}
.infoBox p {
	margin-top: 15px;
	margin-bottom: 5px;
}

ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

li {
	font-size: 13px;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*	margin-top: 5px;
	margin-bottom: 10px;
*/	margin-right: 0;
	margin-left: 0;
	line-height:1.5;
	text-shadow: 0 1px 0 #eeeeee;
}

a:-webkit-any-link {
	color:#7d6a00;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,255,255,0.40);
}

img {
  max-width: 100%;
  height: auto;
  border:none;
}

.wordbreak{
	overflow: visible;
	white-space: normal;
}

._clearLeft {clear:left;height:0;}
._clearRight {clear:right;height:0;}
._clearBoth {clear:both;height:0;}

.red {
	color: #BF0000;	
}

.enji {
	color: #800000;	
}

.purple {
	color: #8037C8;	
}


.left {
	float:left;
}

.right {
	float:right;
	font-size: 1.0em;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}

.small {
font-size: 10px;	
}

.txt15 {
	font-size:15px;	
}
.txt16 {
	font-size:16px;	
}

.txt17 {
	font-size:17px;	
}

.txt20 {
	font-size:20px;	
}

.txt-bold {
	font-weight: bold;	
}

.bgred {
	border: 1px solid #b4242a;
	color: #ffffff;
	text-shadow: 0 1px 0 #444444;
	background: #811a1e;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #8d1c21), to( #74171b));
	background-image: -webkit-linear-gradient( #8d1c21, #74171b); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient( #8d1c21, #74171b); /* FF3.6 */
	background-image: -ms-linear-gradient( #8d1c21, #74171b); /* IE10 */
	background-image: -o-linear-gradient( #8d1c21, #74171b); /* Opera 11.10+ */
	background-image: linear-gradient( #8d1c21, #74171b);
	margin-top: 15px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.bgred-2 {
	border: 1px solid #b4242a;
	color: #ffffff;
	text-shadow: 0 1px 0 #444444;
	background: #811a1e;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #8d1c21), to( #74171b));
	background-image: -webkit-linear-gradient( #8d1c21, #74171b); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient( #8d1c21, #74171b); /* FF3.6 */
	background-image: -ms-linear-gradient( #8d1c21, #74171b); /* IE10 */
	background-image: -o-linear-gradient( #8d1c21, #74171b); /* Opera 11.10+ */
	background-image: linear-gradient( #8d1c21, #74171b);
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 2px;
	line-height: 25px;
}

.bgblack {
	border: 1px solid #666666;
	color: #ffffff;
	text-shadow: 0 1px 0 #444444;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #000000;
	line-height: 25px;
}

.indent1-a {
	text-indent: -1em;
	margin-left: 1em;
	display: block;
}

.indent1 {
	text-indent: -1.3em;
	margin-left: 1.3em;
	display: block;
}

.indent4 {
	text-indent: -3.9em;
	margin-left: 3.9em;
	display: block;
}

.indent5 {
	text-indent: -5.0em;
	margin-left: 5.0em;
	display: block;
}


/* 共通パーツここから----------------------------------------------------- */


/* ----- 共通 ページコンテンツ部分ここから ----- */
.ui-mobile .type-interior {
	background-image: url(../images/bg.png);
	background-repeat: repeat;
}

.ui-mobile .type-interior .ui-navbar {
	margin-bottom: 15px;	
}

.ui-mobile .type-interior .ui-content{
	margin: 0;
	padding: 40px 20px 30px 20px;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/contents_bg.png);
	-webkit-background-size: 1024px 100px;
	background-size: 1024px 100px;
	background-repeat: no-repeat;
	background-position: center 0px;
	color: #000000;
	text-shadow: 0 1px 0 #eeeeee;
}

.ui-mobile #tenji .ui-content {
	background-image: url(../images/contents_bg_tenji.png);
	background-repeat: no-repeat;
}

.ui-mobile #date .ui-content {
	background-image: url(../images/contents_bg_date.png);
	background-repeat: no-repeat;
}

.ui-mobile #shop .ui-content {
	background-image: url(../images/contents_bg_shop.png);
	background-repeat: no-repeat;
}

.ui-mobile #restaurant .ui-content {
	background-image: url(../images/contents_bg_restaurant.png);
	background-repeat: no-repeat;
}

.ui-mobile #sightseeing .ui-content {
	background-image: url(../images/contents_bg_sightseeing.png);
	background-repeat: no-repeat;
}

.ui-mobile #wedding .ui-content {
	background-image: url(../images/contents_bg_wedding.png);
	background-repeat: no-repeat;
}

.ui-mobile #dantai .ui-content {
	background-image: url(../images/contents_bg_dantai.png);
	background-repeat: no-repeat;
}

.ui-mobile #catering .ui-content {
	background-image: url(../images/contents_bg_catering.png);
	background-repeat: no-repeat;
}

.ui-mobile #party .ui-content {
	background-image: url(../images/contents_bg_party.png);
	background-repeat: no-repeat;
}


.ui-navbar ul li a:link {
	color: #7d6a00; /*{a-bar-link-color}*/;
}
.ui-navbar ul li a:visited {
    color: #7d6a00; /*{a-bar-link-visited}*/;
}
.ui-navbar ul li a:hover {
	color: #000000 /*{a-bar-link-hover}*/;
}
.ui-navbar ul li a.ui-btn-active {
	color: #000000 /*{a-bar-link-active}*/;
}

.ui-content h2 {
	color: #3F2643;
	-webkit-margin-before: 0;
	font-size: 24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 32px;
	height: auto;
	margin-top: 20px;
}

.ui-content h2.top {
	font-size: 24px;
	color: #FFFFFF;
	border-radius: 0px;
	background-image: url(../docs/_assets/images/h2-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 3px;
	padding-left: 10px;
	line-height: 32px;
	height: auto;
	background-color: #CAC6E5;
	background-color: rgba(239,157,234,0.6);
	width: 100%;
	margin-left: -20px;
	text-align: right;
	text-shadow: 1px 0 1px #000;
}

.ui-content .h2_sub {
	position:relative;
	text-align:right;
	font-size:9px;
	top:-39px;
	right:-10px;
	margin-bottom:-15px;
	
}

.ui-content h3 {
	-webkit-margin-before: 0;
	font-size: 20px;
	color: #000;
	text-shadow: 1px 0px 1px #ffffff,
	  0px 0px 10px #ecba4f,
	  0px 0px 20px #ecba4f;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6F581C;
}

.ui-content .menu h3 {
	-webkit-margin-before: 0;
	font-size: 20px;
	color: #3F2643;
	text-shadow: 1px 0px 1px #000,
	  0px 0px 10px #fff,
	  0px 0px 20px #fff;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.green {
	color: #09532E;
	text-shadow: 1px 0px 1px #FFF;
}

.ui-content h4 {
	-webkit-margin-before: 0;
	font-size: 16px;
	color: #2F0000;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 10px;
	padding-left: 3px;
	line-height: 24px;
	text-shadow: 0px 0px 1px #FFF;
	border: 2px solid #400000;
}

.ui-content h5 {
	-webkit-margin-before: 0;
	font-size: 14px;
	color: #8D38A9;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

h6{font-size:15px;margin:0;padding:0;}

.ui-content .Box {
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #006633;
}

/* ----- 共通 ページコンテンツ部分ここまで ----- */

/* ----- 共通 フッター部分ここから ----- */
.ui-footer {
	border-top:1px solid #d1cac2;
	margin:0;
	padding:0;
}

.ui-footer .footer_info {
	background-color: #3F2643;
	padding: 10px 0 5px 0;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	text-shadow: 1px 0 1px #000;
	background-image: url(../images/footer-bg.png);
	background-repeat:repeat;
	background-position: center top;
}

.ui-footer .footer_info h4 {
	text-indent:-9999px;
	background-image:url(../images/footer_logo_r.png);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:200px 41px;
	background-size:200px 41px;
	width:100%;
	height:100px;
	padding:0;
	margin:0 auto;
}

.ui-footer .footer_info p {
	font-size:10px;
	margin:0;
	padding:0;
	text-shadow: 1px 0 1px #000;
}

.ui-footer .footer_info p.footer_info_tel {
	font-size:15px;
	font-weight:bold;
	margin:2px auto 0 auto;
}

.ui-footer a:link {
	color: #1E82B7;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0.40);
	text-shadow: 0 1px 0 #eeeeee;

}


/* ----- 共通 フッター部分ここまで ----- */


/* 共通パーツここまで----------------------------------------------------- */
/* ----------------------------------------------------------------------- */


/* INDEXページここから --------------------------------------------------- */

/* INDEXページページ背景 */
#index {
	margin:0;
	padding:0;
}


/* INDEXページヘッダー */
#index .ui-header {
	height:0;
	margin:0;
	padding:0;
}


/* INDEXページコンテンツ部分 */
#index .ui-content {
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	-webkit-background-size:100%;
	background-size:100%;
	padding:0;
	margin:0;
	/*height:376px;*/
	overflow:visible;
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
#index .ui-content {
	background-image: url(../images/bg.png);
}
}

#index #header {
	margin: 0px;
	padding: 0px;
/*	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	background-size:100%;
	height:200px;
*/}

#index ul.accordion { width:100%; margin:0 auto 10px; padding:10px;}
#index ul.accordion a { display:block; padding:0px;}
#index ul.accordion span { display:block; padding:0px; margin:0;}
#index ul.accordion ul { display:none;list-style:none; margin:0 0 0px 0;}
#index ul.accordion > li {list-style:none; margin:0 0 0 0;}
#index ul.accordion > li > p {margin:0; cursor:pointer;padding:0px;}
#index ul.accordion > li > p span {margin:0;padding:0px;}
#index ul.accordion > li > p span.open {margin:0;}
#index ul.accordion > li > ul > li a{ display:block; width:92%; height:25px; background:#F1E7D7; border-bottom:1px dotted #999; margin:0 0 0 15px;; padding:8px 0 8px 20px; font-size:16px; color:#3F2643;
font-weight:normal;}
#index ul.accordion > li > ul > li > p { background:#F1E7D7;}
#index ul.accordion > li > ul > li > a:hover { background:#FFF; color:#3F2643;font-weight:normal;}
#index ul.accordion > li > ul > li:last-child { margin-bottom:15px;}


#index .ui-content h1{
	padding: 15px 0 0 0;
	margin: 0 0 0px 20px;
}

.kinkyu h2{
    font-size: 22px;
    color:#fff;
    background:#ec6d51;
    padding:0 10px;
    margin: 0;
    font-weight: normal;
}
.kinkyu{
    font-size: 16px;
    color:#222;
    background: #fff;
    padding:5px 10px 10px 10px;
    text-align: center;
}

#index .ui-content h2{
	width: 100%;
	padding: 0;
	font-size: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	border-bottom:1px dotted #3F2643;
}

#index .ui-content p {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.5;
	padding-bottom: 10px;
}

#slide1 {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#slider {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#slide2 {
	padding: 0px;
	height: auto;
	width: 95%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
}

#slider-pickup {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.top_menu_l{
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	line-height: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.top_menu_l img {
	max-width: 150px;
	height: auto;
	margin-right: 1px;
	margin-bottom: 1px;
}

.top_menu {
	position: relative;
	margin:0 0 25px 15px;
}

.top_menu h2{
	border-bottom:thin dotted #999;
	font-size:18px;
}

.top_menu ul {
	padding-right: 0px;
	padding-left: 0px;	
	display: flex;
    flex-wrap: wrap;
}

.top_menu ul li {
	list-style-type: none;
	font-size: 14px;
	list-style-position: inside;
	line-height: 130%;
	text-align:center;
    align-content: stretch;
    align-items: center;
	margin: 3px;
	width: 45%;
	background-image:url(../images/pickup-bg.png);
	background-position:left top;
	background-color: #E6E7FF;
	border-top: solid #fff 1px;
	border-left: solid #fff 1px;
	border-right: solid #999 1px;
	border-bottom: solid #999 1px;
	color: #3F2643;
	border-radius:10px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}

.top_menu ul li.top_catering {
	height: 40px;
	line-height: 20px;
}

.top_menu ul li a:link {
	text-decoration: none;	
	color: #3F2643;
}

.top_bottom_menu {
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 10px;
}


.top_menu_pink {
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-right: auto;
	padding-left: auto;
	padding-bottom: 15px;
	background-color: #FFF7F7;
	background: rgba(255, 255, 255, 0.8);
	text-align:center;
}

.top_menu_pink ul {
	padding-right: 0px;
	padding-left: 0px;	
}

.top_menu_pink ul li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-size: 14px;
	list-style-position: inside;
	line-height: 40px;
	height: 40px;
	margin: 0px;
	width: 46%;
	float: left;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #FFF7F7;
}




#index .footer_info {
	background-color: #3F2643;
	padding: 10px 0 5px 0;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	text-shadow: 1px 0 1px #000;
	background-image: url(../images/footer-bg.png);
	background-repeat:repeat;
	background-position: center top;
	border-top:solid 15px #351F0B;
}

#index .footer_info h4 {
	text-indent:-9999px;
	background-image:url(../images/footer_logo_r.png);
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:200px 41px;
	background-size:200px 41px;
	width:100%;
	height:100px;
	padding:0;
	margin:0 auto;
}



/* INDEXページここまで --------------------------------------------------- */


/* 青葉城資料展示館 */


#tenji table {
	border-collapse: collapse;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px;
	}

#tenji th {
	border-collapse: collapse;
	border: 1px solid #B74BDA;
	background-color: #DD95FF;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	text-shadow: 0px 0px 2px #000000,0 0 4px #000000,0 0 6px #000000,0 0 8px #000000;
}

#tenji td {
	border-collapse: collapse;
	border: 1px solid #B74BDA;
	padding-right: 0px;
}


/*---リストビュー サムネイル画像部分----*/
.ui-li-thumb{
    padding:10px 10px 0px 10px;
}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {
	min-height:80px;
	
}


/* 結婚式総合案内 */

#wedding table {
	border-collapse: collapse;
	text-align: left;
	font-size: 13px;
	margin-bottom: 10px;
	}

#wedding th {
	border-collapse: collapse;
	background-color: #FAD0FF;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	text-shadow: 0px 0px 2px #E943A7,0 0 4px #E943A7,0 0 6px #E943A7,0 0 8px #E943A7;
	border: 1px solid #F179FF;
	width: 50%;
}

#wedding td {
	border-collapse: collapse;
	border: 1px solid #F179FF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

/* 団体メニュー */

#dantai table {
	border-collapse: collapse;
	text-align: left;
	font-size: 13px;
	margin-bottom: 10px;
	}

#dantai th {
	border-collapse: collapse;
	background-color: #E9D0FF;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	text-shadow: 0px 0px 2px #6000B7,0 0 4px #6000B7,0 0 6px #6000B7,0 0 8px #6000B7;
	border: 1px solid #C686FF;
	width: 50%;
}

#dantai td {
	border-collapse: collapse;
	border: 1px solid #C686FF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}



/* 動画（youtube）のページ */

.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* サイトマップ */

#sitemap .sitemaplist ul li {
	list-style-image: url(../../link/1.gif);
	margin-left: 15px;
}

/* お問い合わせ
---------------------------------------------*/

#LineBox {
	margin: 10px auto;
	width: 80%x;
	padding: 20px;
	line-height: 105%;
	font-size:14px;
	border: #F66 double;

}

#LineBox p {
	margin-top: 0;
	margin-bottom: 15px;

}

#LineBox h3 {
	margin-top: 0;
	margin-bottom: 10px;

}



#LineBox .tel {
	text-align: center;
	font-weight: bold;

}

.txtRed {
	color: #C00;
}


/* 駐車場
---------------------------------------------*/
.parking table{
	width:100%;
	text-align:center;
	background-color:#666;
	}
.parking table td{
	vertical-align:middle;
	background-color:#FFF;
	padding:5px 0 5px 0;
	}
.parking .price{font-size:18px;}
.parking .red{color:red;}
.parking .blue{color:#03F;}



/* テキストを省略させずに表示 */

.ui-footer .ui-title, /* footer */
.ui-btn-inner, /* button */
.ui-li-heading, /* listview heading */
.ui-li .ui-btn-text a.ui-link-inherit, /* listview link */
.ui-li-desc /* listview description */
{
overflow: visible;
white-space: normal;
}

/* EOF */

/* 現代の名工受賞ページ
---------------------------------------------*/
#meikou{
    background: none;
    background-color: #fff;
}

#meikou h3{
    
}

#meikou p{
    padding-left: 20px;
    padding-right:10px;
    font-size:15px;
    text-decoration: none;
}
#footer_meikou{
    background-image: url(../../syoku/img-meikou/bg_footer.jpg);
    padding: 20px;
    
}

/* 宴会ページ
---------------------------------------------*/
#enkai table{
    width:100%;
	text-align:center;
	background-color:#666;
	}
#enkai table td{
	vertical-align:middle;
	background-color:#FFF;
	padding:5px 0 5px 0;
	}

/* フードコート
---------------------------------------------*/
.left{
    float: left;
    margin:5px;
    width:45%;
    min-height:230px;
}


/* 料金改定のお知らせ
---------------------------------------------*/

h2.kaitei-title{
    color: #3F2643;
    -webkit-margin-before: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 32px;
    height: auto;
    margin-top: 20px;
  	line-height: 1.4;
  	font-size: 1.6rem;
	font-weight:normal;
	text-align: center;
	margin:70px auto 25px;
    border-left:none;
}