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




/*--------------------------------------
  リセット
--------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}



ul, ol, li {
	list-style: none !important;
}

img {
	vertical-align: middle;
	border: 0;
}

button {
	font-size: 100%;
}

.clear {
	clear: both;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

textarea {
	width: 100%;
}

input {
	max-width: 100%;
	font-family: 'Skranji', cursive, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

dd,
dt {
  padding: 0;
  margin: 0;
}


/*--------------------------------------
  動画レスポンシブ化
---------------------------------------*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 auto 0px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*--------------------------------------
  クリアフィックス
---------------------------------------*/

.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/*--------------------------------------
  画像
--------------------------------------*/

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}



/*--------------------------------------
  リンク
--------------------------------------*/

a {
	text-decoration:none;
	color:#FFF9B0;
}

a:hover {
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";


}






/*--------------------------------------
  全体定義
--------------------------------------*/

html {
	font-family: 'Skranji', cursive, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 100%;
	line-height : 1.7;
	background: #ffffff;
	color: #935F33;
}

body {
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	background-image:none;
	position:relative;
}


#wrapper{
	position:relative;
}



/*--------------------------------------
  googlemap map_canvas
--------------------------------------*/

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


/*--------------------------------------
  スマホ toplogo
--------------------------------------*/

#toplogo{
	position:absolute;
	z-index:50;
	top:60px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	pointer-events: none;
}

#toplogo img{
	width:90px;
	height:90px;
	margin:0 auto;
	text-align:center;
}

/*--------------------------------------
  スマホ sublogo
--------------------------------------*/

#sublogo{
	position:absolute;
	z-index:50;
	top:60px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	pointer-events: none;
}

#sublogo img{
	width:75px;
	height:75px;
	margin:0 auto;
	text-align:center;
}


/*--------------------------------------
  スマホ header
--------------------------------------*/

header{
	width:100%;
	margin:0 auto;
	text-align:center;
	line-height:1.3;
	background-color:#B18147;
	position:relative;
	height:80px;
}



#header h1{
	clear:both;
	margin:0 auto;
	text-align:left;
	padding:25px 0 0 0;
	width:184px;
}

#header h1 a img{
	width:184px;
	height:17px;
	text-align:left;
}


/*--------------------------------------
  スマホ sub_header
--------------------------------------*/

#sub_header{
	width:100%;
	background-color:#C59F61;
	margin:0px auto 0 auto;
	text-align:center;
	clear:both;
	height:50px;
}




/*--------------------------------------
 スマホ nav-bg
--------------------------------------*/

#nav-bg{
	display:none;
}


/*--------------------------------------
  スマホ navigation_sp
--------------------------------------*/

.hamburger-menu{
	
}

.menu-btn {
    position: fixed;
    top: 7px;
    right: 10px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #fff;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 5px;
    width: 30px;
    border-radius: 2px;
    background-color: #B18147;
    position: absolute;
}
.menu-btn span:before {
    bottom: 12px;
}
.menu-btn span:after {
    top: 12px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}


.navigation_sp {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: rgba(72,22,0,0.9);
}
.navigation_sp ul {
    padding: 100px 0;
}
.navigation_sp ul li {
    border-bottom: solid 1px #D8BD7C;
    list-style: none;
}
.navigation_sp ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 15px 15px 15px 0;
    position: relative;
}
.navigation_sp ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #D8BD7C;
    border-right: solid 2px #D8BD7C;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}


.navigation_sp {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: rgba(72,22,0,0.9);
    transition: all 0.5s;/*アニメーション設定*/
}


#menu-btn-check:checked ~ .navigation_sp {
    left: 0;/*メニューを画面内へ*/
}


.navigation_sp .nav01 img{
	width:62px;
	height:14px;
}
.navigation_sp .nav06 img{
	width:105px;
	height:17px;
}


/*--------------------------------
スマホ mainimage
---------------------------------*/

#mainimage{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	height:300px;
	text-align:center;
	background:url(../images/main.jpg) no-repeat center;
	background-size: cover;
}

#mainimage h2{
	padding:0px 0 0 0;
	text-align:center;
	width:100%;
	margin:0 auto;
	height:300px;
	display:none;
}






/*--------------------------------------
  スマホ slider
--------------------------------------*/
.slider{
	margin:0px auto 20px auto;
	text-align:center;
	padding:0;
	width:100%;
}
.slider li img{
	width:100%;
	height:auto;
}
.slider li{
	margin:0 15px 0 15px;
}


/*--------------------------------------
  スマホ section_title
--------------------------------------*/
h3.section_title{
	margin:0px auto 0px auto;
	padding:30px 0 30px 0;
	text-align:center;
	clear:both;
	letter-spacing:7px;
	font-size:100%;
	color:#FFF8B0;
}



/*--------------------------------
スマホ section area
---------------------------------*/
section.white_area{
	width:100%;
	background-color:#fff;
	margin:0 auto;
	padding:0 0 20px 0;
}

