@charset "UTF-8";

/* @group reset*/

*{margin:0;padding:0;}
a {text-decoration:underline;color:#d30006;}
ul,ol {list-style:none;}
img {vertical-align:middle;}

/* @end*/


div:after,
ul:after {
  content: "";
  display: block;
  clear: both;
}

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}


/* ---------------------------------SmartPhone767--------------------------------------*/




html {font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

line-height:1.5;font-size:0.875em;}




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

header{
	background:url(images/bg_header.gif) ;
	text-align:center;
}
header .headerArea{
	width:100%;
	margin:0 auto;
	position:relative;
}

header .headerArea h1{
	margin-bottom:20px;
	position:absolute;
	top:0;
	left:0;
}
header .headerArea h1 img{
	
	width:40px;
}
header .headerArea h2{
	display:block;
	padding-bottom:25px;
	padding-top:30px;
	text-align:center;
	margin:0px auto 0 auto;
}

header .headerArea h2 img{
	width:200px;
}

header .headerArea ul{
	display:none;
}
/*
header .headerArea ul li{
	float:left;
	margin-right:5px;
}
header .headerArea ul li a{
	display:block;
}*/
header nav#forPC{
	display:none;
}
header nav#forSP{
	background-color: rgba( 0, 0, 0, 0.7 );
}
header nav ul li {
	float:left;
	width:50%;
	padding:10px 0;
	font-size:12px;
}

header nav ul li a{
	display:block;
	color:#ffffff;
	text-decoration:none;
}

header p {
	width: 3em;
	height: 2em;
	position: absolute;
	top: 10px;
	right: 10px;
}
header p .link {
	background: url("../../img/icon01.png") no-repeat center left;
	padding-left: 0.9em;
	font-size: 90%;
}
header p .link a {
	color: #231815;
	text-decoration: none;
}
header p .link a:hover {
	text-decoration: underline;
}


/* ---------------main--------------------*/

#main{
	text-align:center;
	background-color:#f3f4f4;
}

#main img{
	max-width:100%;
}

#contents{
	background:#f3f4f4;
	padding-bottom:40px;
}

h3{width:92%;
	text-align:center;
	padding:40px 0;
	margin:0 auto;
}
h3 img{
	
}


h4{text-align:center;
margin-bottom:10px;
}

h4 img{text-align:center;max-width:60%!important;
}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.tal {text-align:left;}

/*
h5{
	font-size:1.25em;
	margin:0px;
	padding:0px;
	line-height:1.5;
	font-weight:bold;
	ont-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	
}

h5:after{
	content:attr(data-label);
}

h5 img {
	display:none;
}
*/
h5{
	display:none;
}

.spCopy {
	margin:16px auto;
	text-align:center;
}



/* ---------------contentsarea01--------------------*/
#product{
	background:#ffffff;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	width:90%;
	margin:0 auto 20px auto;
	padding:0 3% 5% 3%;
	text-align:center;
}


#product #area01 h5{
	padding-top:10px;
	margin-bottom:10px;
	text-align:left;
}

#product #area01 p.right{
	width:70%;
	margin:0 auto;
}
#product #area01 p.left{
	text-align:left;
	margin-bottom:30px;
}

#product #area02 h5{
	padding-top:25px;
	margin-bottom:10px;
	text-align:left;
}

#product #area02 p.left{
	margin-bottom:10px;
	width:100%;
}
#product #area02 p.right{
	margin-bottom:10px;
	width:100%;
}

#product #area02 .manju{
	display:none;
}
#product #area02 .manjuText{
	display:none;
}


/* ---------------contentsarea02--------------------*/
#recipe{
	background:#ffffff;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	width:90%;
	margin:0 auto 20px auto;
	padding:0 3% 5% 3%;
	text-align:center;
}

#recipe #area03{
	margin-bottom:40px;
}

#recipe #area03 h5{
	padding-top:10px;
	margin-bottom:10px;
	text-align:left;
}

#recipe #area03 p.right{
	width:70%;
	margin:0 auto;
}

#recipe #area03 p.left{
	text-align:left;
	margin-bottom:20px;
}

#recipe #area04 h5{
	padding-top:10px;
	margin-bottom:10px;
	text-align:left;
}

#recipe #area04 p{
	text-align:left;
	margin-bottom:20px;
}

