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

/*for seo*/
/*
body>div>header>h1{
	width:120px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/logo.png) no-repeat;
	background-size:100%;
}
*/
/*font-family: 'Quicksand', sans-serif;*/






/************/
/*common*/
/************/

body {
	width:100%;
	color:#2F2725;/*K95%*/
	background-color:#FFFFFF;
	font-family:"中ゴシックBBB", "メイリオ", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:13px;
	line-height:24px;
	letter-spacing:1px;
}

a {
	color:#2F2725;/*K95%*/
}

/*header*/
header.top {
	display:none;
	/*
	position:absolute;
	top:30px;
	width:100%;
	height:38px;
	margin:0;
	z-index:100;
	*/
}
/*
header.top>div {
	width:90%;
	height:38px;
	margin:0 auto;
}

header.top>div>h1>a {
	display:block;
	width:150px;
	height:38px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/header_logo_w.png) no-repeat;
	background-size:150px;
	float:left;
}

header.top>div>div {
	width:373px;
	height:38px;
	float:right;
	font-family:'Quicksand', sans-serif;
	color:#ffffff;
}

header.top>div>div>p {
	font-size:11px;
	letter-spacing:2px;
	line-height:11px;
}

header.top>div>ul>li {
	float:left;
}

header.top>div>div>ul>li.tel {
	width:200px;
	float:left;
	font-size:20px;
	letter-spacing:2px;
	margin-top:10px;
	line-height:18px;
}
	
header.top li.btn_facebook {
	width:25px;
	float:left;
	margin-left:80px;
	margin-right:5px;
	margin-top:6px;
}

header.top>div>div>ul>li.btn_facebook>a{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_facebook_w.png) no-repeat;
	background-size:100%;
	float:left;
}

header.top>div>div>ul>li.btn_facebook>a:hover{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_facebook_w.png)  no-repeat;
	background-size:100%;
	float:left;
}

header.top>div>div>ul>li.btn_twitter {
	width:25px;
	float:left;
	margin-right:10px;
	margin-top:6px;
}

header.top>div>div>ul>li.btn_twitter>a{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_twitter_w.png) no-repeat;
	background-size:100%;
	float:left;
}

header.top>div>div>ul>li.btn_twitter>a:hover{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_twitter_w.png) no-repeat;
	background-size:100%;
	float:left;
}

header.top>div>div>ul>li.btn_instagram {
	width:25px;
	float:left;
	margin-top:6px;
}

header.top>div>div>ul>li.btn_instagram>a{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_instagram_w.png) no-repeat;
	background-size:100%;
	float:left;
}

header.top>div>div>ul>li.btn_instagram>a:hover{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_instagram_w.png) no-repeat;
	background-size:100%;
	float:left;
}*/
	
/*nav*/

body>nav {
	display:none;
	/*
	width:90%;
	height:43px;
	margin:0 auto;
	padding-top:17px;
	*/
}
/*
ul#nav_global {
	width:100%;
}

ul#nav_global>li {
	float:left;
}

ul#nav_global>li>a {
	display:block;
	font-size:14px;
	font-family:'Quicksand', sans-serif;
	text-align:center;
	line-height:16px;
	letter-spacing:1px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

ul#nav_global>li>:hover {
	opacity:0.6;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

li#nav_01 {
	width:18%;
}

li#nav_02 {
	width:21%;
}

li#nav_03 {
	width:21%;
}

li#nav_04 {
	width:18%;
}

li#nav_05 {
	width:22%;
}

li#nav_05>a {
	width:100%;
	background-color:#000;
	color:#ffffff;
	padding:17px 0 11px 0;
	margin-top:-17px;
}

ul#nav_global>li#nav_05>a:hover {
	width:100%;
	background-color:#C8161E;
	opacity:1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

ul#nav_global>li>a>span {
	display:block;
	font-size:11px;
	text-align:center;
	letter-spacing:0.5px;
	color:#595757;
}

ul#nav_global>li#nav_05>a>span {
	display:block;
	font-size:11px;
	text-align:center;
	letter-spacing:0.5px;
	color:#ffffff;
}*/

