/*----------Barilla Css -----------*/
/* CSS Document */

@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }/*for under HTML5*/
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/*
::-moz-selection {  text-shadow: none; }
::selection {  text-shadow: none; }
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html { 
	font-size: 100%; 
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
em {
	font-style:normal;
}


/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT:
*/





/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
* {
	padding:0;
	margin:0;	
}
html {
	min-height: 100%;
}
body {
	font-family:"Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
	font-size:14px;
	line-height:20px;
	color:#777;
	padding:0;
	margin:0;
	min-height:100%;
}

/* Text elements */
p {
	background: url(/img/p_bg.gif);
	margin-bottom: 20px;
}
ul {
	list-style:none;
	margin:0;
}
ol {
	margin:0;
}
dl {

}
dt {

}
dd {

}
b, strong { font-weight: bold; }

cite,
em,
i {
	font-style:normal;
}
ins {
	text-decoration: none;
}
blockquote {
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
}
abbr,
acronym {
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
input[type="email"],
textarea {
	display:block;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 7px;
}
a:link {
	text-decoration:none;
}
a:visited {

}
a:active,
a:hover {
	text-decoration:none;
}
a:visited{
}
a:focus { outline:none; }
a:hover, a:active { outline: 0; }
a img{
}




hr {display:none;}

section {
	float:none;
	clear:both;
	position:relative;
	overflow:hidden;
	min-height: 1em;
}


/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

/* HTML5 FIX */

abbr[title] { }

blockquote { margin:0; }
dfn { font-style: italic; }
ins {  text-decoration: none; }
mark {  font-style: italic; font-weight: bold; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; border:none; }
button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {  }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {  }

table { border-collapse:collapse; }
td { }

.chromeframe { margin: 0.2em 0;  color: black; padding: 0.2em 0; }

@media only screen and (min-width: 35em) {
  
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media screen and (min-width: 981px) and (min-height: 616px) {
}

/*---------- Basement CSS --------------*/
* {
	margin:0;
	padding:0;
	color:#103770;
}

body {
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(/img/bg.png);
}
a {
	text-decoration:none;
}
a:link {
	color:#103770;
}
a:visited {
	color:#103770;
}
a:hover {
	color:#d10312;
}
a:active {
	color:#103770;
}
a:hover img{

}
em {
	font-style:normal;
}


h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
}

li {
list-style-type: none;

}

img {
	border:0;
}
hr {
	display:none;
}
p, li {
	text-align:justify;
	text-justify:inter-ideograph;
	color:#103770;
}


.float-left {
	float:left;
}

.float-right {
	float:right;
}


/*---------- Structure CSS --------------*/

#frame {
	text-align:center;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
	min-height:100%;
}
.inside {
	margin:0 auto;
	width:960px;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
}
.top_up {
	position:fixed;
	bottom:25px;
	right:25px;
	margin:0;
	overflow:hidden;
	float:none;
	clear:both;
	z-index:9999;
}
.top_up a{
	float:right;
	display:block;
	width:40px;
	height:40px;
	background:url(/img/to_top.png) left top no-repeat;
	font-size:0;
	line-height:0;
	text-indent:100%;
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
}
.top_up a:hover{
	background:url(/img/to_top.png) left bottom no-repeat;	
}
.img_box {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
.img_box img{
	margin:0 auto;
}
.sp {
	display:none !important;
}
.pc {
	display:block !important;
}


/* #header */

#header {
	line-height:0;
	font-size:0;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	background:url(/img/header_bg.png) center top repeat-x;
	z-index:9999;
}
#header .inside{
	height:100px;	
}
#header #logo{
	position:absolute;
	left:0;
	top:30px;
}
#header #menu_btn {
	width:500px;
	position:absolute;
	left:440px;
	top:37px;
	overflow:hidden;
	float:none;
	clear:both;
}
#header #menu_btn li{
	float:left;
	width:auto;
	margin:0 30px 0 0;
}
#header #menu_btn a{
	height:32px;
	display:block;
	overflow:hidden;
}
#header #menu_btn a:hover img{
	margin:-32px 0 0;
}
#header #sns_btn {
	width:94px;
	position:absolute;
	right:0;
	top:35px;
	overflow:hidden;
	float:none;
	clear:both;
}


