@charset "UTF-8";

/* INTERFACE */

body>header{
	height:auto;
}

body>header>div{
	padding:0 20px;
}

body>header img {
	margin: 30px auto 12.5px;
	width: 80%;
}

body>header>div h1 {
	margin-bottom: 20px;
}
body>header>div h1 span {
    letter-spacing: .1rem;
	font-size: 12px;
}

body>header>div p {
    font-size: 1.3rem;
    font-weight: 500;
	line-height: 2rem;
	margin-top: 2rem;
}

#nav_menu{
	display:block;
	width:28px;
	height:20px;
	background-image:url(../img/interface/header_menu.svg);
	background-repeat:no-repeat;
	background-size:28px 20px;
	position:absolute;
	top:34px;
	right:20px;
}

#nav_menu.active{
	background-image:url(../img/interface/header_menu-.svg);
	z-index:1000;
}

body>header>div nav{
	display:none;
	width:100%;
	margin:0;
	padding:80px 40px;
	border:4px solid #bca474;
	box-sizing:border-box;
	background-color:#fff;
	float:none;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
}

body>header>div nav.active{
	display:block;
}

body>header>div nav ul li{
	margin:0;
	float:none;
}

body>header>div nav ul li a:link,
body>header>div nav ul li a:visited{
	display:block;
	padding:18px 0;
}

body>header>div nav ul li span{
	padding:18px 0;
}

body>footer{
	margin:50px 0 0;
	padding:40px 30px 40px;
}

body>footer .w_logo{
	width:180px;
	height:auto;
}

/* INTERFACE END */

/*201223add*/
body>footer .f-list{
    width: 100%;
    line-height: 2em;
    font-size: 13px;
}

body>footer .f-list dt{
    float: none;
    padding-right:0;
}

body>footer .f-list dt.sp_fl{
    float: left;
}

/*201223add*/

/*240121add*/
body>footer .r{
	line-height: 0.8rem;
}
/*240121add*/


/*---------- HOME ----------*/


#home_key_area{
	margin:0 auto 20px;
	padding:0 20px;
}

#home_key_area .slide img{
	width:100%;
	float:none;
}

#home_key_area .slide>div{
	width:100%;
	float:none;
}

#home_key_area .slide>div p{
	margin:0;
	padding:20px 20px 25px;;
	font-size:17px;
	line-height:1.8;
	letter-spacing:4px;
	position:static;
	top:0;
	transform:translate(0,0);
}

#home_bnr_area{
	margin:0 auto 80px;
	padding:0 20px;
}

#home_bnr_area a:link,
#home_bnr_area a:visited{
	display:block;
	width:100%;
	height:120px;
	margin:0 auto 10px;
	padding:0;
	font-size:16px;
	font-weight:400;
	overflow:hidden;
	float:none;
	position:relative;
}

#home_bnr_area a img{
	opacity:0.8;
}

#home_bnr_area a span{
	width:240px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

#home_column_area{
	padding:0 20px;
}

#home_column_area h2{
	font-size:20px;
	letter-spacing:5px;
}
#home_column_area h2 img{
	width:120px;
	height:auto;
}

#home_column_area>div article{
	width:100%;
	margin:0 0 20px;
	padding:0;
}

#home_column_area>div article a h3{
	padding:13px 10px 15px;
	font-size:15px;
	letter-spacing:1px;
}

#home_news_area table{
	font-size:13px;
}

#home_news_area table tr{
	display:block;
}

#home_news_area table tr th{
	display:block;
	padding:20px 20px 5px 20px;
}

#home_news_area table tr td{
	display:block;
	padding:0 20px 20px 20px;
}


/*sub*/

#sub_key_area{
	padding:0 20px;
}

#sub_key_area img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#sub_key_area h1{
	padding:10px 30px;
	font-size:16px;
	letter-spacing:1px;
	white-space:nowrap;
	left:20px;
}

#sub_key_area h1>span{
	margin:6px 0 0;
}

#sub_key_area h1>span>span{
	display:block;
	margin:6px 0 0;
}


/*menu*/

#product_list{
	padding:0 20px;
}

#product_list section{
	width:100%;
	margin:0 0 40px;
	padding:0 0 40px;
	border-bottom:2px dashed #e4e4e4;
	float:none;
}

#product_list section:last-of-type{
	margin:0;
	padding:0;
	border-bottom:none;
}

#product_list section img{
	display:block;
	width:60%;
	margin:0 auto;
	float:none;
}

#product_list section>div{
	width:100%;
	float:none;
}

#product_list section>div h2{
	margin:20px 0 10px;
	font-size:16px;
	text-align:center;
	letter-spacing:3px;
}

#product_list section>div h2 span{
	display:block;
	font-size:12px;
}

#product_list section>div p{
	margin:0 0 10px;
	font-size:13px;
	line-height:1.8;
}

#product_list section p.price{
	margin:0 0 25px;
	font-size:13px;
	text-align:center;
}

#product_list table{
	margin:0 0 25px;
	font-size:13px;
	margin-left: auto;
    margin-right: auto;
}


#product_list section p.price span{
	font-size:10px;
}

#product_list section>div a:link,
#product_list section>div a:visited{
	margin:0 0 10px;
	padding:7px 32px 7px 10px;
	font-size:12px;
}

#menu_area>div{
	padding:70px 20px 50px;
}

#menu_area h2{
	margin:0 0 40px;
	font-size:10px;
}

#menu_area h2 img{
	width:80px;
	height:auto;
}

#menu_area h2 span{
	margin:10px 0 0;
}


#menu_area .menu_list section{
	width:100%;
	padding:0;
	float:none;
}