/*footer*/
footer {
	width:100%;
	padding:0 0 20px 0;
	position:relative;
	border-bottom:10px #000 solid;
}

footer>div#totop {
	width:100%;
	max-width:100%;
	margin-bottom:20px;
}

footer>div#totop a {
	display:block;
	width:100%;
	height:50px;
	padding-top:30px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/totop.png) no-repeat center center #ffffff;
	background-size:17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

footer>div#totop a:hover {
	display:block;
	width:100%;
	height:50px;
	padding-top:30px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/totop.png) no-repeat center center #F5F5F5;
	background-size:17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

body>footer>div {
	width:80%;/*iphone*/
	margin:0 auto;
}

body>footer>div>p{
	width:100%;/*iphone*/
	float:none;/*iphone*/
	margin:30px 0 0 0;/*iphone*/
	font-family: 'Quicksand', sans-serif;
	font-size:11px;
	text-align:center;/*iphone*/
}

body>footer>div>p a {
	display: block;
	position:relative;
	margin: 50px auto 20px auto;
	width:75px;
	height:104px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/brand.jpg) no-repeat;
	background-size:100%;
	z-index:50;
}

body>footer>div>div {
	width:100%;/*iphone*/
	float:none;/*iphone*/
	text-align:center;/*iphone*/
}

body>footer>div>div>h1>a{
	display:block;
	width:90px;
	height:110px;
	float:none;/*iphone*/
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/footer_logo.png) no-repeat;
	background-size:100%;
	margin:0 auto;/*iphone*/
}

body>footer>div>div>div {
	font-family: 'Quicksand', sans-serif;
	margin:20px auto 0 auto;
	font-size:11px;
	line-height:18px;
}

body>footer>div>div>div>h2 {
	font-weight:normal;
	font-size:11px;
	text-align:center;/*iphone*/
}

body>footer>div>div>div>address {
	font-style:normal;
	font-size:11px;
	text-align:center;/*iphone*/
}

body>footer>div>div>div>p.tel {
	font-weight:normal;
	font-size:20px;
	margin:10px 0 10px 0;
	text-align:center;/*iphone*/
}

/************/
/*top*/
/************/

/*top visual*/
section#top_visual {
	width:100%;
	height:100%;
	z-index:-50;
	position:relative;
}

section#top_visual>p {
	position:absolute;
	top:50%;/*iphone*/
	left:50%;
	width:55px;/*iphone*/
	height:70px;/*iphone*/
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/top_copy_iphone.png) no-repeat;/*iphone*/
	background-size:100%;
	z-index:50;
	margin-top:-28px;/*iphone*/
	margin-left:-35px;/*iphone*/
}

section#top_visual> a {
	display: block;
	position:absolute;
	bottom:5%;
	right:5%;
	width:80px;
	height:112px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/brand.jpg) no-repeat;
	background-size:100%;
	z-index:50;
}


/*concept*/
section#concept {
	width:100%;
	overflow:hidden;
	background-color:#F5F4ED;
	padding:50px 0;
	position:relative;
}

section#concept>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#concept>h2 {
	width:200px;
	height:60px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/concept_h2_iphone.png) no-repeat;
	background-size:100%;
	margin:50px auto 5px auto;
	position:relative;
	z-index:100;
}

section#concept>h3 {
	font-size:10px;/*iphone*/
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:0px;/*iphone*/
	margin-bottom:20px;
	position:relative;
	z-index:100;
}

section#concept>p.pc {
	display:none;
	/*
	text-align:center;
	letter-spacing:1px;
	position:relative;
	z-index:100;
	*/
}

section#concept>p.iphone{
	width:80%;
	margin:0 auto;
	text-align:left;
	letter-spacing:1px;
	position:relative;
	z-index:100;
}

div.concept_left {
	width:275px;
	height:402px;
	position:absolute;
	top:-150px;
	left:-130px;/*iphone*/
	background:url(../images/concept_left.png) no-repeat;
	background-size:100%;
	z-index:50;
}