section.caramel_area{
	width:100%;
	background-color:#B18147;
	margin:0 auto;
	padding:0 0 20px 0;
}



section.inner1000{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}




/*--------------------------------
スマホ top_castella
---------------------------------*/

#top_castella{
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
	clear:both;
	width:80%;
}

#top_castella .top_castella_box01{
	text-align:center;
	margin:0 auto;
	padding:0 0 20px 0;
	clear:both;
	width:100%;
	height:auto;
	display: flex;
}
#top_castella .top_castella_box01 .top_castella_box_l{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:60%;
	float:right;
	display: flex;
}
#top_castella h4{
	margin:auto;
	font-size:90%;
	line-height:1.6;
}


#top_castella .top_castella_box01 .top_castella_box_r{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:40%;
	float:left;
	
}

#top_castella .top_castella_box01 .top_castella_box_r img{
	width:100%;
	height:auto;
}


#top_castella .top_castella_box02{
	text-align:center;
	margin:0 auto;
	padding:0 0 20px 0;
	clear:both;
	width:100%;
	display: flex;
}
#top_castella .top_castella_box02 .top_castella_box_l{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:40%;
	float:right;
	
}


#top_castella .top_castella_box02 .top_castella_box_l img{
	width:100%;
	height:auto;
	
}

#top_castella .top_castella_box02 .top_castella_box_r{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:60%;
	float:left;
	display: flex;
}

/*--------------------------------------
  スマホ page_t
--------------------------------------*/
.page_t{
	margin:40px auto 50px auto;
	text-align:center;
	clear:both;
}

.page_t h2{
	padding:0px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	display: inline-block;
    position: relative;
}

.page_t h2:before {
content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 200px; /*下線の幅*/
  height: 5px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #C7A274; /*下線の色*/
}	
.page_t h2 img{
	width:100%;
	height:auto;
}


/*--------------------------------------
  スマホ shoplist
--------------------------------------*/

div.shoplist{
	margin:40px auto 0 auto;
	width:94%;
	clear:both;
	text-align:center;
	padding:5% 3%;
	background-color:#946033;
	border-radius:30px;
}

div.shoplist .shoplist_l{
	margin:0px auto;
	text-align:center;
	padding:30px 0 0 0;
	color:#C89F62;
	font-size:80%;
}

div.shoplist .shoplist_l i{
	font-size:200%;
	padding:0;
}

div.shoplist .shoplist_l ul{
	margin:0px auto;
	width:;
	text-align:center;
	padding:10px 0 0 0;
	display:table;
}
div.shoplist .shoplist_l li{
	margin:0px auto;
	width:;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:0 5px;
}


div.shoplist .shoplist_r{
	margin:0px auto 0 0px;
	width:100%;
	text-align:center;
	padding:0;
	color:#fff;
	line-height:1.3;
}

div.shoplist .shoplist_r h3{
	font-size:90%;
	padding:0 0 20px 0;
}
div.shoplist .shoplist_r h3 strong{
	font-size:150%;
	padding:0 0 0 10px;
}

div.shoplist .shoplist_r .address{
	padding:0 0 10px 0;
}

div.shoplist .shoplist_r .tel{
	font-size:30px;
	padding:0 0 10px 0;
}
div.shoplist .shoplist_r .tel a{
	color:#fff;
	padding:0 0 0 0px;
	letter-spacing:3px;
}

div.shoplist .shoplist_r .time{
	padding:0 0 10px 0;
	
}
div.shoplist .shoplist_r .time span{
	font-size:80%;
	padding:0 5px;
}

div.shoplist .shoplist_r .car{
	padding:0 0 15px 0;
}

div.shoplist .shoplist_r .notice{
	font-size:90%;
	padding:0 0 20px 0;
}

/*--------------------------------------
  スマホ menulist
--------------------------------------*/

div.menulist{
	margin:40px auto 0 auto;
	padding:0px0 0 0 ;
	width:100%;
	clear:both;
	text-align:center;
}

div.menulist .menulist_l{
	margin:0px auto;
	width:200px;
	text-align:center;
	padding:0;
}




div.menulist .menulist_r{
	margin:0px auto 0 0px;
	padding: 0 0 20px 0px;
	width:100%;
	text-align:center;
	padding:0;
	color:#925f33;
	line-height:1.5;
}

div.menulist .menulist_r h3{
	padding:10px 0 20px 0;
	font-size:120%;
	text-align:center;
}
div.menulist .menulist_r p{
	font-size:90%;
	text-align:left;
}


/*--------------------------------
スマホ right_imgbox
---------------------------------*/

div.right_imgbox{
	margin:40px auto 0 auto;
	width:100%;
	clear:both;
	text-align:center;
}

div.right_imgbox .right_imgbox_l{
	margin:0px auto;
	width:60%;
	padding:0;
	float:left;
	line-height:1.5;
	text-align:left;
}



div.right_imgbox .right_imgbox_text br{
	padding:0px 0 0 0;
	display:none;
	
}


