@charset "UTF-8";



a{

	text-decoration: none;

	color: #994551;

}



ul, ol{

	list-style-type: none;

}



body{

	background-image: url("../images/bg05.png") ;

}



#wrapper{

	font-family: 'Lucida Grande',

 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',

 'Meiryo', 'メイリオ', sans-serif;

 	font-size: 13px;

 	max-width: 1000px;

 	margin: 0 auto;

 	color: #33171B;

 	background-image: url("../images/bg04.png");

 	/*background :#fbe5d6;*/

 	

}



header{

	padding: 10px 20px;

	overflow: hidden;

}



header img{	

	max-width: 100%;

	height: auto;





}



.title{

	float: left;

	width: 65%;





}



.shopinfo{

	float: right;

	width: 35%;



}



address{

	/*background: url("../images/bg05.png");*/

	font-style:normal;

	/*background-color: #FAF6D4;*/

	background-color: #fff;

	margin-top: 10px;

	/*margin-left: 40px;*/

	padding: 10px;

	border: 1px dotted #cccccc;

	font-size: 16px;

	line-height: 1.5em;

	border-radius:10px;

	

	-webkit-box-shadow: 0 5px 6px -6px #777;

        -moz-box-shadow: 0 5px 6px -6px #777;

            box-shadow: 0 5px 6px -6px #777;

    

}



address span{

	display: block;

}











#contents{

	padding: 10px 20px;



}



.main{

	overflow: hidden;

}



.contents-title{

	margin-top: 10px;

	margin-bottom: 20px;

	padding: 8px 10px 2px;

	display: inline-block;

	font-size: 28px;



}



.contents-title img{

	vertical-align: bottom;

	margin-right: 10px;

}



.contents-main dt{

	display: inline-block;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 4px;

	font-size: 22px;

	color: #FFF;

	background: #FC8F6A;

}



.contents-main dd{

	font-size: 16px;

	margin-bottom: 20px;

}





/* Concept Layout */

.concept-img img{

	max-width: 100%;

	height: auto;

}



.concept-body{

	margin-bottom: 10px;

	padding: 10px 10px;

	font-size: 16px;

	background-color: #fff;

}



.concept-body p{

	margin-bottom: 24px;

	line-height: 1.5em;

}



.concept-body p span{

	color: #fff;

	font-weight: bold;

	background-color: #32A8FC;

}



.concept-subtitle{

	margin-bottom: 20px;

	padding: 8px 10px 2px;

	display: inline-block;

	border-left: 10px solid #FC6900;

	font-size: 24px;

	color: #FC6900;



}





/* Menu Layout*/

.menu-body{

	margin-left: 2%;

	width:31.32%;

	height: 100%;

	float: left;

	display: inline-block;	

	margin-bottom: 10px;

	font-size: 16px;

	background-color: #fff;

	min-height: 500px;

}



.menu-body p{

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 1px;

	line-height: 1.5em;

}



.menu-recommend{

	clear: 	both;	

	font-size: 16px;

	margin-left: 2%;

}



.menu-recommend ul{

	overflow: 	hidden;	

	background-color: #fff;

}

.menu-recommend ul li{

	float: 	left;

	width: 	23%;

	margin-top: 10px;

	margin-bottom: 	10px;

	margin-left: 1%;

	margin-right: 1%;

	text-align: center;

	font-size: 	16px;



}



.menu-headtitle{

	padding: 10px;

	color: #fff;

	background-color: #4D2000;

}



.menu-subtitle{

	line-height: 1.5em;

	margin-top: 10px;

	margin-left: 5px;

	margin-bottom: 20px;

	padding: 8px 10px 2px;

	display: inline-block;

	border-left: 10px solid #FC6900;

	font-size: 16px;

	color: #FC6900;



}



.menu-img{

	margin-bottom: 	10px;

}



.menu-img img{

	max-width: 100%;

	height: auto;

}





/* Access */