div.concept_right {
	width:350px;
	height:423px;
	position:absolute;
	bottom:0;
	right:0;
	margin-right:-100px;
	background:url(../images/concept_right.png) no-repeat;
	background-size:100%;
	z-index:50;
}

section#concept>a {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:50px auto 0 auto;
	padding-top:13px;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#concept>a:hover {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:50px auto 0 auto;
	padding-top:13px;
	color:#ffffff;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#000;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

/*top_information*/
section#top_information {
	width:100%;
	background-color:#FFFFFF;
	padding:50px 0;
	position:relative;
}

section#top_information>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#top_information>div {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto;
}

section#top_information>div>article {
	width:100%;/*iphone*/
	float:none;/*iphone*/
	margin-bottom:50px;/*iphone*/
}

section#top_information>div>article>a {
	width:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#top_information>div>article>a:hover {
	opacity:0.8;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#top_information>div>article>a>img {
	display:block;
	width:100%;
}

section#top_information>div>article>a>div {
	display:block;
	width:100%;/*iphone*/
	padding:0;/*iphone*/
}

section#top_information>div>article>a>div>h2 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin:10px 0 5px 0;
}

section#top_information>div>article>a>div>h3 {
	font-size:13px;
	font-weight:normal;
	line-height:18px;
}

section#top_information>a {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:50px auto 0 auto;
	padding-top:13px;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#top_information>a:hover {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:50px auto 0 auto;
	padding-top:13px;
	color:#ffffff;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#000;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#top_information>p {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

/*top_information nav_sns*/
ul#nav_sns_top_information {
	width:120px;
	margin:20px auto 0 auto;
	color:#000;
	font-family: 'Quicksand', sans-serif;
}

ul#nav_sns_top_information>li {
	font-size:22px;
	letter-spacing:2px;
}
	
ul#nav_sns_top_information li.btn_facebook {
	width:40px;
	float:left;
}

ul#nav_sns_top_information li.btn_facebook>a{
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_facebook_sub.png) no-repeat;
	background-size:100%;
	float:left;
}

ul#nav_sns_top_information li.btn_facebook>a:hover{
	opacity:0.5;
}

ul#nav_sns_top_information li.btn_twitter {
	width:40px;
	float:left;
}

ul#nav_sns_top_information li.btn_twitter>a{
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_twitter_sub.png) no-repeat;
	background-size:100%;
	float:left;
}

ul#nav_sns_top_information li.btn_twitter>a:hover{
	opacity:0.5;
}

ul#nav_sns_top_information li.btn_instagram {
	width:40px;
	float:left;
}

ul#nav_sns_top_information li.btn_instagram>a{
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_instagram_sub.png) no-repeat;
	background-size:100%;
	float:left;
}

ul#nav_sns_top_information li.btn_instagram>a:hover{
	opacity:0.5;
}

/************/
/*sub*/
/************/

/*header*/
header.sub {
	position:fixed;
	top:0;
	width:100%;
	height:30px;/*iphone*/
	margin:0;
	padding:25px 0;/*iphone*/
	background-color:#ffffff;
	z-index:500;
}

header.sub>div {
	width:90%;
	height:30px;/*iphone*/
	margin:0 auto;
}

header.sub>div>h1>a {
	display:block;
	width:118px;/*iphone*/
	height:30px;/*iphone*/
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/header_logo_b.png) bottom left no-repeat;
	background-size:118px;
	float:left;
}