div.right_imgbox .right_imgbox_r{
	margin:0px auto 0 10px;
	padding: 0 0 0 0px;
	width:35%;
	text-align:left;
	padding:0;
	float:right;

}

div.right_imgbox .right_imgbox_l img{
	width:100%;
	height:auto;

}
div.right_imgbox .right_imgbox_r img{
	width:100%;
	height:auto;

}

/*--------------------------------
スマホ left_imgbox
---------------------------------*/

div.left_imgbox{
	margin:40px auto 0 auto;
	width:100%;
	clear:both;
	text-align:center;
}

div.left_imgbox .left_imgbox_l{
	margin:0px auto;
	width:35%;
	text-align:center;
	padding:0;
	float:left;
	
}

div.left_imgbox .left_imgbox_l img{
	width:100%;
	height:auto;
	
}

div.left_imgbox .left_imgbox_r{
	margin:0px auto 0 0px;
	padding: 0 0 0 0px;
	width:60%;
	text-align:left;
	padding:0;
	line-height:1.5;
	float:right;

}
div.left_imgbox .left_imgbox_r br{
	display:none;

}

/*--------------------------------
スマホ left_imgbox02
---------------------------------*/

div.left_imgbox02{
	margin:40px auto 0 auto;
	width:100%;
	clear:both;
	text-align:center;
}

div.left_imgbox02 .left_imgbox_l{
	margin:0px auto;
	width:35%;
	text-align:center;
	padding:0;
	float:left;
	
}

div.left_imgbox02 .left_imgbox_l img{
	width:100%;
	height:auto;
	
}

div.left_imgbox02 .left_imgbox_r{
	margin:0px auto 0 0px;
	padding: 0 0 0 0px;
	width:60%;
	text-align:left;
	padding:0;
	line-height:1.5;
	float:right;

}
div.left_imgbox02 .left_imgbox_r br{
	display:none;

}


/*--------------------------------
スマホ kadomaru_box
---------------------------------*/

div.kadomaru_box{
	margin:20px auto 0 auto;
	width:100%;
	clear:both;
	text-align:center;
	background-color:#B18147;
	border-radius:50px;
}

div.kadomaru_box .kadomaru_box_t1{
	color:#FFF8B0;
	padding:30px 0 0 0;
	text-align:center;
	font-size:110%;
	letter-spacing:7px;
	margin:0 auto;
	width:90%;
}

div.kadomaru_box .kadomaru_box_t2{
	color:#fff;
	padding:10px 0 20px 0;
	text-align:center;
	font-size:140%;
}

div.kadomaru_box p{
	color:#461300;
	line-height:2.0;
	padding:0 0 30px 0;
	font-weight:bold;
}


/*--------------------------------
スマホ qabox
---------------------------------*/
#qabox{
	margin:30px auto;
	width:90%;
	padding:0;
	text-align:center;
}
#qabox .qabox_q{
	margin:0px auto;
	padding:0;
	text-align:left;
}

#qabox span{
	font-size:200%;
	padding:0 10px 0 0;
}

#qabox .qabox_q p{
	background-color:#FFFCDD;
	padding:5px 10px;
	border-radius:20px;
}

#qabox .qabox_a{
	margin:0px auto 30px auto;
	padding:0px 0 0 0;
	text-align:left;
}


#qabox .qabox_a p{
	padding:0 10px;
}


/*--------------------------------
スマホ　howtoeat_box
---------------------------------*/
.howtoeat_box{
	margin:30px auto;
	width:100%;
	padding:0;
	text-align:center;
}
.howtoeat_box p{
	padding:0 0 20px 0;
}
.howtoeat_box img{
	width:100%;
	height:auto;
	max-width:532px;
}

/*--------------------------------
スマホ table-style01
---------------------------------*/
.table-style01{
	width:100%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-right:2px solid #836E45;
	border-left:2px solid #836E45;
}
.table-style01 th{
	clear:both;
	display: block;
	text-align:left;
	margin: 0px 0px;
	padding:10px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#103466;
	color:#fff;
	border-bottom:2px solid #836E45;
}
.table-style01 td{
	clear:both;
	display: block;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;

}



/*--------------------------------------
  スマホ normalcontents
--------------------------------------*/

.normalcontents{
	margin:20px auto;
	text-align:center;
	width:100%;
	font-size:100%;
}


.normaltxt10{
	padding:10px 0px;
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:100%;
}

.normaltxt20{
	padding:20px 0px;
	text-align:left;
	width:100%;
	margin:0 auto;
	font-size:100%;
}


/*--------------------------------------
  スマホ display_pc,display_sp
--------------------------------------*/

.display_pc{
	display:none;
}
.display_sp{
	margin:0px auto;
}