#header #sns_btn li{
	float:left;
	width:auto;
	margin:0 0 0 10px;
}
#header #sns_btn a{
	height:37px;
	display:block;
	overflow:hidden;
}
#header #sns_btn a:hover img{
	margin:-37px 0 0;
}


/* #footer */

#footer {
	line-height:0;
	font-size:0;
	bottom:0;
	position:absolute;
	width:100%;
	background:url(/img/footer_bg.png) center bottom repeat-x;
}
#footer #footer_fb{
	background:url(/img/footer_fb_bg.png) center top repeat-x;
}
#footer #footer_fb .inside{
	height:auto;
	padding:13px 0;
}
#footer #footer_fb a{
	display:inline-block;
	margin:0 30px 0 0;
}
#footer #footer_fb a:hover{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
#footer #footer_fb .fb-like{
	margin:3px 0 0;
	overflow:hidden;
}

#footer .inside{
	height:75px;
	text-align:center;
}
#footer .inside p{
	text-align:center;
	font-size:12px;
	line-height:14px;
	padding:15px 0 0;
}
#footer .inside p a{
	margin:0 0 0 10px;
}
#footer .inside p a img{
	vertical-align:-10px;
}

/* top */

#visual {
	margin:20px 0 0;	
}

#howto {
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
	padding:30px 0 0;
}
#howto h2 {
	margin:0 0 35px;
}
#howto ul {
	width:1200px;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
}
#howto ul li{
	float:left;
	width:auto;
	margin:0 30px 0 0;
	position:relative;
	padding:20px;
	width:260px;
	height:265px;
	border-radius:5px;
	background:rgba(13,55,113,0.05);
}
#howto ul li img.pc{
	margin:0 0 10px 0;
}
#howto ul li p{
	color:#ce051c;
	font-size:14px;
	line-height:24px;
	word-break:break-all;
	text-justify:inter-ideograph;
	text-align:justify;
}

#about {
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
	margin:0 0 30px;
}
#about p{
	position:absolute;
	left:385px;
	top:210px;
	width:575px;
	color:#ce051c;
	font-size:16px;
	line-height:26px;	
}

#top_banner {
	margin:0 0 90px;
}
#top_banner a {
	display:block;
	height:149px;
	overflow:hidden;
}
#top_banner a.banner_barilla {
	margin:0 auto 50px;
}
#top_banner a img{
	display:block;
	margin:0 auto;	
}
#top_banner a:hover img{
	margin:-149px auto 0;	
}
#top_banner a.banner_barilla:hover img{
	margin:-150px auto 0;	
}

#middle_banner {
	margin:10px 0 0;
}
#middle_banner a {
	display:block;
	height:138px;
	overflow:hidden;
}
#middle_banner a img{
	display:block;
	margin:0 auto;	
}
#middle_banner a:hover img{
	margin:-138px auto 0;	
}





#shoplist {
	position:relative;
	padding:60px 0 47px;
}

#shoplist #shops_map {
	position:absolute;
	right:185px;
	top:255px;
}

#shoplist h3{
	margin:0 0 10px;
	
}

#shoplist p{
	text-align:center;
	color:#ce051c;
	font-size:12px;
	line-height:21px;
}
#shoplist .shoplinks{
	color:#17386d;
	text-align:left;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 13px 30px;
}
#shoplist .shoplinks .no_link{
	color:#525252;
}
#shoplist .shoplinks strong{
	margin:0 0px 0 0;
}
#shoplist .shoplinks .frasl{
	margin:0 7px;
}




#googlemap {
	padding:48px 0 22px;
	background:url(/img/top/googlemap.png) center top no-repeat;
	margin:0 0 40px;
}
#googlemap a{
	display:inline-block;
	overflow:hidden;
	height:40px;
	margin:0 10px;
}
#googlemap a:hover img{
	margin:-40px 0 0;
}







/* Details */

/* #contents_header */ 
#contents_header {
	margin:100px 0 40px;
	width:100%;
	background:url(/img/recipe_each/shop_name.png) center bottom repeat-x;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
}

#contents_header nav {
	padding:13px 0 0;
}
#contents_header nav li.prev{
	float:left;
	width:auto;
}
#contents_header nav li.next{
	float:right;
	width:auto;
}
#contents_header nav li a {
	display:block;
	height:22px;
	overflow:hidden;
}
#contents_header nav li a:hover img {
	margin:-22px 0 0;
}