header.sub>div>div {
	display:none;/*iphone*/
	/*
	width:373px;
	height:38px;
	float:right;
	font-family:'Quicksand', sans-serif;
	color:#2F2725;
	*/
}
/*
header.sub>div>div>p {
	font-size:11px;
	letter-spacing:2px;
	line-height:11px;
}

header.sub>div>ul>li {
	float:left;
}

header.sub>div>div>ul>li.tel {
	width:200px;
	float:left;
	font-size:20px;
	letter-spacing:2px;
	line-height:18px;
	margin-top:10px;
}
	
header.sub li.btn_facebook {
	width:25px;
	float:left;
	margin-left:80px;
	margin-right:5px;
	margin-top:6px;
}

header.sub>div>div>ul>li.btn_facebook>a{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_facebook_b.png) no-repeat;
	background-size:100%;
	float:left;
}

header.sub>div>div>ul>li.btn_facebook>a:hover{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_facebook_b.png)  no-repeat;
	background-size:100%;
	float:left;
}

header.sub>div>div>ul>li.btn_twitter {
	width:25px;
	float:left;
	margin-right:10px;
	margin-top:6px;
}

header.sub>div>div>ul>li.btn_twitter>a{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_twitter_b.png) no-repeat;
	background-size:100%;
	float:left;
}

header.sub>div>div>ul>li.btn_twitter>a:hover{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_twitter_b.png) no-repeat;
	background-size:100%;
	float:left;
}

header.sub>div>div>ul>li.btn_instagram {
	width:25px;
	float:left;
	margin-top:6px;
}

header.sub>div>div>ul>li.btn_instagram>a{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_instagram_b.png) no-repeat;
	background-size:100%;
	float:left;
}

header.sub>div>div>ul>li.btn_instagram>a:hover{
	display:block;
	width:25px;
	height:25px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/sns_instagram_b.png) no-repeat;
	background-size:100%;
	float:left;
}
*/

nav#subnav {
	display:none;/*iphone*/
	position:fixed;
	top:88px;
	width:100%;
	background-color:#ffffff;
	z-index:500;
}
/*
nav#subnav>ul {
	width:90%;
	margin:0 auto;
}
*/

/************/
/*onokouji*/
/************/
section#onokouji {
	padding:130px 0 0 0;
}
	
section#onokouji>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#onokouji>article {
	width:80%;
	max-width:900px;
	margin:50px auto 80px auto;/*iphone*/
}

section#onokouji>article>div>a {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:30px auto 0 0;
	padding-top:13px;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#onokouji>article>div>a:hover {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:30px auto 0 0;
	padding-top:13px;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#000;
	color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

div.onokouji_left {
	width:100%;/*iphone*/
	float:none;/*iphone*/
}

div.onokouji_left>h2 {
	font-family:'Quicksand', sans-serif;
	font-size:14px;/*iphone*/
	letter-spacing:1px;
	font-weight:normal;
}

div.onokouji_left>h2>span {
	display:block;
	width:30px;
	height:1px;
	border-bottom:1px #000 solid;
	margin:20px 0;/*iphone*/
}

div.onokouji_left>p {
	line-height:18px;
}

div.onokouji_right {
	width:100%;/*iphone*/
	float:none;/*iphone*/
	margin-top:20px;/*iphone*/
}

div.onokouji_right img {
	display:block;
}

/************/
/*recipe*/
/************/
section#recipe {
	padding:130px 0 0 0;/*iphone*/
}
	
section#recipe>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#recipe>p {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto 0 auto;
}

section#recipe>div {
	width:80%;/*iphone*/
	max-width:900px;
	margin:30px auto;
}

section#recipe>div>article {
	width:100%;/*iphone*/
	float:none;/*iphone*/
	margin-bottom:80px;/*iphone*/
}

section#recipe>div>article>img {
	display:block;
}

section#recipe>div>article>div {
	width:100%;/*iphone*/
	margin:0 auto;
}

section#recipe>div>article>div>h2 {
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px #000 solid;
}

section#recipe>div>article>div>h3 {
	font-size:10px;
	font-weight:normal;
	margin-bottom:10px;/*iphone*/
}

section#recipe>div>article>div>p {
	line-height:24px;
}

/************/
/*information*/
/************/
section#information {
	padding:130px 0 0 0;/*iphone*/
}

section#information>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#information>p {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto 0 auto;
}

section#information>div {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto;
}

section#information>div>article {
	width:100%;/*iphone*/
	float:none;/*iphone*/
	margin-bottom:50px;
}

section#information>div>article>a {
	width:100%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#information>div>article>a:hover {
	opacity:0.6;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