/*--------------------------------------
  スマホ form
--------------------------------------*/
.formtable01{
	width:100%;
	margin: 10px auto 20px auto;
	padding: 0px;
	text-align:left;
	clear: both;
	border-radius:10px;
}
.formtable01 th{
	width: 95%;
    display: block;
    border-top: none;
	margin: 0px auto;
	padding:10px 2%;
	line-height:140%;
	border-top: none;
	vertical-align:text-top;
	background-color:#303030;
	font-size:14px;
	color:#fff;
	text-align:left;
}
.formtable01 td{
	width: 95%;
	margin: 0px auto;
    display: block;
    border-top: none;
	padding:20px 2%;
	line-height:140%;
	background-color:#dddddd;
	font-size:14px;
	text-align:left;
}


.formtable01 input[type='text'],
.formtable01 input[type='email'],
.formtable01 input[type='tel'],
.formtable01 select,
.formtable01 textarea {
	padding: 10px;
	border:1px #dddddd solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-align:left;
}

.formtable01 .inputtxt{
	width:90%;
}

.formtable01 .inputtxt_veryshort{
	width:20%;
}

.formtable01 .inputtxt_short{
	width:90%;
}

.formtable01 .inputtxt_big{
	width:90%;
}


.formtable01 .inputtxt_short_sp{
	width:90%;
	clear:both;
	padding:0;
	margin:0;
}

.formtable01 .radiobtn input{
	
}


.formtable01 label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 40px;
	line-height: 3.4;
}

.submitbtn{
	width: 260px;
	margin:0 auto;
	text-align:center;
}

.submitbtn input {
	width: 260px;
	height: 50px;
	padding: 0;
	margin:10px auto;
	text-align:center;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ED1C24;
	font-size: 16px;
	color: #fff;
}

.submitbtn input:hover {
	width: 260px;
	height: 50px;
	padding: 0;
	margin:10px auto;
	text-align:center;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F2555B;
	font-size: 16px;
	color: #fff;
}



.privacybtn{
	width:100%;
	padding:30px 0;
	text-align:center;
	font-size:110%;
	font-weight:bold;
}


.formtable01 .form_notice{
	padding:10px 0 0 0;
	font-size:12px;
	display:block;
}


.formnote_box{
	font-size:11px;
	margin:30px auto;
	background-color:#eeeeee;
	padding:4%;
}
.formnote_box h4{
	font-size:14px;
	padding:0 0 15px 0;
}


/*--------------------------------------
  スマホ　arrow_beige
--------------------------------------*/
.arrow_beige{
	background-color:#CBBB9E !important;
	width:100%;
	height:auto;
	margin:20px auto 0 auto;
	text-align:center;
	display:block;
	clear:both;
}

.arrow_beige i{
	font-size:400%;
	color:#fff;
	text-align:center;
}

/*--------------------------------------
  スマホ フッター
--------------------------------------*/

footer {
	padding: 20px 0 20px 0px;
	margin:0px auto 0px auto;
	clear:both;
	width:100%;
	background-color:#B18147;
}

#footer{
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
}



#footer #footer_logo{
	text-align:center;
	width:132px;
	height:78px;
	margin:30px auto 20px auto;
	clear:both;
}

#footer #footer_logo img{
	width:132px;
	height:78px;
}






	

#footer .footcopy{
	color:#FFF8B0;
	text-align:center;
	padding:20px 0 0 0;
	margin:0 auto;
	clear:both;
	font-size:90%;
	letter-spacing:7px;
	
}
#footer .footcopy a{
	color:#FFF8B0;
}


#foot_global-navi{
	width:90%;
	margin:20px auto;
	clear:both;
	text-align:center;
}

#foot_global-navi li{
	margin:0px auto;
	text-align:center;
	padding:0px 0 10px 0;
}





/*--------------------------------------
 スマホ パンくず
--------------------------------------*/
div#breadcrumb {
	display:none;
}


/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

#page-top {
	display:none;
}
#page-top a {

}
#page-top a:hover {

}



/* ↑↑幅768px以下にてスマホ（768px以下のスマホ用）の設定***********************************/

/* ↓↓幅768px～1024pxまでタブレット（768px以上）の設定 ***********************************/

/*--------------------------------------
  切替 768px
--------------------------------------*/

@media print,screen and (min-width : 768px){


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

header{
	width:100%;
	margin:0 auto;
	text-align:center;
	line-height:1.3;
	position:relative;
}

#header h1{
	clear:both;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
	width:184px;
}

#header h1 a img{
	width:184px;
	height:17px;
	text-align:center;
}

/*--------------------------------------
  768 toplogo
--------------------------------------*/

#toplogo{
	position:absolute;
	z-index:50;
	top:70px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	pointer-events: none;
}

#toplogo img{
	width:120px;
	height:120px;
}

/*--------------------------------------
  768 sublogo
--------------------------------------*/

#sublogo{
	position:absolute;
	z-index:50;
	top:70px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	pointer-events: none;
}

#sublogo img{
	width:75px;
	height:75px;
}

/*--------------------------------------
  768 sub_header
--------------------------------------*/

#sub_header{
	width:100%;
	background-color:#C59F61;
	margin:0px auto 0 auto;
	text-align:center;
	clear:both;
	height:60px;
}


/*--------------------------------------
 768 nav-bg
--------------------------------------*/