#menu_area .menu_list section img{
	display:block;
	width:80%;
	margin:0 auto;
}

#menu_area .menu_list section h3,
#menu_area .menu_list section h4{
	margin:20px 0 10px;
	font-size:16px;
	text-align:center;
}

#menu_area .menu_list section h3 span,
#menu_area .menu_list section h4 span{
	display:block;
	margin:8px 0;
	font-size:12px;
}

#menu_area section p.price{
	margin:0 0 25px;
	font-size:13px;
	text-align:center;
}

#menu_area section p.price span{
	font-size:10px;
}

#menu_area .menu_subtitle{
	display:block;
	margin:60px 0 15px;
	padding:3px 0 5px 13px;
	font-size:18px;
	line-height:1;
	font-weight:300;
	letter-spacing:1px;
}

#menu_area .menu_subtitle span{
	display:block;
	margin:7px 0 0;
	font-size:14px;
}

#menu_area .set_menu p.price{
	display:block;
	margin:0 0 25px;
	padding:0;
	font-size:13px;
	text-align:left;
}

#menu_area .set_menu .menu_pic_list img{
	display:block;
	width:80%;
	margin:0 10% 10px;
	padding:0;
}

#menu_area .set_menu p{
	margin:10px 0 0;
	padding:0;
	font-size:13px;
	line-height:1.8;
}

#sweets_menu{
	margin:60px 0 0;
}

#sweets_menu h3{
	margin:0 0 30px;
}

#sweets_menu h3 img{
	width:90px;
	height:auto;
}


#sweets_menu .menu_pic_list img{
	display:block;
	width:80%;
	margin:0 auto 10px;
	padding:0;
	float:none;
}

#sweets_menu .menu_textarea{
	padding:0;
}

#sweets_menu .menu_textarea h4{
	margin:10px 0 10px;
	font-size:16px;
	text-align:center;
}

#sweets_menu .menu_textarea p{
	font-size:13px;
	line-height:1.8;
}


/* about */

#about_lead{
	margin:0 auto 1rem;
	padding:0 20px;
}

#about_lead>p{
	margin:20px 0 5px;
	font-size:13px;
	line-height:2;
	text-align:justify;
	text-justify:inter-ideograph;
}

/*#about_lead>p br{
	display:none;
}*/

#about_top_pic{
	margin:30px 0 0;
}

#about_top_pic>p{
	height:30px;
	padding:0 10px;
	font-size:13px;
	line-height:30px;
	letter-spacing:0.5px;
}

#about_top_pic picture img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	margin-bottom: 5px;
}

#about_top_pic>p:first-of-type{
	top:13%;
	left:48%;
}

#about_top_pic>p:nth-of-type(2){
	top:36.5%;
	bottom:inherit;
	left:48%;
}

#about_top_pic>p:nth-of-type(3){
	padding:8px 10px;
	height:auto;
	line-height:1.3;
	top:57.5%;
	left:48%;
	right:inherit;
}

#about_top_pic>p:last-of-type{
	padding:8px 10px;
	height:auto;
	line-height:1.3;
	top:81%;
	left:48%;
	bottom:inherit;
	right:inherit;
}

#about_top_pic>p span{
	display:block;
}

.pancake_area {
	margin: 2.5rem 0;
}
.pancake_area li + li {
	margin-top: 2rem;
}
.pancake_area li img {
	margin: 0 auto;
	display: block;
}

#about_column_area{
	padding:0 20px 0;
}

#about_column_area>section{
	width:100%;
	margin:0 0 40px;
	padding:30px 20px 40px;
	float:none;
}

#about_column_area>section:nth-of-type(2){
	margin:0 0 0;
}

#about_column_area>section h2{
	font-size:17px;
	letter-spacing:1px;
	text-indent:1px;
}

#about_column_area>section p{
	font-size:14px;
	line-height:1.8;
}

#about_column_area>section ol{
	margin:20px 0 40px;
	font-size:13px;
	line-height:1.6;
}


/* access */

#map_area{
	padding:0 20px;
}

#map_area iframe{
	height:300px;
	margin:0 0 50px;
}

#map_area>div table th{
	display:block;
	padding:0 0 5px;
	text-align-last:inherit;
	letter-spacing:1px;
}

#map_area>div table td{
	display:block;
	padding:0 0 20px;
	font-size:13px;
}


/* column */

/*index*/
#home_column_area>#column_index{
	margin:50px auto 40px;
}

#home_column_area>#column_index article a h2{
	padding:13px 10px 15px;
	font-size:14px;
	letter-spacing:1px;
}

/*detail*/
#column_article{
	margin:50px auto;
	padding:0 20px;
}

#column_article h2{
	display:table;
	margin:40px auto 30px;
	padding:0 35px;
	font-size:15px;
	letter-spacing:2px;
	text-indent:2px;
}

#column_article h2:before,
#column_article h2:after{
	width:20px;
}

#column_article p{
	font-size:13px;
	line-height:1.8;
}

#column_article img{
	width:85%;
	height:auto;
	margin:0 auto 20px;
}

/*news*/

#pager ul{
	font-size:12px;
}

#pager li{
	margin:0 5px;
}

/*detail*/
#news_detail{
	margin:50px auto;
	padding:0 20px;
}

#news_time{
	margin:0 0 20px;
}

#news_detail .text_area{
	margin:15px 0;
}

#news_detail .text_area p{
	font-size:13px;
	line-height:1.8;
}

#news_detail .pic_area{
	margin:15px 0;
}

#news_detail .pic_area img{
	width:85%;
	height:auto;
}