.access-body{

	margin-bottom: 10px;

	padding: 10px 10px;

	font-size: 16px;

	background-color: #fff;

}



.access-img{

	margin-bottom: 20px;

}



.access-body p{

	margin-bottom: 24px;

	line-height: 1.5em;

}



.access-body p span{

	color: #fff;

	font-weight: bold;

	background-color: #32A8FC;

}



.access-subtitle{

	margin-bottom: 20px;

	padding: 8px 10px 2px;

	display: inline-block;

	border-left: 10px solid #FC6900;

	font-size: 24px;

	color: #FC6900;

}



.map p{

	margin: 10px 10px;

	font-weight: bold;

	font-size: 16px;



}



iframe.google-map-box{

	border: 0;

	background-color: transparent;

	width: 600px;

	height: 450px;

}



/* Link */

.link-recommend{

	clear: 	both;	

	font-size: 16px;

	margin-left: 2%;

}



.link-recommend ul{

	padding-bottom: 5px;

	background-color: #fff;

}



.link-headtitle{

	padding: 10px;

	margin-bottom: 10px;

	color: #fff;

	background-color: #4D2000;

}



.link-item {

	padding: 10px;

	margin-left: 1%;

	margin-right: 1%;

	font-size: 	16px;

	border-bottom: 1px #4D2000 dotted;

	overflow: hidden;



}





.link-img, .link-explain{

	float: left;

}



.link-img{

	width: 20%;

}



.link-explain{

	width: 80%;

}



.link-title{

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 10px;



}



.link-title a{

	color: #FC6900;

}



.link-title a:hover{

	color: #FCB37E;

}



.img-box{

	float: left;

	width: 68%;

	height: auto;

	padding: 2%;

	margin-right: 5px;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

    /*-webkit-box-shadow: 0 10px 6px -6px #777;

        -moz-box-shadow: 0 10px 6px -6px #777;

            box-shadow: 0 10px 6px -6px #777;*/

        background: url("../images/bk06.png");



}



.img-box img{

	width: 100%;

	height: auto;

}



.img-box2{

	position: relative;

	width: 100%;

	height: 100%;

	padding: 75% 0 0;

}



.right{

	width: 30%;

	float: right;

}



/* インフォメーション（お知らせ） */

.info-box{

	

	/*background: #FFF;*/

	/*background:url("../images/bk06.png");*/

	background-color: #FAF6D4;

	padding: 10px;

	height: 190px;

	border: 1px dotted #cccccc;

	 -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

        -webkit-box-shadow: 0 5px 6px -6px #777;

        -moz-box-shadow: 0 5px 6px -6px #777;

            box-shadow: 0 5px 6px -6px #777;

}

.info-box h2{

	margin-bottom: 5px;

}

.info {

	height: 150px;

	overflow: auto;

	/*font-size: small;*/

}

.info li  {

	line-height: 1.8em;

}



.info li span  {

	color: #FFF;

	background: #e9546b;

	padding: 0 5px;

	margin-right: 5px;

}



.msg-area{

	margin-top: 20px;

        margin-bottom: 20px;

	/*padding: 0 15px 15px;*/

	/*padding-top: 80px;*/

	/*background: url("../images/bk05.png");*/

	background-color: #f7f5f8;

	line-height: 1.7em;

	

	vertical-align: bottom;

	font-size: 16px;

	text-shadow: 5px 5px 1px #fff;

	/*color: #000;*/

	-webkit-box-shadow: 0 5px 6px -6px #777;

        -moz-box-shadow: 0 5px 6px -6px #777;

            box-shadow: 0 5px 6px -6px #777;

}



.msg-area img{

	max-width: 100%;

	height: auto;

}



.msg-area p{

	padding: 0 10px 10px 10px;

}



.intro{

	margin-top: 20px;

	background: url("../images/bk02.jpg");

}

.intro ul{

	width: 100%;

	/*display: table;*/

	overflow: hidden;

}