section#information>div>article>a>img {
	display:block;
	width:100%;
}

section#information>div>article>a>div {
	display:block;
	width:100%;/*iphone*/
	padding:0;/*iphone*/
}

section#information>div>article>a>div>h2 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin:10px 0 5px 0;
}

section#information>div>article>a>div>h3 {
	font-size:13px;
	font-weight:normal;
	line-height:18px;
	min-height:60px;
}

/************/
/*information single*/
/************/
article.info_single {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto;
}

article.info_single>div {
	margin-top:30px;
}
	
div.info_single_left {
	width:100%;/*iphone*/
	float:none;/*iphone*/
	margin-bottom:20px;/*iphone*/
	padding-bottom:20px;/*iphone*/
	border-bottom:1px #000 solid;/*iphone*/
}

div.info_single_left>h2 {
	font-size:13px;
	font-weight:normal;
}

div.info_single_left>a {
	display:block;
	font-size:10px;
	font-weight:normal;
	color:#7AC0C9;
	margin-top:20px;
	line-height:15px;
}

div.info_single_left>a:hover {
	display:block;
	font-size:10px;
	font-weight:normal;
	color:#7AC0C9;
	margin-top:20px;
	text-decoration:underline;
	line-height:15px;
}


div.info_single_right {
	width:100%;/*iphone*/
	float:none;/*iphone*/
}

div.info_single_right p {
	margin-bottom:20px;
}

/*paging*/
nav.paging {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto;
}

nav.paging>a.previous {
	display:block;
	width:75px;
	height:40px;
	float:left;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_previous.png) no-repeat;
	background-size:100%;
}

nav.paging>a.next {
	display:block;
	width:75px;
	height:40px;
	float:right;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_next.png) no-repeat;
	background-size:100%;
}

nav.paging .disabled {
  display:none;
}

/************/
/*contact*/
/************/
section#contact {
	padding:130px 0 0 0;/*iphone*/
}

section#contact>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#contact>p {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto 0 auto;
}

section#contact>div {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto;
}

article.form_left {
	width:100%;/*iphone*/
	float:none;/*iphone*/
}

article.form_right {
	width:100%;/*iphone*/
	float:none;/*iphone*/
}

section#contact article>h2 {
	font-size:13px;
	font-weight:normal;
}

section#contact dl {
	margin-bottom:30px;
}

section#contact dd>input,section#contact dd.confirm {
	border:none;
	border-bottom:1px #cccccc solid;
	width:100%;
	margin:0 auto;
}

section#contact dd.zip>input {
	width:50px;
}

section#contact textarea {
	width:100%;
}

input.confirm_btn {
	display:block;
	width:200px;
	height:50px;
	border-radius:25px;
	margin:50px auto 0 auto;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

input.confirm_btn:hover {
	display:block;
	width:200px;
	height:50px;
	border-radius:25px;
	margin:50px auto 0 auto;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	cursor:pointer;
	background-color:#000;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

input.back_btn {
	display:block;
	width:200px;
	height:50px;
	border-radius:25px;
	margin:50px auto 0 auto;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

input.back_btn:hover {
	display:block;
	width:200px;
	height:50px;
	border-radius:25px;
	margin:50px auto 0 auto;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	cursor:pointer;
	background-color:#000;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

input.send_btn {
	display:block;
	width:200px;
	height:50px;
	border-radius:25px;
	margin:50px auto 0 auto;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

input.send_btn:hover {
	display:block;
	width:200px;
	height:50px;
	border-radius:25px;
	margin:50px auto 0 auto;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	color:#ffffff;
	letter-spacing:1px;
	text-align:center;
	cursor:pointer;
	background-color:#000;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}



p.complete {
	text-align:center;
}

/************/
/*privacy*/
/************/
section#privacy {
	padding:130px 0 0 0;/*iphone*/
}

section#privacy>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#privacy>div {
	width:80%;/*iphone*/
	max-width:900px;
	margin:50px auto;
}

#privacy dt {
	font-size:16px;
	font-weight:400;
	border-bottom:1px #cccccc dotted;
	padding-bottom:5px;
	margin-top:50px;
	margin-bottom:10px;
}

#privacy dd {
	margin-bottom:10px;
}

/************/
/*law*/
/************/
section#law {
	padding:198px 0 0 0;
}

section#law>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#law>div {
	width:90%;
	max-width:900px;
	margin:50px auto;
}