#nav-bg{
	width:90%;
	margin:0 auto;
	padding:0;
	display:block;
	z-index:40;
}

#navigation_pc{
	margin:0 auto;
	padding:10px 0 20px 0;
	text-align:center;
	
}
#navigation_pc li{
	display:inline-block;
	margin:0 30px 0 0;
	text-align:center;
	padding:0px 0 0px 0;
	
}
#navigation_pc li a{
	width:100%;
	padding:0;
	text-align:center;
	display:block;
	white-space: nowrap;
}



#navigation_pc li:last-child{
	margin:0 0 0 0;
}


/*--------------------------------------
 768 navigation_sp
--------------------------------------*/

.hamburger-menu{
	display:none;
}

.navigation_sp{
	display:none;
}




/*--------------------------------
768 section area
---------------------------------*/
section.inner800{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}


section.inner1000{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}




/*--------------------------------
768 top_castella
---------------------------------*/

#top_castella{
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
	clear:both;
	width:70%;
}

#top_castella .top_castella_box01{
	text-align:center;
	margin:0 auto;
	padding:0 0 20px 0;
	clear:both;
	width:100%;
	height:auto;
	display: flex;
}
#top_castella .top_castella_box01 .top_castella_box_l{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:60%;
	float:right;
	display: flex;
}
#top_castella h4{
	margin:auto;
	font-size:90%;
	line-height:1.6;
}


#top_castella .top_castella_box01 .top_castella_box_r{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:40%;
	float:left;
	
}

#top_castella .top_castella_box01 .top_castella_box_r img{
	width:100%;
	height:auto;
}


#top_castella .top_castella_box02{
	text-align:center;
	margin:0 auto;
	padding:0 0 20px 0;
	clear:both;
	width:100%;
	display: flex;
}
#top_castella .top_castella_box02 .top_castella_box_l{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:40%;
	float:right;
	
}


#top_castella .top_castella_box02 .top_castella_box_l img{
	width:100%;
	height:auto;
	
}

#top_castella .top_castella_box02 .top_castella_box_r{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:60%;
	float:left;
	display: flex;
}



/*--------------------------------------
  768 page_t
--------------------------------------*/
.page_t{
	margin:40px auto 50px auto;
	text-align:center;
	clear:both;
}

.page_t h2{
	padding:0px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	display: inline-block;
    position: relative;
}

.page_t h2:before {
content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 200px; /*下線の幅*/
  height: 5px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #C7A274; /*下線の色*/
}


/*--------------------------------------
  768 shoplist
--------------------------------------*/

div.shoplist{
	margin:40px auto 0 auto;
	width:520px;
	clear:both;
	text-align:center;
	padding:30px 35px 30px 45px;
	background-color:#946033;
	border-radius:30px;
}

div.shoplist .shoplist_l{
	margin:0px auto;
	width:200px;
	text-align:center;
	padding:0;
	float:left;
	color:#C89F62;
	font-size:80%;
}

div.shoplist .shoplist_l i{
	font-size:200%;
	padding:0;
}

div.shoplist .shoplist_l ul{
	margin:0px auto;
	width:200px;
	text-align:center;
	padding:10px 0 0 0;
	display:table;
}
div.shoplist .shoplist_l li{
	margin:0px auto;
	width:93px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}


div.shoplist .shoplist_r{
	margin:0px auto 0 20px;
	width:300px;
	text-align:left;
	padding:0;
	float:right;
	color:#fff;
	line-height:1.3;
}

div.shoplist .shoplist_r h3{
	font-size:90%;
	padding:0 0 20px 0;
}
div.shoplist .shoplist_r h3 strong{
	font-size:150%;
	padding:0 0 0 10px;
}

div.shoplist .shoplist_r .address{
	padding:0 0 10px 0;
}

div.shoplist .shoplist_r .tel{
	font-size:30px;
	padding:0 0 10px 0;
}
div.shoplist .shoplist_r .tel a{
	color:#fff;
	padding:0 0 0 0px;
	letter-spacing:3px;
}

div.shoplist .shoplist_r .time{
	padding:0 0 10px 0;
}
div.shoplist .shoplist_r .time span{
	font-size:80%;
	padding:0 5px;
}

div.shoplist .shoplist_r .car{
	padding:0 0 15px 0;
}

div.shoplist .shoplist_r .notice{
	font-size:90%;
	padding:0 0 20px 0;
}



/*--------------------------------------
  768 menulist
--------------------------------------*/

div.menulist{
	margin:40px auto 0 auto;
	width:670px;
	clear:both;
	text-align:center;
}

div.menulist .menulist_l{
	margin:0px auto;
	width:200px;
	text-align:center;
	padding:0;
	float: left;
}




div.menulist .menulist_r{
	margin:0px auto 0 30px;
	padding: 0 0 0 0px;
	width:440px;
	text-align:left;
	padding:0;
	color:#925f33;
	line-height:1.5;
	float:right;
}

div.menulist .menulist_r h3{
	padding:40px 0 20px 0;
	font-size:120%;
}
div.menulist .menulist_r p{
	font-size:90%;
}