.intro ul li {

	/*display: table-cell;*/

	display: inline-block;

	padding-left: 0.1%;

	padding-right: 0.1%;

	/*border-right: 5px solid #fff;*/



	float: left;

	width: 24.8%;

	/*-webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;*/



}



.intro a{

	display: block;

	text-align: center;

	line-height: 1.5em;



}



.intro h2{

	display: block;

	padding: 5px;

	font-size: 16px;

	margin-top: 10px;

	color: #fff;

	background: #33171B;

}





.intro p{

	display: block;

	height: 40px;

	padding: 10px;

	font-size: 14px;

	color: #fff;

	background: #994551;

}



.intro img{

	margin-top: 10px;

	max-width: 50px;

	height: auto;

}



.concept-btn a{

	/*background: #9EE647;*/

	background: rgba(190,250,100,0.7);

}



.menu-btn a{

	/*background: #E68E47;*/

	background: rgba(250,160,100,0.7);

}



.blog-btn a{

	/*background: #47E6DE;*/

	background: rgba(71,230,222,0.7);

}



.link-btn a{

	/*background: #DE47E6;*/

	background: rgba(250,100,190,0.7);

}



.intro a:hover{

	background: rgba(255,255,255,0.5);



}

.intro a:hover h2{

	background: rgba(255,255,255,0.5);

	color: #33171B;



}



.intro  a:hover p{

	background: rgba(255,255,255,0.5);

	color: #33171B;

}

.map{



}



.blog{

	margin-top: 20px;

}



.blog h2{

	display: inline-block;

	padding: 5px;

	font-size: 16px;

	margin-top: 10px;

	color: #33171B;

}





.blog-cont{

	padding: 20px;

	/*background: url("../images/bk03.png");*/

	background-color: #fff;

	overflow: hidden;

	margin-bottom: 15px;

	-webkit-box-shadow: 0 5px 6px -6px #777;

        -moz-box-shadow: 0 5px 6px -6px #777;

            box-shadow: 0 5px 6px -6px #777;



}



#feed img{

	float: left;

	max-width: 40%;

	height: auto;

}



.blog-detail{

	float: left;

	width: 60%;

	-webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

     padding-left: 20px;

     padding-right: 20px;

}



.blog-date{

	display: inline-block;

	padding: 5px;

	background: #E88854;

	color: #fff;

}



.blog-cont h3 a{

	display: inline-block;

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 20px;

	color: #E9546B;

	

}



.blog_cont a:hover{

	color: #FF5C74;

}



.blog_text{

	font-size: 16px;

	line-height: 1.5em;

}



.blog_text a{

	font-size: 16px;

	color: #E9546B

}



footer{

	background:#FAA064;

	overflow: hidden;

	padding: 14px;

	color: #fff;

}

.footer-left{

	width: 50%;

	float: left;

	overflow: hidden;



}

.footer-logo{

	text-align: center;

	float: left;

}

.footer-addarea {

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height: 150%;

}

.footer-addarea p{

	margin-left: 15px;

	font-size: 15px;

}

.copyright{

	margin-top: 10px;

	font-size: 10px;

}

.footer-right {

	float: right;	

	overflow: hidden;

	width: 50%;

}

.footer-menu img {

	margin-right: 3px;

}

.footer-menu a{

	float: left;

	display: inline-block;

	color: #ffffff;

	font-size: 15px;

	padding: 5px 8px;

	text-align: center;

	

}

.footer-menu a:hover{

	background: #EBA2AD;

	background: url("../images/bk04_on.png") #FABE96;

}





/*

footer p{

	padding: 10px;

	text-align: center;

	line-height: 140%;

	color: #fff;



}

*/

/*

.info li a{

	display: block;

}



.info li　a:hover{

	background: #000000;

}

*/







/* ########### 699px以下 ########### */