#law dt {
	font-size:16px;
	font-weight:400;
	border-bottom:1px #cccccc dotted;
	padding-bottom:5px;
	margin-top:50px;
	margin-bottom:10px;
}

#law dd {
	margin-bottom:10px;
}









/************/
/*online store*/
/************/
section#store {
	padding:130px 0 0 0;
	
}
	
section#store>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#store>p {
	width:80%;
	max-width:900px;
	margin:50px auto 30px auto;
	padding-right:10%;
	position:relative;
}

a#cart_btn {
	display:none;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/cart.png) no-repeat;
	background-size:40px;
	position:absolute;
	top:10px;
	right:0;
}

a#cart_btn:hover {
	opacity:0.8;
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/cart.png) no-repeat;
	background-size:40px;
	position:absolute;
	top:10px;
	right:0;
}

section#store>div {
	width:90%;
	max-width:900px;
	margin:30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section#store>div>article {
	width:49%;
	margin-bottom:50px;
}

section#store>div>article:nth-child(even) {
	margin-right:0;
}

section#store>div>article>a {
	display:block;
}

section#store>div>article>a:hover {
	opacity:0.8;
}

section#store>div>article>a>img {
	display:block;
}

section#store>div>article>a>div {
	width:90%;
	margin:0 auto;
}

section#store>div>article>a>div>h2 {
	font-family:'Quicksand', sans-serif;
	font-size:13px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px #000 solid;
	text-align:center;
	letter-spacing:2px;
	
}

section#store>div>article>a>div>p {
	font-size:13px;
	text-align:center;
}

section#store>div>article>a>div>p>span {
	font-size:10px;
}


/*store-single*/
section#store_single {
	padding:130px 0 0 0;
}

section#store_single>h1 {
	width:200px;
	height:25px;
	background:url(../images/title_icon.png) no-repeat center top;
	background-size:16px;
	font-size:16px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:0 auto;
	padding-top:35px;
	position:relative;
	z-index:100;
}

section#store_single>p {
	width:80%;
	max-width:900px;
	margin:50px auto auto;
	position:relative;
	height:50px;
}

section#store_single>div {
	width:80%;
	max-width:900px;
	margin:30px auto;
}


div.detail_left {
	width:100%;
	float:none;
}

div.detail_right {
	width:100%;
	float:none;
}

div.detail_right>h2 {
	font-family:'Quicksand', sans-serif;
	font-size:13px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0px;
	letter-spacing:2px;
	
}

div.detail_right>h3 {
	font-size:10px;
	font-weight:normal;
	margin-bottom:10px;
}

div.detail_right>p.desc {
	margin-bottom:30px;
}

div.detail_right>p.price {
	border-bottom:1px #000 solid;
	padding-bottom:5px;
	margin-bottom:5px;
}

div.detail_right>ul {
	font-size:10px;
	line-height:20px;
	margin-bottom:30px;
}

p.amount {
	margin-bottom:30px;
}

div.detail_right>a {
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center;
	background-color:#000;
	color:#ffffff;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

div.detail_right>a:hover {
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center;
	background-color:#C8161E;
	color:#ffffff;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}




/*term*/
.section__title-h2 {
	font-size:18px;
	font-weight:normal;
	border-bottom:1px #cccccc dotted;
}

.shop-info-list__title {
	font-weight:600;
}

.shop-info-list__note {
	margin-bottom:10px;
}







div#iphone_nav {
	display:block;
}

ul.drawer-menu {
	font-family: 'Quicksand', sans-serif;
	font-size:13px;
	line-height:15px;
	margin-top:30px;
}

ul.drawer-menu span {
	display:block;
	font-family:"中ゴシックBBB", "メイリオ", "NotoSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
}

ul.drawer-menu li.sepa {
	width:10px;
	border-bottom:1px #000 solid;
	margin:15px 0;
}

ul#nav_sns_foriphone {
	width:100%;
	margin:20px auto 0 0;
	padding-top:15px;
	color:#000;
	font-family: 'Quicksand', sans-serif;
	border-top:1px #000 solid;
}