/*--------------------------------
768 right_imgbox
---------------------------------*/

div.right_imgbox{
	margin:40px auto 20px auto;
	width:670px;
	clear:both;
	text-align:center;
}

div.right_imgbox .right_imgbox_l{
	margin:0px auto;
	width:340px;
	text-align:center;
	padding:0;
	float:left;
	line-height:2.0;
	
}

div.right_imgbox .right_imgbox_text br{
	display:block;
	
}



div.right_imgbox .right_imgbox_text{
	padding:30px 0 0 0;
}


div.right_imgbox .right_imgbox_r{
	margin:0px auto 0 20px;
	padding: 0 0 0 0px;
	width:310px;
	text-align:left;
	padding:0;
	float:right;

}

div.right_imgbox .right_imgbox_l img{
	width:352px;
	height:auto;

}
div.right_imgbox .right_imgbox_r img{
	width:226px;
	height:auto;

}



/*--------------------------------
768 left_imgbox
---------------------------------*/

div.left_imgbox{
	margin:40px auto 0 auto;
	width:740px;
	height:295px;
	clear:both;
	text-align:center;
}

div.left_imgbox .left_imgbox_l{
	margin:0px auto;
	width:295px;
	text-align:center;
	padding:0;
	height:295px;
	float:left;
	
}


div.left_imgbox .left_imgbox_l img{
	width:295px;
	height:auto;
	
}


div.left_imgbox .left_imgbox_r{
	margin:0px auto 0 0px;
	padding: 0 0 0 0px;
	width:400px;
	text-align:center;
	padding:0;
	line-height:2.0;
	height:310px;
	float:right;

}
div.left_imgbox .left_imgbox_text{
	padding:40px 0 0 0;
}

div.left_imgbox .left_imgbox_r br{
	display: block;

}

/*--------------------------------
768 left_imgbox02
---------------------------------*/

div.left_imgbox02{
	margin:40px auto 0 auto;
	width:650px;
	height:292px;
	clear:both;
	text-align:center;
}

div.left_imgbox02 .left_imgbox_l{
	margin:0px auto;
	width:292px;
	text-align:right;
	padding:0;
	height:292px;
	float:left;
	
}


div.left_imgbox02 .left_imgbox_l img{
	width:292px;
	height:auto;
	
}


div.left_imgbox02 .left_imgbox_r{
	margin:0px auto 0 0px;
	padding: 0 0 0 0px;
	width:350px;
	text-align:center;
	padding:0;
	line-height:2.0;
	height:292px;
	float:left;

}
div.left_imgbox02 .left_imgbox_text{
	padding:30px 0 0 0;
}

div.left_imgbox02 .left_imgbox_r br{
	display: block;

}


/*--------------------------------
768 kadomaru_box
---------------------------------*/

div.kadomaru_box{
	margin:20px auto 0 auto;
	width:600px;
	clear:both;
	text-align:center;
	background-color:#B18147;
	border-radius:50px;
}

div.kadomaru_box .kadomaru_box_t1{
	color:#FFF8B0;
	padding:30px 0 0 0;
	text-align:center;
	font-size:120%;
	letter-spacing:7px;
}

div.kadomaru_box .kadomaru_box_t2{
	color:#fff;
	padding:10px 0 20px 0;
	text-align:center;
	font-size:140%;
}

div.kadomaru_box p{
	color:#461300;
	line-height:2.0;
	padding:0 0 30px 0;
	font-weight:bold;
}

/*--------------------------------
768 qabox
---------------------------------*/
#qabox{
	margin:30px auto;
	width:600px;
	padding:0;
	text-align:center;
}
#qabox .qabox_q{
	margin:0px auto;
	padding:0;
	text-align:left;
}

#qabox span{
	font-size:200%;
	padding:0 10px 0 0;
}

#qabox .qabox_q p{
	background-color:#FFFCDD;
	padding:10px;
	padding:5px 10px;
	border-radius:20px;
}

#qabox .qabox_a{
	margin:0px auto 30px auto;
	padding:0px 0 0 0;
	text-align:left;
}


#qabox .qabox_a p{
	padding:0 10px;
}


/*--------------------------------
768 howtoeat_box
---------------------------------*/
.howtoeat_box{
	margin:30px auto;
	width:532px;
	padding:0;
	text-align:center;
}
.howtoeat_box p{
	padding:0 0 20px 0;
}
	
	
/*--------------------------------
768 table-style01
---------------------------------*/
.table-style01{
	width:80%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-left:2px solid #836E45;
	display:table;
}
.table-style01 th{
	clear:none;
	display: table-cell;
	text-align:left;
	width:20%;
	margin: 0px 0px;
	padding:14px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#103466;
	color:#fff;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}
.table-style01 td{
	clear:none;
	display: table-cell;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}


/*--------------------------------------
  768 normalcontents
--------------------------------------*/

.normalcontents{
	margin:20px auto;
	text-align:center;
	width:100%;
	font-size:100%;
}


.normaltxt10{
	padding:10px 0px;
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:100%;
}

.normaltxt20{
	padding:20px 0px;
	text-align:left;
	width:100%;
	margin:0 auto;
	font-size:100%;
}

/*--------------------------------------
  768  display_pc,display_sp
--------------------------------------*/

.display_pc{
	display:block;
}
.display_sp{
	margin:0px auto;
	display:none;
}

/*--------------------------------------
  768  footer
--------------------------------------*/



#foot_global-navi{
	width:90%;
	margin:20px auto;
	clear:both;
	text-align:center;
}