@media (max-width: 699px) {



.title{

	width: 90%;

	float: none;

}



.shopinfo{

	width: 100%;

	float: none;

}



.gnavibtn{

	padding: 6px 8px;

	border: solid 1px #aaaaaa;

	border-radius: 5px;

	background-color: #ffffff;

	position: absolute;

	top: 20px;

	right: 15px;

	cursor: pointer;

}



.gnavibtn:hover{

	background-color: #dddddd;

}



.gnavibtn:focus{

	outline: none;

}



.gnavibtn i{

	color: #888888;

	font-size: 18px;

}



.gnavibtn span{

	display: inline-block;

	text-indent: -9999px;

}



nav{

	display: none;

	padding: 10px 20px;

	

}



.gnavi {

	margin: 0;

	padding: 0;



}



.gnavi li a{

	display: block;

	background:#FAA064;

	background: url("../images/bk04.png") #FAA064;

	color: #ffffff;

	font-size: 12px;

	padding-top: 8px;

	padding-bottom: 8px;

	

	text-align: center;

	width: 100%;



}



.gnavi li a:hover{

	background: #EBA2AD;

	background: url("../images/bk04_on.png") #FABE96;

}





.gnavi li .thispage{

	background-color: #EBA2AD;

	background: url("../images/bk04_on.png") #FABE96;

}



.gnavi li a span{

	margin-top: 5px;

	display: inline;

	font-size: 10px;

}



.gnavi li a span:before{

	content: "　(";



}



.gnavi li a span:after{

	content: ")";



}



.img-box{

	width: 100%;

}



.right{

	overflow: hidden;

	width: 100%;

	margin-top: 10px;

}





.info-box{

	float: left;

	width: 49%;

	height: 190px;

	margin-right: 1%;

}



.info-box h2{

	font-size: 13px;

}

.info{

	font-size: 13px;



}



.msg-area{

	float: left;

	margin-top: 0;

	margin-left: 1%;

	width: 49%;

	height: 190px;

	font-size: 13px;

}



.intro ul li {

	width: 49.8%;

	margin-top: 2px;

}



.intro p{

	height: 25px;

}



.blog-cont h3 a{

	font-size: 14px;

}



.menu-body{		

	width: 98%;	

	min-height: auto;	

}		

		

.menu-recommend ul li{		

	width: 	48%;

}		



}



/* ########### 599px以下 ########### */



@media (max-width: 599px) {



.gnavibtn{

	top: 10px;

	right: 5px;

}



address{

	font-size: 11px;

}



.info-box{

	float: none;

	width: 100%;

	height: 150px;

	margin-right: 0;

}



.msg-area{

	float: none;

	margin-top: 10px;

	margin-left: 0;

	width: 100%;

	height: 150px;

}



.intro ul li {

	width: 100%;

	margin-top: 2px;

}



#feed img{

	float: none;

	max-width: 100%;

	height: auto;

}



.blog-detail{

	float: none;

	width: 100%;

	-webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

     padding-left: 0;

     padding-right: 0;

     margin-top: 10px;

}

.footer-left{

	width: 100%;

	float: none;

}



.footer-right {

	float: none;

	width: 100%;

	margin-top: 10px;	

	

}



}



/* ########### 700px以上 ########### */



@media (min-width: 700px) {



.gnavibtn{

	display: none;

}



nav {

	display: block !important;

	overflow: hidden;

}



.gnavi li a{

	float: left;

	display: block;

	background:#FAA064;

	background: url("../images/bk04.png") #FAA064;

	color: #ffffff;

	font-size: 16px;

	padding-top: 8px;

	padding-bottom: 8px;

	

	text-align: center;

	width: 16.66%;



}



.gnavi li a:hover{

	background: #EBA2AD;

	background: url("../images/bk04_on.png") #FABE96;

}





.gnavi li .thispage{

	background-color: #EBA2AD;

	background: url("../images/bk04_on.png") #FABE96;

}



.gnavi li a span{

	margin-top: 5px;

	display: block;

	font-size: 13px;

}







}