ul#nav_sns_foriphone>li {
	font-size:22px;
	letter-spacing:2px;
}
	
ul#nav_sns_foriphone li.btn_facebook {
	width:40px;
	float:left;
}

ul#nav_sns_foriphone li.btn_facebook>a{
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_facebook_sub.png) no-repeat;
	background-size:100%;
	float:left;
}

ul#nav_sns_foriphone li.btn_facebook>a:hover{
	opacity:0.5;
}

ul#nav_sns_foriphone li.btn_twitter {
	width:40px;
	float:left;
}

ul#nav_sns_foriphone li.btn_twitter>a{
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_twitter_sub.png) no-repeat;
	background-size:100%;
	float:left;
}

ul#nav_sns_foriphone li.btn_twitter>a:hover{
	opacity:0.5;
}

ul#nav_sns_foriphone li.btn_instagram {
	width:40px;
	float:left;
}

ul#nav_sns_foriphone li.btn_instagram>a{
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/btn_instagram_sub.png) no-repeat;
	background-size:100%;
	float:left;
}

ul#nav_sns_foriphone li.btn_instagram>a:hover{
	opacity:0.5;
}


/************/
/*onokoujicafe 2018.04.08*/
/************/
section#onokoujicafe {
	padding:130px 0 0 0;
}

section#onokoujicafe>h1 {
	display:block;
	width:225px;
	height:80px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/title_cafe.png) no-repeat;
	background-size:100%;
	margin: 0 auto 50px auto;
}

div#cafe_header {
	width: 80%;
	margin: 0 auto;
}

div.cafe_header_left {
	width: 100%;
	float: none;
}

div.cafe_header_left p {
	margin-bottom: 30px;
}

div.cafe_header_left>a {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:30px auto 0 auto;
	padding-top:13px;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

div.cafe_header_left>a:hover {
	display:block;
	width:200px;
	height:37px;
	border-radius:25px;
	margin:30px auto 0 auto;
	padding-top:13px;
	font-family:'Quicksand', sans-serif;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	background-color:#000;
	color:#ffffff;
	border:1px #000 dashed;
	position:relative;
	z-index:100;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	-webkit-font-smoothing: antialiased;
}

div.cafe_header_right {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

div#cafe_menu {
	width: 80%;
	max-width: 1024px;
	margin: 0 auto;
	position: relative;
}

div#cafe_menu>h1 {
	width: 100px;
	font-size:14px;
	font-family:'Quicksand', sans-serif;
	font-weight:normal;
	text-align:center;
	letter-spacing:2px;
	margin:50px auto 0 auto;
	padding:10px 20px;
	background-color: #fff;
	position:relative;
	z-index:100;
}

div#cafe_menu>span {
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px #000 solid;
	margin-top: -20px;
	margin-bottom: 50px;
}

div#cafe_menu>div>article {
	width: 100%;
	height: auto;
	margin:0 auto 80px auto;
	float: none;
}

div#cafe_menu>div>article>img {
	display: block;
	width:80%;
	margin: 0 auto;
}

div#cafe_menu>div>article>div.cafe_title {
	margin: 10px 0;
}

div#cafe_menu>div>article>div.cafe_title>h2 {
	width: 100%;
	float: none;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px #000 solid;
}

div#cafe_menu>div>article>div.cafe_title>h2>span {
	display:block;
	width:75%;
	margin: 0 auto;
}

div#cafe_menu>div>article>div.cafe_title>h3 {
	width:100%;
	float: none;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
}

div#cafe_menu>div>article>p {
	font-size: 12px;
	line-height: 20px;
}