#contents_header h1 {
	color:#d10312;
	font-size:20px;
	font-weight:bold;
	line-height:26px;
	padding:15px 0 35px;
}
#contents_body {
	padding:0 0 187px;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;	
}
#home #contents_body {
	margin:100px 0 0;
}

/* #chef_recommend */

#chef_recommend {
	text-align:center;
}
#chef_recommend img{
	margin:0 auto;
}

/* #shop_link */

#shop_link {
	float:none;
	clear:both;
	margin:0 0 25px;
}
#shop_link a{
	display:block;
	margin:0 auto;
	background:url(../img/recipe_each/bt_learn_more.png) left top no-repeat;
	width:382px;
	height:40px;
}
#shop_link a{background-position:0px 0px; }
#shop_link a:hover{background-position:0px -40px; }
#shop_link span {
	display:none;
}

/* #shop_ribbon */

#ribbon {
	background:url(../img/recipe_each/recipe_title.png) center top no-repeat;
	height:104px;
	font-size:16px;
	color:#FFF;
	margin:50px 0 30px;
}
#ribbon h3{
	padding:13px 0 0;
	font-size:16px;
	line-height:21px;
	font-weight:bold;
	color:#103770;
}



/* #menu_title */

#menu_title{
	background:url(/img/recipe_each/menu_line_nose.png) center top no-repeat;
	padding:20px 0 0;
	margin:0 0 25px;
}	
#menu_title h4{
	font-size:21px;
	line-height:27px;
	color:#d10312;
	padding:0 0 20px;
	font-weight:bold;
	background:url(/img/recipe_each/menu_line_nose.png) center bottom no-repeat;
}


/* #recipe_photo */

#recipe_photo {
	float:none;
	clear:both;
	position:relative;
	margin:35px auto;
	text-align:center;
}
#recipe_photo img{
	width:324px;
}

#time {
	margin:0 0 15px;
}
#time.none {
	display:none;
}
.term {
	text-align:center;
	color:#17386d;
}

/* #comments */
#comments_title {
	margin:35px 0 0;
}
#comments_title img{
	margin:0 auto;
	display:block;
}
#comments {
	background:url(../img/recipe_each/chef_comment_body.png) center top repeat-y;
}
#comments p{
	font-size:12px;
	color:#113770;
	text-align:left;
	margin:0 82px;
	min-height:63px;
	line-height:21px;
}
#comments p strong{
	margin:0;
	font-weight:normal !important;
	white-space:nowrap;
}

/* #ingredients */

#ingredients p{
	font-size:12px;
	color:#113770;
	text-align:left;
	line-height:21px;
	margin:0 82px;
}


/* #how_to_make */

#how_to_make {
	margin:0 82px;
}
#how_to_make li{
	list-style-type:none;
	font-size:12px;
	color:#113770;
	text-align:left;
	padding:0 0 0 33px;
	position:relative;
	margin:0 0 16px;
	line-height:21px;
}
#how_to_make li em{
	display:block;
	width:44px;
	position:absolute;
	left:0;
	top:0;
}



/* #point */

#point_gawa{
	background:url(../img/recipe_each/point_middle.png) center top repeat-y;
}
#point {
	min-height:63px;
	margin:0 82px;
}
#point li{
	list-style-type:none;
	font-size:12px;
	color:#113770;
	text-align:left;
	line-height:21px;
	padding:0 0 0 12px;
	position:relative;
}
#point li em{
	display:block;
	width:12px;
	position:absolute;
	left:0;
	top:0;
}


#ochiai {
	background:rgba(25,56,111,0.05);
	border-radius:6px;
	padding:40px 50px;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
	margin:0 0 120px;
}
#ochiai .info{
	float:left;
	width:593px;
}
#ochiai .info p{
	font-size:16px;
	line-height:1.8;
}
#ochiai .thumb{
	float:right;
	width:240px;
}
#ochiai h6{
	position:absolute;
	left:50px;
	bottom:40px;
	width:auto;
	margin:0;
}
#ochiai img{
	display:block;
}