#foot_global-navi li{
	display:inline-block;
	margin:0 20px 0 0;
	text-align:center;
	padding:20px 0 0px 0;
}


#foot_global-navi li:last-child{
	margin:0px auto;
}


/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

#page-top {
	position: fixed;
	text-align:center;
	bottom: 200px;
	right: 70px;
	font-size: 10px;
	z-index:100;
	display: block;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	background-color:#481600;
    padding: 15px;
	color:#ffffff;
	border-radius:15px;
}

#page-top a{
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	display:block;
	font-weight:lighter;
}






/*--------------------------------------
 768 パンくず
--------------------------------------*/
div#breadcrumb {
	padding: 0px 0 10px 0px;
	margin:0px auto 0 auto;
	height:auto;
	clear:both;
	display: block;
	text-align:left;
	width:90%;
}

div#breadcrumb ul {
	padding:0 10px 0 0;
}

div#breadcrumb li {
  display: inline-block;
  text-align:left;
  font-size:80%;
  color:#fff;
}
div#breadcrumb li a {
  color:#fff;
  text-decoration:underline;
}

div#breadcrumb li:not(:first-child):before {
  margin: 0px 5px;
  content: "\f105";
  font-family: FontAwesome;
}


}/*768end*/






	



/* ↓↓　1024px以上にてPCの設定 
***********************************/

/*--------------------------------------
  切替 1024px
--------------------------------------*/

@media print,screen and (min-width : 1024px) {

html {
	font-family: 'Skranji', cursive, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*--------------------------------------
  1024 sublogo
--------------------------------------*/

#sublogo{
	position:absolute;
	z-index:50;
	top:70px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	pointer-events: none;
}

#sublogo img{
	width:100px;
	height:100px;
}


/*--------------------------------------
  1024px header
--------------------------------------*/



header{
	width:100%;
	margin:0 auto;
	text-align:center;
	line-height:1.3;
	background-color:#B18147;
	position:relative;
	height:120px;
}



#header h1{
	clear:both;
	margin:0 auto;
	text-align:center;
	padding:25px 0 0 0;
	width:331px;
}

#header h1 a img{
	width:331px;
	height:31px;
	text-align:center;
}

/*--------------------------------------
 1024 nav-bg
--------------------------------------*/


#nav-bg{
	width:90%;
	margin:0 auto;
	padding:0;
	display:inline-block;
	z-index:40;
	text-align:center;
}

#navigation_pc{
	margin:0 auto;
	padding:0px 0 20px 0;
	text-align:center;
	
}
#navigation_pc li{
	display:inline-block;
	margin:0 0px 0 0;
	text-align:center;
	padding:20px 0 0px 0;
	width:133px;
	
}
#navigation_pc li a{
	width:100%;
	padding:0;
	text-align:center;
	display:block;
	white-space: nowrap;
	font-size:100%;
	color:#103366;
}

#navigation_pc li:last-child{
	margin:0 0 0 0;
	text-align:center;
}

#navigation_pc li:nth-of-type(2){
	margin:0 0px 0 0;
	text-align:center;
}
#navigation_pc li:nth-of-type(3){
	margin:0 0px 0 100px;
	text-align:center;
}



/*--------------------------------------
  1024px sub_header
--------------------------------------*/

#sub_header{
	width:100%;
	background-color:#C59F61;
	margin:0px auto 0 auto;
	text-align:center;
	clear:both;
	height:80px;
}






/*--------------------------------
1024 mainimage
---------------------------------*/

#mainimage{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	height:583px;
	text-align:center;
	background:url(../images/main.jpg) no-repeat center;
	background-size: cover;
}







/*--------------------------------
1024 section area
---------------------------------*/

section.inner1000{
	width:1000px;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}


/*--------------------------------
1024 top_castella
---------------------------------*/

#top_castella{
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
	clear:both;
	width:740px;
}

#top_castella .top_castella_box01{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	clear:both;
	width:690px;
	height:430px;
	display: flex;
}
#top_castella .top_castella_box01 .top_castella_box_l{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:240px;
	height:430px;
	float:right;
	display: flex;
}
#top_castella h4{
	margin:auto;
	font-size:100%;
	line-height:2.0;
}


#top_castella .top_castella_box01 .top_castella_box_r{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:430px;
	height:430px;
	float:left;
}



#top_castella .top_castella_box02{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	clear:both;
	width:700px;
	height:410px;
	display: flex;
}
#top_castella .top_castella_box02 .top_castella_box_l{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:400px;
	height:410px;
	float:right;
	
}