#recipe #area04 h6{
	margin-bottom:10px;
	width:60%;
	text-align:left;
}


/* ---------------contentsarea03--------------------*/
#ingredients{
	background:#ffffff;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	width:90%;
	margin:0 auto 20px auto;
	padding:0 3% 5% 3%;
	text-align:center;
}

#ingredients img{
	max-width:100%;
}

#ingredients h5 {
	margin-bottom:15px;
	text-align:left;
}

#ingredients .tal {
	text-align:left;
	margin-bottom:25px;
}

#ingredients #area05{
	margin-bottom:20px;
}

#ingredients #area05 img{
	margin-bottom:15px;
}


#ingredients #area06 img{
	margin-bottom:15px;
}




/* ---------------contentsarea04--------------------*/
#lineup{ 
	padding:0 3% 5% 3%;
	text-align:left;
}

#lineup #area08 .title{
	display:none;
}


#lineup #area08 table{
	
	font-size:0.7em;
	text-align:left;

}
#lineup #area08 table th{
	font-weight:normal;
	vertical-align:top;
}

#lineup #area08 .imageRight{
	display:none;
}

#lineup #area08 .imageRightSP{
	margin-top:-30px;
}

#lineup #area09 {
	border-top:1px dotted #dddddd;
	padding-top:40px;
	margin-top:40px;
}

#lineup #area09 img{
	float:left;
	width:50%;
	margin-bottom:10px;
}

.tac {margin-top:10px;text-align:center;font-size:0.8em}


#lineup #area09under{
	margin:40px 0;
	text-align:center;
	border-top:1px dotted #dddddd;
	padding-top:40px;
}

#lineup #area09under .fR{
	margin-bottom:15px;
}


/* ---------------contentsarea05--------------------*/
#store{
	background:#ffffff;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
	width:85%;
	margin:0 auto 20px auto;
	padding:0 5% 5% 5%;
}

#store img{
	max-width:100%;
}

#store h5{
	margin-bottom:20px;
}

#store #area10 .frImage {
	display:none;
}

#store #area11 {
	border-top:1px dotted #dddddd;
	padding-top:20px;
	margin-top:30px;
	text-align:left;
}

#store #area12 {
	border-top:1px dotted #dddddd;
	padding-top:20px;
	text-align:left;
}

.shopBox{
	margin-bottom:40px;
}

.shopBox h6{
	margin:0px;
	font-size:20px;
	font-weight: 400;
	font-family: 'Shippori Mincho', serif;
}

.shopBox p{
	margin-top:5px;
}

.shopBox .holiday{
	border:1px solid #cccccc;
	font-size:10px;
	padding:3px 0 3px 10px;
	margin-top:5px;
}

/* ---------------aboutArea--------------------*/
#about{
	background:#ffffff;
	margin:0 auto;
	padding:30px 0px;
}

#about .forPC{
	display:none;
}

.aboutAreaCont{
	width:90%;
	margin:0 auto;
}

.aboutAreaCont h5{
	margin-bottom:30px;
	text-align:center;
	max-width:100%;
}

.aboutAreaCont .aboutBox{
	margin:0 auto 30px auto;
	text-align:left;
}


.aboutAreaCont .imageRightSP{
	text-align:center;
	margin:20px auto;
}

.aboutAreaCont .imageRight{
	display:none;
}
.aboutAreaCont .textLeft{
	text-align:left;
}

.mr30{margin-bottom:15px;}
.mr40{margin-bottom:15px;width: 100%;}


/* ---------------google-maps--------------------*/
.google-maps {
position: relative;
padding-bottom: 30%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#map_canvas {
width:100%;height:300px;
}


/* ---------------totop--------------------*/

#totopLeft {
text-align:right;
padding:20px 0;
margin:0 auto;
width:94%;
}

#totop {
background:#b60005;
padding:20px 0;
text-align:center;
}


/* ---------------footer--------------------*/
footer{
	text-align:center;
	padding:0px 0 0 0;
	width:100%;
}
footer #footerArea {
	overflow: hidden;
    position: relative;
	margin-bottom:20px;
}
footer  ul{
	padding:10px 0;
    background:#555555;
	font-size:1em;
}
footer ul li{
	float:left;
	width:50%;
	padding:5px 0;
	
}

footer ul li a{
	color:#ffffff;
	
} 
footer p{
	margin:0 auto 10px auto;
	font-size:10px;
}