@media screen and (max-width: 640px){
body {
	background:url(/img/sp/bg.jpg);
	background-size:100% auto;
}
.sp {
	display:block !important;
}
.pc {
	display:none !important;
}
.inside {
	width:auto;
	margin:0 3%;
}
.top_up {
	position:fixed;
	bottom:20px;
	left:auto;
	right:3%;
	margin:0;
	overflow:hidden;
	float:none;
	clear:both;
	z-index:99999;
	width:9.666666666666667%;
}
.top_up a{
	width:100%;
	height:auto;
	padding:100% 0 0;
	background:url(/img/sp/to_top.png) left top no-repeat;
	background-size:100% auto;
}
.top_up a:hover{
	background:url(/img/sp/to_top.png) left top no-repeat;
	background-size:100% auto;
}

/* #header */

#header {
	line-height:0;
	font-size:0;
	background:rgba(255,255,255,0.95) url(/img/sp/header_bg.png) center bottom repeat-x;
	background-size:100% auto;
	margin:0;
	overflow:visible;
}
#header .inside{
	height:auto;
	padding:5% 0;
	overflow:visible;
	margin:0;
}
#header #logo{
	position:relative;
	left:auto;
	top:auto;
	text-align:left;
	width:78.90625%;
	margin:0 3%;
}
#header #logo img{
	width:100%;
}

#sp_menu_btn{
	width:8.90625%;
	position:absolute;
	right:3%;
	top:25%;
	z-index:999;
}
#sp_menu_btn img{
	width:100%;
}
#header #menu_btn a:hover img{
	margin:0;
}
#sp_menu_btn img.close{
	display:none;
}
#sp_menu_btn.open img.open{
	display:none;
}
#sp_menu_btn.open img.close{
	width:100%;
	display:block;
}

#header #menu_btns {
	position:absolute;
	top:100%;
	display:none;
	z-index:9999;
	background:#FFF;
}
#header #menu_btn {
	width:auto;
	position:relative;
	left:auto;
	top:auto;
}
#header #menu_btn li{
	float:none;
	clear:both;
	width:auto;
	margin:0;
}
#header #menu_btn li a{
	height:auto;
}
#header #menu_btn li img{
	width:100%;
}
#header #sns_btn {
	width:auto;
	position:relative;
	right:auto;
	top:auto;
	overflow:hidden;
	float:none;
	clear:both;
	background:#113770;
}
#header #sns_btn li{
	float:none;
	clear:both;
	width:15%;
	margin:0 1% 0;
	display:inline-block;
}
#header #sns_btn li a{
	height:auto;
}
#header #sns_btn li img{
	width:100%;
}
#header #sns_btn a:hover img{
	margin:0;
}


/* #footer */

#footer {
	line-height:0;
	font-size:0;
	position:relative;
	background:url(/img/sp/footer_bg.png) center bottom no-repeat;
	background-size:100%;
	bottom:auto;
}
#footer #footer_fb{
	background:url(/img/footer_fb_bg.png) center top repeat-x;
	background-size:auto 100%;
}
#footer #footer_fb .inside{
	height:auto;
	padding:0 0 4%;
}
#footer #footer_fb a{
	display:block;
	margin:0 auto;
	padding:4% 0;
}
#footer #footer_fb a img{
	width:86.66666666666667%;
	margin:0 auto;	
}

#footer #footer_fb .fb-like{
	margin:3px 0 0;
	overflow:hidden;
}
#footer .inside{
	height:auto;
}
#footer .inside p{
	padding:3% 0 4%;
	font-size:0.7rem;
	line-height:1;
}
#footer .inside p a{
	display:none;
}

#contents_header {
	background:url(/img/sp/recipe_each/shop_name.png) center bottom no-repeat;
	background-size:100% auto;
	margin:0 0 6.25%;
}


/* top */

#visual {
	margin:0;	
}
#visual img{
	width:100%;
}

#howto {
	padding:9% 0 0;
}
#howto h2 {
	margin:0 3% 3%;
}
#howto h2 img{
	width:100%;
}
#howto ul {
	width:auto;
	margin:0 3%;
}
#howto ul li{
	float:none;
	clear:both;
	width:auto;
	margin:0 0 3% 0;
	padding:6% 5%;
	height:auto;
	border-radius:5px;
	background:rgba(13,55,113,0.05);
}
#howto ul li img{
	width:100%;
	display:block;
	margin:0 0 5%;
}
#howto ul li p{
	width:auto;
	position:relative;
	left:auto;
	top:auto;
	font-size:0.75rem;
	line-height:1.6;
}