#top_castella .top_castella_box02 .top_castella_box_r{
	text-align:center;
	margin:0 auto;
	padding:0 0 0px 0;
	width:250px;
	height:410px;
	float:left;
	display: flex;
}

#top_castella .top_castella_box01 .castella01 img{
	width:432px;
	height:432px;
}

#top_castella .top_castella_box02 .castella02 img{
	width:413px;
	height:413px;
}

#top_castella .top_castella_box01 .castella03 img{
	width:404px;
	height:404px;
}

#top_castella .top_castella_box02 .castella04 img{
	width:337px;
	height:337px;
}

#top_castella .top_castella_box01 .castella05 img{
	width:321px;
	height:321px;
}


/*--------------------------------------
  1024 page_t
--------------------------------------*/
.page_t{
	margin:40px auto 60px auto;
	text-align:center;
	clear:both;
}

.page_t h2{
	padding:0px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	display: inline-block;
    position: relative;
}

.page_t h2:before {
content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 200px; /*下線の幅*/
  height: 5px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #C7A274; /*下線の色*/
}




/*--------------------------------------
  1024px slider
--------------------------------------*/
.slider{
	margin:20px auto 20px auto;
	text-align:center;
	padding:0;
	width:100%;
}


.slider li img{
	width:200px;
	height:250px;
}

.caramel_area .button01
{
	text-align:right;
	float:right;
	width:200px;
}
.caramel_area .button01 a{
	color:#FFF8B0;

}


/*--------------------------------------
  1024px section_title
--------------------------------------*/
h3.section_title{
	margin:0px auto 30px auto;
	padding:30px 0 0px 0;
	text-align:center;
	clear:both;
	letter-spacing:7px;
	font-size:120%;
	color:#FFF8B0;
}





/*--------------------------------
1024  table-style01
---------------------------------*/
.table-style01{
	width:800px;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:90%;
	clear: both;
	border-top:2px solid #836E45;
	border-left:2px solid #836E45;
	display:table;
}
.table-style01 th{
	clear:none;
	display: table-cell;
	text-align:left;
	width:15%;
	margin: 0px 0px;
	padding:14px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#103466;
	color:#fff;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}
.table-style01 td{
	clear:none;
	display: table-cell;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}





/*--------------------------------------
  1024 normalcontents
--------------------------------------*/

.normalcontents{
	margin:20px auto;
	text-align:center;
	width:100%;
	font-size:100%;
}


.normaltxt10{
	padding:10px 0px;
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:100%;
}

.normaltxt20{
	padding:20px 0px;
	text-align:left;
	width:100%;
	margin:0 auto;
	font-size:100%;
}

.white_normaltxt20{
	padding:20px 0px;
	text-align:left;
	width:100%;
	margin:0 auto;
	font-size:100%;
}

/*--------------------------------------
  1024 normalcontents_pc
--------------------------------------*/

.normalcontents_pc{
	margin:20px auto;
	text-align:center;
	width:100%;
}
.normalcontents_sp{
	display:none;
}





/*--------------------------------------
  1024px パンくず
--------------------------------------*/
div#breadcrumb {
	padding: 5px 0 20px 0px;
	margin:0 auto;
	width:1000px;
	height:auto;
	clear:both;
	text-align:left;
}

div#breadcrumb ul {
	padding:0 10px 0 0;
}

div#breadcrumb li {
  display: inline-block;
  text-align:left;
  letter-spacing:5px;
}

div#breadcrumb li:not(:first-child):before {
  margin: 0px 5px;
  content: "\f105";
  font-family: FontAwesome;
}



/*--------------------------------------
  1024px フッター
--------------------------------------*/
footer {
	padding: 0px 0 10px 0px;
	margin:30px auto 0px auto;
	clear:both;
	width:100%;
	background-color:#B18147;
}

#footer{
	width:1000px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#footer #footer_logo{
	text-align:center;
	width:132px;
	height:78px;
	margin:20px auto 20px auto;
	clear:both;
}

#footer #footer_logo img{
	width:132px;
	height:78px;
}

	

#footer .footcopy{
	color:#FFF8B0;
	text-align:center;
	padding:20px 0 0 0;
	margin:0 auto;
	clear:both;
	font-size:90%;
}
#footer .footcopy a{
	color:#FFF8B0;
}

#foot_global-navi{
	width:90%;
	margin:20px auto;
	clear:both;
	text-align:center;
}

#foot_global-navi li{
	margin:20px auto;
	display:inline-block;
	margin:0 20px 0 0;
	text-align:center;
	padding:20px 0 0px 0;
}


#foot_global-navi li:last-child{
	margin:0px auto;
}



}/*1024end*/





/* ↓↓　PCのプリント設定 */

/*--------------------------------------
  切替 printのみ
--------------------------------------*/

@media print {

body {
width: 1024px;
}	


	
/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

#page-top {
	display:none;
}
	
	
	
}/*print　end*/