#about {
	padding:6% 0 0;
	margin:0 3%;
}
#about h2 {
	margin:0 0 0%;
}
#about img{
	width:100%;
	margin:0 0 3%;
}
#about p{
	position:relative;
	left:auto;
	top:auto;
	width:auto;
	font-size:0.85rem;
	line-height:1.8;
	margin:0 3%;	
}

#top_banner {
	margin:6.25% 3% 14.3125%;
}
#top_banner a {
	height:auto;
}
#top_banner a.banner_barilla {
	margin:0 0 4.833333333333333%;
}
#top_banner a img{
	max-width:100%;
	width:100%;
}
#top_banner a:hover img{
	margin:0;	
}
#top_banner a.banner_barilla:hover img{
	margin:0;	
}

#middle_banner {
	margin:0 3% 0 1.5%;
}
#middle_banner a {
	height:auto;
}
#middle_banner a img{
	max-width:100%;
	width:100%;
}
#middle_banner a:hover img{
	margin:0;	
}




#shoplist {
	margin:0 3% 20px;
	padding:11% 0 0;
}
#shoplist h2{
	margin:0 0 6%;
}
#shoplist img{
	width:100%;
	margin:0 0 6%;
}



#shoplist #shops_map {
	display:none;
}
#shoplist p{
	text-align:center;
	font-size:12px;
	line-height:21px;
	display:none;
}

#shoplist h3{
	margin:0 0 2%;
	position:relative;
}
#shoplist h3 img{
	margin:0;
}
#shoplist h3:after{
	position:absolute;
	right:3%;
	top:50%;
	content:"";
	background:url(/img/sp/top/h3_arrow.png) left top no-repeat;
	background-size:100%;
	width:4.5%;
	height:16.16161616161616%;
	display:block;
	overflow:hidden;
	margin:-1.5% 0 0;
	transition:-webkit-transform 1s;
	transform: rotateX(0deg);
}
#shoplist h3.open:after{
	background:url(/img/sp/top/h3_arrow.png) left top no-repeat;
	background-size:100%;
	transition:-webkit-transform 1s;
	transform: rotateX(180deg);
}
#shoplist .shoplinks{
	font-size:12px;
	line-height:21px;
	display:none;
	margin:0;
	padding:0 0 6%;
	-webkit-backface-visibility:hidden;
}
#shoplist .shoplinks strong{
	margin:0 0 2%;
	display:block;
}
#shoplist .shoplinks a{
	margin:0 0 3%;
	display:block;
	line-height:1.2;
}
#shoplist .shoplinks .no_link{
	margin:0 0 3%;
	display:block;
	line-height:1.2;
}
.frasl {
	display:none;
}

#googlemap {
	display:none;
}









/* #shop_link */

#sp_shop_link {
	background:#fff;
	float:none;
	clear:both;
	margin:0 0 3%;
}
#sp_shop_link a{
	display:block;
	margin:0 auto;
}
#sp_shop_link img {
	width:100%;
	display:block;
}
#shop_link a:hover{background:none; }

#contents_header {
	margin-top:18.8%;
}
#contents_header nav {
	background:#fff;
	position:relative;
	overflow:hidden;
	float:none;
	clear:both;
	padding:3% 0;
}
#contents_header nav li.prev{
	float:left;
	width:31.16666666666667%;
}
#contents_header nav li.next{
	float:right;
	width:31.16666666666667%;
}
#contents_header nav li img {
	width:100%;
}
#contents_header nav li a {
	height:auto;
}
#contents_header nav li a:hover img {
	margin:0;
}
#contents_header h1 {
	color:#d10312;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1.4;
	padding:3% 0 10%;
}



#contents_body {
	padding:0 0 6%;
}
#home #contents_body {
	margin-top:18%;
}
#contents_body .inside{
	margin:0;
	overflow:visible;
}


.img_box {
	text-align:center;
	margin:0 3%;
}
.img_box img{
	width:100%;
}



/* #shop_ribbon */

#ribbon {
	background:url(/img/sp/recipe_each/recipe_title.png) center top no-repeat;
	background-size:100% auto;
	height:auto;
	font-size:0;
	margin:6.25% 2%;
}
#ribbon h3{
	padding:3.7% 0 12%;
	font-size:0.8rem;
	line-height:1.4;
	font-weight:normal;
}
#ribbon h3.thick_line{
	padding:2.5% 0 12%;
	font-size:0.75rem;
	line-height:1.3;
}
#recipe_61 #ribbon h3{
	font-size:0.72rem;
}
#recipe_61 #ribbon h3 .letter_sapcing {
	letter-spacing:-0.6px;	
}

/* #menu_title */

#menu_title{
	background:url(/img/recipe_each/menu_line_nose.png) center top no-repeat;
	background-size:100% auto;
	padding:20px 0 0;
	margin:0 3% 6%;
}	
#menu_title h4{
	font-size:1.15rem;
	line-height:1.3;
	padding:0 0 20px;
	background:url(/img/recipe_each/menu_line_nose.png) center bottom no-repeat;
	background-size:100% auto;
}


/* #recipe_photo */

#recipe_photo {
	float:none;
	clear:both;
	position:relative;
	margin:10% 0;
	text-align:center;
}
#recipe_photo img{
	width:100%;
}

#time {
	margin:0 0 3%;
}
.term {
	font-size:0.8rem;
	text-align:center;
	color:#17386d;
}

/* #comments */
#comments_title {
	margin:10% 3% 0;	
}
#comments {
	background:url(/img/sp/recipe_each/chef_comment_body.png) center top repeat-y;
	background-size:100% auto;
	margin:0 3%;
	padding:0 6%;
}
#comments p{
	font-size:0.8rem;
	margin:0;
	min-height:1px;
	line-height:1.6;
	text-align:justify;
	text-justify:inter-ideograph;
}
#comments p span{
}
#comments p strong{
}

/* #ingredients */

#ingredients p{
	font-size:0.8rem;
	color:#113770;
	text-align:left;
	line-height:1.6;
	margin:0 9%;
	text-justify:inter-ideograph;
	text-align:justsify;
}


/* #how_to_make */

#how_to_make {
	margin:0 9%;
}
#how_to_make li{
	list-style-type:none;
	font-size:0.8rem;
	color:#113770;
	text-align:left;
	padding:0 0 0 1.8rem;
	position:relative;
	margin:0 0 6%;
	line-height:1.6;
}
#how_to_make li em{
	display:block;
	position:absolute;
	left:0;
	top:0;
	letter-spacing:2px;
}



/* #point */

#onepoint_title {
	margin:0;	
}
#point_gawa{
}
#point {
	background:url(/img/sp/recipe_each/point_middle.png) left top repeat-y;
	background-size:100% auto;
	min-height:1px;
	margin:0 3%;
	padding:0 6%;
}
#point li{
	font-size:0.8rem;
	line-height:1.6;
	padding:0 0 0 0.9rem;
	margin:0 0 3%;
}
#point li:last-child{
	margin:0;	
}
#point li em{
	position:absolute;
	left:0;
	top:0;
}


#ochiai {
	padding:6%;
	margin:4.6875% 3% 15%;
}
#ochiai .info{
	float:left;
	width:56.60377358490566%;
}
#ochiai .info p{
	font-size:0.6rem;
	line-height:1.2;
	font-weight:normal;
}
#ochiai .thumb{
	float:right;
	width:40.37735849056604%;
}
#ochiai .thumb img{
	width:100%;
}
#ochiai h6{
	position:relative;
	left:auto;
	bottom:auto;
	width:auto;
	margin:0;
	clear:both;
	padding:3% 0 0;
}
#ochiai h6 img{
	width:90%;
}

}


@media screen and (max-width: 375px){
#ribbon h3{
	padding:4% 0 12%;
}
#ribbon h3.thick_line{
	padding:3.25% 0 12%;
}	
}
@media screen and (max-width: 320px){
#ribbon h3{
	padding:3.5% 0 12%;
}
#ribbon h3.thick_line{
	padding:2.5% 0 12%;
}	
}



@media print {
body {
	zoom:0.68;
}
}