/*
Theme Name: Twenty Thirteen
*/


/**
 * Reset
 * ----------------------------------------------------------------------------
 */

* { margin:0; padding:0; font-size:100%;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block;}
audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none;}
html { font-size: 62.5%; /* 10px */ overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, btn, input, select, textarea { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
body { color: #fff; line-height: 1.5; margin: 0; padding:0; font-size: 14px; font-size: 1.4rem; }
body.page,
body.archive,
body.single,
body.home,
body.error404,
body.search { background:#000;}

@media only screen and (max-width: 1259px) {
	body.home,
	body.page,
	body.archive,
	body.single { background:#000; }
}

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}

a { color: #fff; }
a:visited { color: #fff;}
a:focus { outline: none;}
a:active, a:hover { color: #E1C600; outline: 0;}
a:hover { text-decoration: underline;}
a:hover img{ opacity:0.8; filter: alpha(opacity=80);}

/* グループリンク */
.gr { cursor:pointer; }
.gr a:hover { text-decoration:underline; opacity:0.8; filter: alpha(opacity=80);}
.gr:hover img { opacity:0.8; filter: alpha(opacity=80);}

address { font-style: italic; margin: 0 0 24px;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding:0;}
p { margin: 0 0 1em;}
code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}
pre { margin: 20px 0; padding: 20px; overflow: auto; color: #666; background: #f5f5f5;
 font-family: monospace; font-size: 14px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q { hyphens: none; quotes: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; content: none;}

blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote { margin-right: 0;}
blockquote cite,
blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase;}
blockquote em,
blockquote i { font-style: normal; font-weight: 300;}
blockquote strong,
blockquote b { font-weight: 400;}

small { font-size: smaller;}

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
/* ルビ */
ruby>rt { font-size: 50%; line-height: 0; }


menu,
ol,
ul { margin: 0; padding: 0;}
ul { list-style-type: none;}
nav ul,
nav ol { list-style: none; list-style-image: none;}
li > ul,
li > ol { margin: 0;}
svg:not(:root) { overflow: hidden;}

figure { margin: 0;}
form { margin: 0;}

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0; white-space: normal;}

btn, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
btn, input { line-height: normal;}

btn,
html input[type="btn"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: btn; cursor: pointer;}
btn[disabled],
input[disabled] { cursor: default;}
input[type="checkbox"],
input[type="radio"] { padding: 0;}
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; width: 270px;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

btn::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

textarea { overflow: auto; vertical-align: top;}

caption, th, td { font-weight: normal; text-align: left;}
caption { font-size: 16px; margin: 20px 0;}

table { border-collapse: separate; *border-collapse:collapse; /* for IE6,7 */ border-spacing:0; empty-cells:show;
 border-top:1px solid #CCC; border-right:none; border-bottom:none; border-left:1px solid #CCC; }
th, td { border-top:none; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:none; padding:5px; }
th { background: #F3F3F3; font-weight:normal;}

del { color: #333;}
ins { background: #fff9c0; text-decoration: none;}
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px;}

.clear { clear:both;}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before,
.search .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after { clear: both;}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after { content: ""; display: table;}

/* Assistive text */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}

.screen-reader-text:focus {
 width: auto; height: auto; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; line-height: normal; padding: 15px 23px 14px;
 position: absolute; left: 5px; top: 5px; text-decoration: none; z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
btn, input, textarea { border: 2px solid #d4d0ba; font-family: inherit; padding: 5px;}
input, textarea { color: #141412;}
input:focus, textarea:focus { border: 2px solid #c3c0ab; outline: 0;}

/* btns */
btn,
input[type="submit"],
input[type="btn"],
input[type="reset"] {
 background: #e05d22; /* Old browsers */
 background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
 background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
 border: none; border-radius: 2px;
 color: #fff; display: inline-block; padding: 8px 24px 7px; text-decoration: none;
}

btn:hover,
btn:focus,
input[type="submit"]:hover,
input[type="btn"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="btn"]:focus,
input[type="reset"]:focus {
	background: #ed6a31; /* Old browsers */
	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
	outline: none;
}

btn:active,
input[type="submit"]:active,
input[type="btn"]:active,
input[type="reset"]:active {
	background: #d94412; /* Old browsers */
	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
	border: none;
	border-top: 3px solid #b93207;
	padding: 10px 24px 11px;
}

.post-password-required input[type="submit"] { padding: 7px 24px 4px; vertical-align: bottom;}
.post-password-required input[type="submit"]:active { padding: 5px 24px 6px;}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #7d7b6d;}
:-moz-placeholder { color: #7d7b6d;}
::-moz-placeholder { color: #7d7b6d;}
:-ms-input-placeholder { color: #7d7b6d;}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%;}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto;}

img,
img.size-full,
img.size-large,
img.wp-post-image { height: auto; max-width: 100%;}

.mobile-image { height: auto; max-width: 100%; display: block; margin-left: auto; margin-right: auto; margin-bottom:10px;}

/* Make sure videos and embeds fit their containers. */
embed, iframe, object, video { max-width: 100%;}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered { max-width: 100% !important;}

/* Images */
.alignleft { float: left;}
.alignright { float: right;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}

figure.wp-caption.alignleft,
img.alignleft { margin: 5px 20px 5px 0;}

.wp-caption.alignleft { margin: 5px 20px 5px 0;}

figure.wp-caption.alignright,
img.alignright { margin: 5px 0 5px 20px;}

.wp-caption.alignright { margin: 5px 0 5px 20px;}

img.aligncenter { margin: 5px auto;}
img.alignnone { margin: 5px 0;}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption { margin: 2px 0 20px; font-size: 93%; font-style: normal; text-align:center; }

div.wp-caption.alignright img[class*="wp-image-"] { float: right;}
div.wp-caption.alignright .wp-caption-text { padding-left: 10px;}

img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0;}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol { list-style-position: inside;}

/**
 * Header
 * ----------------------------------------------------------------------------
 */

.site{ width:100%;} 
.site:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.site-header { position: fixed !important; position: absolute; top: 0; left: 0; text-align:center; width: 100%; height: 65px; margin: 0; padding: 0;
 text-decoration: none; border-top:5px solid #000; background-color: rgba( 146, 20, 20, 0.9 ); color:#FFF; z-index:900;} 
.site-header #head { width: 1260px; height:60px; margin: 0 auto; padding: 0; }
.site-header .site-title:hover { text-decoration: underline;}
.site-header h1 { float:left; margin:0; }

@media only screen and (max-width: 1259px) {
	.home .site-header { height: 65px; width:100%; margin:0 auto; }
	.page .site-header,
	.single .site-header,
	.archive .site-header { height: auto; width:100%; margin:0 auto; }
	.site-header .home-link { min-height: 0;}
	.site-header h1 { float:left; margin:0; }
}
@media only screen and (max-width: 959px) {
	.site-header { height:65px; }
	.site-description { position: absolute; font-size:14px; font-size:1.4rem;}
}

body.home #mainvisual { position: relative; height:600px; width:100%; overflow: auto;}

@media only screen and (max-width: 1259px) {
	#mainvisual img { width:100%;}
	body.home #mainvisual { height:auto;}
}


/* =======================================
	FullWide Slider
======================================= */
.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden; }
.wideslider ul,
.wideslider ul li { float: left; margin:0; padding:0; display: inline; overflow: hidden;}
.wideslider ul li img { width: 100%; display: none;}
.wideslider_base { top: 0; position: absolute;}
.wideslider_wrap { top: 0; position: absolute; overflow: hidden;}
.slider_prev,
.slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer;}
.slider_prev {background: #fff url(../images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/next.jpg) no-repeat left center;}
.pagination { bottom: 15px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 400;}
.pagination a { margin: 0 5px; width: 12px; height: 12px; display: inline-block; overflow: hidden; border:1px solid #000; background: #000;}
.pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}
/* ClearFixElements  */
.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
.wideslider ul { display: inline-block; overflow: hidden;}
.wideslider a:hover img{ opacity:1; filter: alpha(opacity=100);}


/* =======================================
	WideSlider Customize
=======================================
.pagination a.pn1 {background: transparent url(../fotorama/img/img-01.jpg) no-repeat left top; background-size:30px 30px;}
.pagination a.pn2 {background: transparent url(../fotorama/img/img-02.jpg) no-repeat left top; background-size:30px 30px;}
.pagination a.pn3 {background: transparent url(../fotorama/img/img-03.jpg) no-repeat left top; background-size:30px 30px;}
.pagination a.pn4 {background: transparent url(../fotorama/img/img-04.jpg) no-repeat left top; background-size:30px 30px;}
.pagination a.pn5 {background: transparent url(../fotorama/img/img-05.jpg) no-repeat left top; background-size:30px 30px;}  */


/**
 * Navigation
 * ----------------------------------------------------------------------------
 */

#navbar { float:right; width: 900px; margin: 0 auto; padding: 0;  }

@media only screen and (max-width: 1259px) {
	#navbar { float:right; width: 100%; }
}

#nav-menu ul{ margin:0; padding:0;}
#nav-menu ul li {
 float: left; width: 180px;/*親メニューの幅*/ height: 60px;/*親メニューの高さ*/ margin:0; padding:0;
 font-size:14px; font-size:1.4rem; line-height: 60px; position: relative; list-style: none;
 background: transparent ;/*親メニューの背景色*/ color: #fff;/*親メニューの文字色*/ text-align:left;
}
#nav-menu ul li a { color: #fff; display: block; text-decoration: none; padding-left:40px;}
#nav-menu ul li:hover, #nav-menu ul li a:hover { color:#fff;/*ホバー時の親メニューの文字色*/ background: url(images/ico_nav.png) no-repeat 5px 20px;/*ホバー時の親メニューの背景色*/}
#nav-menu ul li ul { position: absolute; top: 60px;/*親メニューの高さと同じにする*/ width: 180px; z-index: 100;}
#nav-menu ul li ul li { visibility: hidden; overflow: hidden; width: 180px;/*サブメニューの幅*/ height: 0; background:#000;/*サブメニューの背景色*/}

#nav-menu ul li ul li a { padding-left:20px;}
#nav-menu ul li ul li:hover,
#nav-menu ul li ul li a:hover { background:#222;/*ホバー時のサブメニューの背景色*/}
#nav-menu ul li:hover ul li,
#nav-menu ul li a:hover ul li{ visibility: visible; overflow: visible; height:50px;/*サブメニューの高さ*/ line-height:50px; z-index: 10; border-bottom:1px dotted #333;}
#nav-menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#nav-menu ul li .current { background:url(images/ico_nav.png) no-repeat 5px 20px; }
#nav-menu ul li ul li .current { background:none; }

/* Underline From Left */
#nav-menu a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
#nav-menu a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #E1C600;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#nav-menu a:hover:before, #nav-menu a:focus:before, #nav-menu a:active:before { right: 0;}


/**
 * MAIN・CONTENTS
 * ----------------------------------------------------------------------------
 */

.site { width: 100%; margin: 0 auto; }
.site-main { clear:both; width:1260px; position: relative; margin:0 auto; padding-top:90px; }
.site-main:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

body.home .site-main { width:100%; float:none; padding-top:0; }

.site-main .content-area { width:960px; float:right; }
.site-main .content-area:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.site-main .content-area .site-content { clear:both; }
.site-main .content-area .site-content:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

body.home .site-main .content-area { width:100%; float:none; }

.pankuzu { font-size:11px; font-size:1.1rem; margin:0 0 3px 0; padding:0; }

@media only screen and (max-width: 1259px) {
	.site-main { width:100%; margin:0 auto; }
	.site-main .content-area { float:none; margin:0 auto;}
}

@media only screen and (max-width: 959px) {
	.site-main .content-area { width:100%; float:none;  }
	.site-main .content-area .site-content { clear:both; width:100%; margin-bottom:30px; }
}


/**
 * SIDE
 * ----------------------------------------------------------------------------
 */

body.home .site-main .sidebar-container { display:none;}
  
.site-main .sidebar-container { float: left; width: 250px; margin:0; padding:30px 0 0 0; background: #921414 url(images/widget_top.gif) repeat-x center top; text-align:center; }
.site-main .sidebar-container:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.site-main .sidebar-title{ margin:0 0 20px 0;}

.site-main .sidebar-container a,
.site-main .sidebar-container a:visited { color: #fff; text-decoration: none;}
.site-main .sidebar-container a:active,
.site-main .sidebar-container a:hover { color: #E1C600; outline: 0;}
.site-main .sidebar-container a:hover { text-decoration: none;}

.widget { margin: 0 0 24px; padding:0 15px; font-size:14px; font-size:1.4rem; word-wrap: break-word; }
.widget .widget-title { margin: 0;  padding:8px 0 15px 15px; background:url(images/side_title.gif) no-repeat left 3px; font-size:16px; font-size:1.6rem; font-weight:normal; text-align:left;}
.widget ul { width:220px; margin: 0 auto; padding: 0; list-style-type: none; text-align:left;}
.widget_categories li { padding:8px 0 15px 15px; background:url(images/side_cat_li.gif) no-repeat left 3px; font-size:16px; font-size:1.6rem;}
.widget_categories li a { display:block;}
.widget_categories .children li{ font-size:13px; font-size:1.3rem; padding:4px 13px 4px 13px; background:url(images/ico_arrow_ye.png) no-repeat left 8px; border-bottom:none;}
.widget_categories .children li:first-child { margin-top:10px;}
.widget_categories .children li:last-child { }

.widget_pages li { margin-bottom:10px; padding-left:15px; border:1px solid #000; background:#000 url(images/ico_arrow_ye.png) no-repeat 8px 50%;
 border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.widget_pages li a { padding:9px 0 8px 10px; display:block;}
.widget li > ul { margin-left: 0;}


@media only screen and (max-width: 1259px) {
	.site-main .sidebar-container { display:none;}
}


/**
 * TOPページ
 * ----------------------------------------------------------------------------
 */

/* 赤背景 ------------ */
.bg-red { width:100%; background:#921414; padding:30px 0; margin:0;}
.bg-red:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/* 店舗のご案内 ------------ */
.top-shop-area { width:1260px; margin:30px auto 0 auto; }
.top-shop-area:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media only screen and (max-width: 1259px) {
	.top-shop-area { width:96%; margin:30px auto 0 auto; }
}

/* ショップリスト ------------ */
.top-shoplist { width:620px; margin:0 0 10px 0; float:left;}
.top-shoplist:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.top-shoplist h3 { margin:0 auto 14px auto; text-align:left; }

.top-shoplist #shoplist01 { clear:both; width:305px; float:left; z-index:100; }
.top-shoplist #shoplist02 { width:305px; float:right; z-index:80;}
.top-shoplist #shoplist03 { width:305px; float:left; z-index:70;}
.top-shoplist #shoplist04 { width:305px; float:right; z-index:60;}
.top-shoplist #shoplist06 { width:305px; float:left; z-index:60;}
#shoplist01, #shoplist02, #shoplist03, #shoplist04, #shoplist06
 { margin:0 0 10px 0; padding:0; font-size:15px; position:relative; overflow:visible;}
#shoplist01 .dropdown, #shoplist02 .dropdown, #shoplist03 .dropdown, #shoplist04 .dropdown, #shoplist06 .dropdown
 { position:relative; list-style-type:none; display:block; margin:0 ;padding:0; background:transparent; color:#fff; cursor:pointer; }
#shoplist01 .drop ul, #shoplist02 .drop ul, #shoplist03 .drop ul, #shoplist04 .drop ul #shoplist06 .drop ul
 { width:auto; height:auto; list-style-type:none; margin:0 ;padding:0; background:#fff; border-bottom:1px dotted #222;}
#shoplist01 .drop ul li, #shoplist02 .drop ul li, #shoplist03 .drop ul li, #shoplist04 .drop ul li, #shoplist06 .drop ul li
 { display:block; padding:0; margin:0; background-color: #000;border-left:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border:none;}
#shoplist01 .drop ul li a:hover, #shoplist02 .drop ul li a:hover, #shoplist03 .drop ul li a:hover, #shoplist04 .drop ul li a:hover, #shoplist06 .drop ul li a:hover
 {background:#444; color:#fff; }
#shoplist01 .drop, #shoplist02 .drop, #shoplist03 .drop, #shoplist04 .drop, #shoplist06 .drop
 {width:100%;border:none;position: absolute;height:0;overflow:hidden;margin-top: 0;margin-bottom: 0; }

#shoplist01 .selected, #shoplist02 .selected, #shoplist03 .selected, #shoplist04 .selected, #shoplist06 .selected
 { width:auto; padding:0;}
#shoplist01 .dropdown .selected, #shoplist02 .dropdown .selected, #shoplist03 .dropdown .selected, #shoplist04 .dropdown .selected, #shoplist06 .dropdown .selected
 { background:#000 url(images/ico_open.png) no-repeat 15px 50%; }
#shoplist01 .current .selected, #shoplist02 .current .selected, #shoplist03 .current .selected, #shoplist04 .current .selected, #shoplist06 .current .selected
 { background:#000 url(images/ico_close.png) no-repeat 15px 50%;}

#shoplist01 .selected a, #shoplist02 .selected a, #shoplist03 .selected a, #shoplist04 .selected a, #shoplist06 .selected a
 { padding:20px 50px 18px 50px; display:block; color:#fff; }
#shoplist01 .selected a:hover, #shoplist02 .selected a:hover, #shoplist03 .selected a:hover, #shoplist04 .selected a:hover, #shoplist06 .selected a:hover
 {}
#shoplist01 .dropdown ul li a, #shoplist02 .dropdown ul li a, #shoplist03 .dropdown ul li a, #shoplist04 .dropdown ul li a, #shoplist06 .dropdown ul li a
 {width:auto;text-decoration:none;color:#fff;display:block;margin:0; padding:10px 8px 10px 25px; border-top:1px dotted #666666; font-size:93%;}
#shoplist01 img, #shoplist02 img, #shoplist03 img, #shoplist04 img, #shoplist05 img, #shoplist06 img { float:right; margin-right:12px; margin-top:12px;}

#shoplist01 .dropdown ul li a { background:url(images/ico_arrow_gr.png) no-repeat 10px 50%;}
#shoplist02 .dropdown ul li a { background:url(images/ico_arrow_bl.png) no-repeat 10px 50%;}
#shoplist03 .dropdown ul li a { background:url(images/ico_arrow_vi.png) no-repeat 10px 50%;}
#shoplist04 .dropdown ul li a { background:url(images/ico_arrow_or.png) no-repeat 10px 50%;}
#shoplist06 .dropdown ul li a { background:url(images/ico_arrow_bl.png) no-repeat 10px 50%;}
#shoplist01 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_gr.png) no-repeat 10px 50%;}
#shoplist02 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_bl.png) no-repeat 10px 50%;}
#shoplist03 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_vi.png) no-repeat 10px 50%;}
#shoplist04 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_or.png) no-repeat 10px 50%;}
#shoplist06 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_bl.png) no-repeat 10px 50%;}

.top-shoplist #shoplist05 {width:305px; float:right; margin:0 0 10px 0; padding:0; font-size:15px; font-size:1.5rem; background:#000 url(images/ico_open2.png) no-repeat 15px 50%; position:relative; overflow:visible;}
.top-shoplist #shoplist05 a{ padding:20px 50px 18px 50px; display:block; color:#fff; }

.top-shoplist-sp { display:none;}

@media only screen and (max-width: 1259px) {
	.top-shoplist { width:620px; margin:0 auto 20px auto; float:none;}
}

/* ショップリスト（スマホ） ------------ */
@media only screen and (max-width: 959px) {
	.top-shoplist { display:none;}
	.top-shoplist-sp { width:100%; max-width:620px; margin:0 auto 20px auto; display:block;}
	.top-shoplist-sp:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
	.top-shoplist-sp h3 { margin:0 auto 14px auto; text-align:left; }
	.top-shoplist-sp ul li { width:100%; margin:0 0 10px 0; padding:0; font-size:15px; font-size:1.5rem; background:#000 url(images/ico_open2.png) no-repeat 15px 50%; position:relative; overflow:visible;}
	.top-shoplist-sp ul li a{ padding:20px 50px 18px 50px; display:block; color:#fff; }
}


/* 持ち帰り・鮨道場 ------------ */
.top-pickup { float:right;}
.top-pickup img { float:left; margin-left:15px;}

@media only screen and (max-width: 1259px) {
	.top-pickup  { float:none; margin:0 auto; max-width:645px; }
}

@media only screen and (max-width: 645px) {
	.top-pickup { width:96%; text-align:center; }
	.top-pickup img { float:none; margin-left:0; margin-bottom:15px;}
}


/* おすすめメニュー ------------ */
.top-osusume { width:1260px; margin:0 auto; padding:40px 0 50px 0; }
.top-osusume:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.top-osusume h3 { margin:0 auto 40px auto; text-align:left; }

.top-osusume .osusume{ width:255px; float:left; margin-right:45px;}
.top-osusume .osusume img { margin-bottom:5px; max-height:360px; max-width:255px;}
.top-osusume .osusume .data { font-size:11px; font-size:1.1rem; font-weight:normal; text-align:left;}
.top-osusume .osusume h4 { background:url(images/ico_kin.png) no-repeat left 5px; padding-left:20px; font-size:100%; font-weight:normal; text-align:left;}
.top-osusume .osusume-next{ padding-top:160px; width:60px; float:right;}

.top-osusume .osusume-next-sp{ display:none;}

.top-osusume iframe{ background:#333;}



@media only screen and (max-width: 1259px) {
	.top-osusume { width:96%; max-width:600px; margin:0 auto; padding:40px 0 50px 0; }
	.top-osusume .osusume{ width:255px; height:420px; float:left; margin-right:45px; margin-bottom:20px;}
	.top-osusume .osusume-next{ display:none;}
	.top-osusume .osusume-next-sp { text-align:center; display:block;}
}

@media only screen and (max-width: 958px) {
	.top-osusume { width:96%; margin:0 auto; padding:40px 0 50px 0; text-align:center; }
	.top-osusume .osusume{ width:255px; float:none; margin:0 auto 20px auto; }
	.top-osusume .osu-pc { display:none; }
}



/* お知らせ ------------ */
.top-news-area { width:1260px; margin:10px auto 0 auto; padding:0; }
.top-news-area:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.top-news-area h3 { width:100%; margin:0 0 20px 0; padding:0 0 12px 0; background:#921414; text-align:left; }

.top-news { float:left; width:700px; margin:0 auto; padding:0; background:#fff; }
.top-news:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.top-news dt { color:#452D60; font-weight:normal; width:180px; float:left; line-height:22px;}
.top-news dt img { float: left; margin-right:5px;}
.top-news dd { color:#000;}
.top-news dt.news-shop { background:url(images/news_ico_shop.gif) no-repeat left top;}
.top-news dd a { color:#000; text-decoration:none; }
.top-news dd a:hover { color:#000; text-decoration: underline; }
.top-news .top-news-next {  font-size:11px; font-size:1.1rem; text-align:right; margin:0 10px 10px 10px; padding-bottom:5px;}
.top-news .top-news-next a { color:#921414; text-decoration:underline; font-size:11px; font-size:1.1rem; text-align:right; padding-right:20px; background:url(images/ico_arrow_cir.png) no-repeat right 1px; }

.top-news dl { margin: 0 20px;}
.top-news dt { font-weight: bold;}
.top-news dd { margin: 0 0 20px;}

.top-bn { float:right; width:520px; margin:10px auto 0 auto; padding:0; }
.top-bn img { margin-bottom:20px;}

.top-bn2 { clear:both; width:1260px; margin:0 auto; padding:20px 0 40px 0; }
.top-bn2 ul li { float:left; margin:0 30px 10px 0; }
.top-bn2 ul li:nth-child(3) { margin-right:0; }
.top-bn2:after { content:" "; display:block; clear:both;}


@media only screen and (max-width: 1259px) {
	.top-news-area { width:96%; margin:0 auto; padding:0; }
	.top-news { float:none; width:100%; max-width:700px; margin-bottom:15px; }
	.top-bn { float:none; width:100%; max-width:520px; margin:0 auto; padding:0; }
	.top-bn2 { width:98%; }
	.top-bn2 ul li { float:left; width:32%; margin-right:2%; }
	.top-bn2 ul li:last-child { margin-right:0; }
	.top-bn2 img { display:block; margin:0 auto 10px auto;}
	
}

@media only screen and (max-width: 699px) {
	.top-news dt { float:none; }
}

@media only screen and (max-width: 768px) {
	.top-bn2 { width:98%; }
	.top-bn2 ul li { float: none; width:100%; margin-right:0; }
	.top-bn2 img { max-width:100%; }
}

.youtube { clear:both; width:1260px; text-align:center; margin:5px auto 20px auto; }
.youtube h3 { margin:10px 0 15px 10px; text-align:left; }
.youtube ul { list-style:none; }
.youtube li { float:left; width:390px; }
.youtube:after,
.youtube h3:after,
.youtube ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.arrow_box { position: relative; background: #921414; border: 1px solid #000; padding:10px 0 20px 45px;}
/* 
.arrow_box:after, .arrow_box:before { bottom: 100%; left: 80%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box:after { border-color: rgba(146, 20, 20, 0); border-bottom-color: #921414; border-width: 16px; margin-left: -16px;}
.arrow_box:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #000; border-width: 17px; margin-left: -17px;}
 */


@media only screen and (max-width: 1259px) {
	.youtube { display:none;}
	.arrow_box { display:none;}
}


/**
 * 固定ページ　共通
 * ----------------------------------------------------------------------------
 */
 
.page {} 


/* タイトルフォント ------------ */

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.page .site-content .page .entry-title,
.page #takuhai h3,
.page #company h3,
.page #contact h3,
.page #privacy h3 {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.page .site-content { width:960px; }
.page .site-content:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.page .site-content .page { margin:0 0 30px 0; padding-bottom:30px; }
.page .site-content .page:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.page .site-content .page .entry-header { margin:0 0 45px 0; }
.page .site-content .page .entry-title { margin: 0 0 10px 0; padding: 88px 0 0 45px; height:160px; background:url(images/title_page.jpg) no-repeat left top;
 font-size:33px; font-size:3.3rem; font-weight:normal; letter-spacing:0.1em; text-align:left;
 border:1px solid #3E3940; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

@media only screen and (max-width: 599px) {
	.page .site-content .page .entry-title { max-width:100%; height:100px; margin: 0 0 10px 0; padding: 50px 0 0 30px;
	 font-size:23px; font-size:2.3rem; letter-spacing:0.1em; font-weight:normal; background:url(images/title_page.jpg) no-repeat left top;
	 -webkit-background-size: 600px 100px; -o-background-size: 600px 100px; background-size: 600px 100px;}
}


.box { clear:both; margin:0 auto 50px auto;} 
.box:after { content:" "; display:block; clear:both;}
.site-content .tel { background:url(images/ico_tel.png) no-repeat left 1px; padding-left:25px; padding-right:1em; font-size:16px; font-size:1.6rem; } 

.boxL { float:left; width:49%; } 
.boxR { float:right; width:49%; }
.boxL img,
.boxR img { max-width:100%;}
.boxL:after,
.boxR:after { content:" "; display:block; clear:both;}

.imgL { float:left; width:49%; text-align:center;} 
.imgR { float:right; width:49%; text-align:center;}
.imgL img,
.imgR img { max-width:100%;}
.imgL:after,
.imgR:after { content:" "; display:block; clear:both;}

@media only screen and (max-width: 640px) {
	.boxL { float:none; width:100%; margin-bottom:10px;} 
	.boxR { float:none; width:100%; }
	.imgL { float:none; width:100%; text-align:center; margin-bottom:10px;} 
	.imgR { float:none; width:100%; text-align:center;}
}

.btn { display: inline-block; padding:7px 15px 5px 15px; text-align: center; text-decoration: none; font-size:13px; font-size:1.3rem; outline: none;
 border:1px solid #3E3940; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.btn {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#DDD));
	background: -webkit-linear-gradient(#FFF, #DDD);
	background: -moz-linear-gradient(#FFF, #DDD);
	background: -ms-linear-gradient(#FFF, #DDD);
	background: -o-linear-gradient(#FFF, #DDD);
	background: linear-gradient(#FFF, #DDD);
	-pie-background: linear-gradient(#FFF, #DDD);
	behavior: url(PIE.htc);
	border: 1px solid #DDD; color:#111; }
.btn::before,
.btn::after { position: absolute; z-index: -1; display: block; content: '';}
.btn,
.btn::before,
.btn::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}
.btn:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#AAA));
	background: -webkit-linear-gradient(#FFF, #AAA);
	background: -moz-linear-gradient(#FFF, #AAA);
	background: -ms-linear-gradient(#FFF, #AAA);
	background: -o-linear-gradient(#FFF, #AAA);
	background: linear-gradient(#FFF, #AAA);
	-pie-background: linear-gradient(#FFF, #AAA);
	behavior: url(PIE.htc);
	border: 1px solid #AAA; color: #111;
	}
.btn:visited {
	color: #111;
	}
	
.btn2 { display: inline-block; padding:7px 15px 5px 15px; text-align: center; text-decoration: none; font-size:13px; font-size:1.3rem; outline: none;
 border:1px solid #3E3940; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.btn2 {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#222), to(#111));
	background: -webkit-linear-gradient(#222, #111);
	background: -moz-linear-gradient(#222, #111);
	background: -ms-linear-gradient(#222, #111);
	background: -o-linear-gradient(#222, #111);
	background: linear-gradient(#222, #111);
	-pie-background: linear-gradient(#222, #111);
	behavior: url(PIE.htc);
	border: 1px solid #222; color:#fff;
	}
.btn2::before,
.btn2::after { position: absolute; z-index: -1; display: block; content: '';}
.btn2,
.btn2::before,
.btn2::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}
.btn2:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333), to(#111));
	background: -webkit-linear-gradient(#333, #111);
	background: -moz-linear-gradient(#333, #111);
	background: -ms-linear-gradient(#333, #111);
	background: -o-linear-gradient(#333, #111);
	background: linear-gradient(#333, #111);
	-pie-background: linear-gradient(#333, #111);
	border: 1px solid #333; color: #FFF;
}

/**
 * 固定ページ　店舗一覧
 * ----------------------------------------------------------------------------
 */

.page #shop-list .shoplist_map { max-width: 100%; margin:0 auto 30px auto; }
.page #shop-list h3 { padding:10px 0 3px 0; margin-bottom:30px; border-bottom:1px solid #F0E4D6; text-align:left;}


/* ショップリスト ------------ */
.page #shop-list .shoplist-area { max-width:100%; margin:0 15px 30px 15px; padding:0;}
.page #shop-list .shoplist-area:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.page #shop-list a { text-decoration:none;}
.page #shop-list a:hover { text-decoration: underline;}

.page #shop-list #shoplist01 { width:450px; float:left; z-index:100; }
.page #shop-list #shoplist02 { width:450px; float:right; z-index:80;}
.page #shop-list #shoplist03 { width:450px; float:left; z-index:70;}
.page #shop-list #shoplist04 { width:450px; float:right; z-index:60;}
.page #shop-list #shoplist06 { width:450px; float:left; z-index:50;}
.page #shop-list #shoplist01, .page #shop-list #shoplist02, .page #shop-list #shoplist03, .page #shop-list #shoplist04, .page #shop-list #shoplist06
 { margin:0 0 10px 0; padding:0; font-size:15px; position:relative; overflow:visible;}
.page #shop-list #shoplist01 .dropdown, .page #shop-list #shoplist02 .dropdown, .page #shop-list #shoplist03 .dropdown, .page #shop-list #shoplist04 .dropdown, .page #shop-list #shoplist06 .dropdown
 { position:relative; list-style-type:none; display:block; margin:0 ;padding:0; background:transparent; color:#fff; cursor:pointer; }
.page #shop-list #shoplist01 .drop ul, .page #shop-list #shoplist02 .drop ul, .page #shop-list #shoplist03 .drop ul, .page #shop-list #shoplist04 .drop ul, .page #shop-list #shoplist06 .drop ul
 { width:auto; height:auto; list-style-type:none; margin:0 ;padding:0; background:#fff; border-bottom:1px dotted #222;}
.page #shop-list #shoplist01 .drop ul li, .page #shop-list #shoplist02 .drop ul li, .page #shop-list #shoplist03 .drop ul li, .page #shop-list #shoplist04 .drop ul li, .page #shop-list #shoplist06 .drop ul li
 { display:block; padding:0; margin:0; background-color: #222;border-left:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border:none;}
.page #shop-list #shoplist01 .drop ul li a:hover, .page #shop-list #shoplist02 .drop ul li a:hover, .page #shop-list #shoplist03 .drop ul li a:hover, .page #shop-list #shoplist04 .drop ul li a:hover, .page #shop-list #shoplist06 .drop ul li a:hover
 {background:#444; color:#fff; }
.page #shop-list #shoplist01 .drop, .page #shop-list #shoplist02 .drop, .page #shop-list #shoplist03 .drop, .page #shop-list #shoplist04 .drop, .page #shop-list #shoplist06 .drop
 {width:100%;border:none;position: absolute;height:0;overflow:hidden;margin-top: 0;margin-bottom: 0; }

.page #shop-list #shoplist01 .selected,
.page #shop-list #shoplist02 .selected,
.page #shop-list #shoplist03 .selected,
.page #shop-list #shoplist04 .selected,
.page #shop-list #shoplist06 .selected { width:auto; padding:0;}
.page #shop-list #shoplist01 .dropdown .selected,
.page #shop-list #shoplist02 .dropdown .selected,
.page #shop-list #shoplist03 .dropdown .selected,
.page #shop-list #shoplist04 .dropdown .selected,
.page #shop-list #shoplist06 .dropdown .selected { background:#222 url(images/ico_open.png) no-repeat 15px 50%;   }
.page #shop-list #shoplist01 .current .selected,
.page #shop-list #shoplist02 .current .selected,
.page #shop-list #shoplist03 .current .selected,
.page #shop-list #shoplist04 .current .selected,
.page #shop-list #shoplist06 .current .selected { background:#222 url(images/ico_close.png) no-repeat 15px 50%;}

.page #shop-list #shoplist01 .selected a,
.page #shop-list #shoplist02 .selected a,
.page #shop-list #shoplist03 .selected a,
.page #shop-list #shoplist04 .selected a,
.page #shop-list #shoplist06 .selected a { padding:20px 50px 18px 50px; display:block; color:#fff; }
.page #shop-list #shoplist01 .dropdown ul li a,
.page #shop-list #shoplist02 .dropdown ul li a,
.page #shop-list #shoplist03 .dropdown ul li a,
.page #shop-list #shoplist04 .dropdown ul li a,
.page #shop-list #shoplist06 .dropdown ul li a {width:auto; text-decoration:none ;color:#fff; display:block; margin:0; padding:10px 8px 10px 25px; border-top:1px dotted #666666; font-size:93%;}
.page #shop-list #shoplist01 img,
.page #shop-list #shoplist02 img,
.page #shop-list #shoplist03 img,
.page #shop-list #shoplist04 img,
.page #shop-list #shoplist05 img,
.page #shop-list #shoplist06 img { float:right; margin-right:12px; margin-top:12px;}

.page #shop-list #shoplist01 .dropdown ul li a { background:url(images/ico_arrow_gr.png) no-repeat 10px 50%;}
.page #shop-list #shoplist02 .dropdown ul li a { background:url(images/ico_arrow_bl.png) no-repeat 10px 50%;}
.page #shop-list #shoplist03 .dropdown ul li a { background:url(images/ico_arrow_vi.png) no-repeat 10px 50%;}
.page #shop-list #shoplist04 .dropdown ul li a { background:url(images/ico_arrow_or.png) no-repeat 10px 50%;}
.page #shop-list #shoplist06 .dropdown ul li a { background:url(images/ico_arrow_bl.png) no-repeat 10px 50%;}
.page #shop-list #shoplist01 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_gr.png) no-repeat 10px 50%;}
.page #shop-list #shoplist02 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_bl.png) no-repeat 10px 50%;}
.page #shop-list #shoplist03 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_vi.png) no-repeat 10px 50%;}
.page #shop-list #shoplist04 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_or.png) no-repeat 10px 50%;}
.page #shop-list #shoplist06 .dropdown ul li a:hover { background: #444 url(images/ico_arrow_bl.png) no-repeat 10px 50%;}

.page #shop-list #shoplist05 {width:450px; float:right; margin:0 0 10px 0; padding:0; font-size:15px; background:#222 url(images/ico_open2.png) no-repeat 15px 50%; position:relative; overflow:visible;}
.page #shop-list #shoplist05 a{ padding:20px 50px 18px 50px; display:block; color:#fff; }

@media only screen and (max-width: 959px) {
	.page #shop-list #shoplist01,
	.page #shop-list #shoplist02,
	.page #shop-list #shoplist03,
	.page #shop-list #shoplist04,
	.page #shop-list #shoplist05,
	.page #shop-list #shoplist06 { width:96%; float:none; }
}


/**
 * 固定ページ　店舗地域別
 * ----------------------------------------------------------------------------
 */

.page #shop-area h3.shoparea-title { clear:both; line-height:40px; font-size:23px; margin:0 0 30px 0; padding:4px; border-bottom:1px solid #F0E4D6; text-align:left; }
.page #shop-area a { text-decoration:underline;}
.page #shop-area a:hover { text-decoration: underline;}
.page #shop-area h3 img { float:left; padding-right:10px;}

.page #shop-area p.comment { margin-top:30px; color:#F3C343; font-size:120%;}

.page #shop-area dl { float:left; width: 100%; margin-bottom:30px; border-bottom:1px dashed #555 ; line-height:1.7; overflow: hidden; }
.page #shop-area dl dt { clear:left; float:left; width: 270px; padding: 10px 20px 8px 20px; margin:0; border-top: 1px dashed #555; font-size:107%;
 background:url(images/ico_arrow_dgr.png) no-repeat 5px 16px;}  
.page #shop-area dl dd { margin-left: 270px; padding: 10px 5px 8px 0; margin:0; border-top: 1px dashed #555; } 

.page #shop-area .s-store { margin-bottom:30px; padding:10px; border:1px solid #666;}
.page #shop-area .s-store:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.page #shop-area .s-store h4.store { clear:both; font-size:16px; padding:4px 0 8px 40px; border-bottom:1px solid #FFF; background:url(images/ico_shizutetsu.gif) no-repeat 0 0;}
.page #shop-area .s-store h4.order { clear:both; padding:5px 10px 2px 40px; font-size:18px; color:#FFF; background:#123909 url(images/ico_tel.png) no-repeat 8px 9px; border:none;}

.page #shop-area .s-store ul { padding-bottom:15px!important;}
.page #shop-area .s-store ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.page #shop-area .s-store ul li { float:left; width:46%; height:55px; padding:20px 1% 0 2%; margin:0 2%; border-bottom: 1px dashed #555; background:url(images/ico_arrow_dgr.png) no-repeat 5px 26px;}
.page #shop-area .s-store ul li :nth-child(even) { float:right;}
.page #shop-area .s-store ul li span { float:left; width:150px; font-size:124%; margin-top:-3px;}
.page #shop-area .s-store ul li span em { margin-left:3px; padding:0 2px;font-size:11px; color:#FFF; line-height:100%; background:#F00;}

.page #shop-area .s-store .o-center { padding:10px; color:#000; text-align:center;background:#FFF; border:3px solid #123909;}
.page #shop-area .s-store .o-center:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.page #shop-area .s-store .o-center p { color:#F00; margin:0; padding:10px 0 0 0;}
.page #shop-area .s-store .o-center .tel { padding:0; background:none;}

@media only screen and (max-width: 1199px) {
.page #shop-area .s-store { margin:10px;}
.page #shop-area .s-store ul li { float:none; width:96%; height:auto; padding:15px 1% 10px 2%;}
}

@media only screen and (max-width: 959px) {
.page #shop-area .s-store { margin:10px;}
.page #shop-area .s-store ul li { float:none; width:96%; height:auto; padding:15px 1% 10px 2%;}
}

@media only screen and (max-width: 959px) {
.page #shop-area .s-store ul li span { float:none; width:auto; display:block;}
}


/**
 * 固定ページ　店舗詳細
 * ----------------------------------------------------------------------------
 */

.page #shop h3.shop-title { background:url(images/ico_daicyan.png) no-repeat left bottom; font-size:23px; letter-spacing:0.1em; padding:30px 0 7px 75px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; text-align:left;}

@media only screen and (max-width: 599px) {
	.page #shop h3.shop-title { font-size:17px;}
}

.page #shop .shop-img { float:left; width:480px; max-width:100%;}
.page #shop .shop-img img { max-width:100%; margin-bottom:10px;}

@media only screen and (max-width: 959px) {
	.page #shop { text-align:center;}
	.page #shop .shop-img { float:none; max-width:100%; text-align:center; margin:0 auto;}
	.page #shop .shop-data-area { float:none; max-width:100%; margin:0 auto; }
}
.page #shop .shop-map { float:right; width:430px; text-align:center;}
@media only screen and (max-width: 959px) {
	.page #shop .shop-map { clear:both; width:96% ; margin:0 auto;}
}

.page #shop .shop-credit { float:right; width:360px; max-width:100%; margin-bottom:20px;}
.page #shop .shop-credit img { margin-left:5px; margin-right:5px; }
.page #shop .shop-icon { float:right; width:360px; max-width:100%; margin-bottom:10px;}
.page #shop .shop-icon img { float:left; margin-left:5px; margin-right:5px; }

.page #shop .shop-data { float:left; width:550px; font-size:93%; }
.page #shop .shop-data dl { clear:both; width:550px; border-bottom: 1px dotted #999; text-align:left; }
.page #shop .shop-data dt { float:left; width:110px; clear:both; padding:8px 0 8px 12px; border-top:1px dotted #999; color:#FFD9A8; background:url(images/ico_rect.gif) no-repeat 1px 10px;}
.page #shop .shop-data dd { float:right; width:440px; padding:8px 0; border-top:1px dotted #999; }

.page #shop .shop-data:after,
.page #shop .shop-icon:after,
.page #shop .shop-data dl:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media only screen and (max-width: 959px) {
	.page #shop .shop-data { max-width:100%; margin:0 auto 15px auto; float:none; }
	.page #shop .shop-data dl { max-width:100%; }
	.page #shop .shop-data dt { width:25%; }
	.page #shop .shop-data dd { width:75%; }
	.page #shop .shop-data .tel small { text-decoration:none;}
	.page #shop .shop-credit { float:none; max-width:360px; width:100%; margin:0 auto 20px auto; }
	.page #shop .shop-icon { float:none; max-width:360px; width:100%; margin:0 auto 10px auto;}
}

.page #shop h4 { margin-bottom:25px; padding:5px 0 2px 36px; border-bottom:1px solid #F0E4D6; background:url(images/ico_itamae.png) no-repeat 1px top; font-size:19px; font-weight:normal; letter-spacing:0.1em; text-align:left;}
.page #shop .shop-content { clear:both; margin-bottom:30px;}
.page #shop .shop-content h5 { font-size:17px; font-weight:normal; letter-spacing:0.1em; padding:0 0 3px 0; margin-bottom:20px; border-bottom:1px solid #FFD9A8; text-align:left; overflow:auto;}

/* #post-111＝流れ鮨藤枝店　#post-115＝富士山静岡空港店 ------------ */
.page #post-111 #shop .shop-content img,
.page #post-115 #shop .shop-content img { max-width:400px;}

.page #shop .shop-photo { clear:both; width:100%; font-size:13px; font-size:1.3rem;}
.page #shop .shop-photo ul li { float:left; max-width:220px; text-align:left; margin-right:20px;}
.page #shop .shop-photo ul li img { float:left; max-width:100%;}


.page #shop .shop-map:after,
.page #shop .shop-content:after,
.page #shop .shop-photo:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media only screen and (max-width: 959px) {
	.page #shop .shop-content { width:96%; margin:0 auto 30px auto; text-align:left;}
	.page #shop .shop-content .alignleft { float:none; text-align:center;}

}

@media only screen and (max-width: 599px) {
	.page #shop .shop-photo { margin:0 auto;}
	.page #shop .shop-photo ul { text-align:center; margin:0 auto;}
	.page #shop .shop-photo ul li { float:none; text-align:center; margin:0 auto;}
	.page #shop .shop-photo ul li img { float:none; max-width:100%;}

}

/**
 * 固定ページ　宅配サービス店
 * ----------------------------------------------------------------------------
 */

.page #takuhai { margin:0 0 10px 0;}

.page #takuhai .takuhai-pdf { margin-bottom:15px; } 
.page #takuhai .takuhai-pdf img { margin-bottom:10px; } 
.page #takuhai .takuhai-pdf p { text-align:right;} 

.page #takuhai h3  { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;}

.page #takuhai h4 { clear:both; line-height:38px; font-size:18px; margin:15px 0 20px 0; padding:6px 0 2px 10px; font-weight:normal; background:#222; }
.page #takuhai h4 img { float:left; padding-right:10px;}

.page #takuhai .anc-btn { clear:both; margin-bottom:40px; }
.page #takuhai .anc-btn ul li { float:left; width:220px; text-align:left; margin-right:20px; height:50px;}
.page #takuhai .anc-btn a { width: 220px; font-size: 15px; font-size: 1.5rem;}
.page #takuhai .anc-btn img { padding-right:10px; }

.page #takuhai .takuhai-shop { float:left; width: 450px; min-height:195px; padding: 0 0 15px 0; margin:0 30px 15px 0 ; border-bottom: 1px dashed #555; }
.page #takuhai .takuhai-shop img { float:left; margin-right:15px; } 

.page #takuhai .takuhai-shop h5 { font-size:15px; font-size:1.5rem; } 
.page #takuhai #taku01 h5 { background:url(images/ico_arrow_gr.png) no-repeat left 7px; padding-left:13px; margin-bottom:10px; overflow:auto;}
.page #takuhai #taku02 h5 { background:url(images/ico_arrow_bl.png) no-repeat left 7px; padding-left:13px; margin-bottom:10px; overflow:auto;}
.page #takuhai #taku03 h5 { background:url(images/ico_arrow_vi.png) no-repeat left 7px; padding-left:13px; margin-bottom:10px; overflow:auto;}
.page #takuhai #taku04 h5 { background:url(images/ico_arrow_or.png) no-repeat left 7px; padding-left:13px; margin-bottom:10px; overflow:auto;}

.page #takuhai:after,
.page #takuhai .takuhai-pdf:after,
.page #takuhai .anc-btn:after,
.page #takuhai .takuhai-shop:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


@media only screen and (max-width: 959px) {
	.page #takuhai .anc-btn { text-align:center; margin-left:auto; margin-right:auto; }
	.page #takuhai .anc-btn ul li { margin-bottom:10px;}
	.page #takuhai .takuhai-shop { float:none; max-width: 450px; margin:0 auto 15px auto ;  }
}

@media only screen and (max-width: 599px) {
	.page #takuhai .anc-btn { text-align:center; width:220px; margin-left:auto; margin-right:auto; }
	.page #takuhai .takuhai-shop { float:none; width: 96%; margin:0 auto 15px auto ;  }
	.page #takuhai .takuhai-shop img { float:none; margin:0 auto 5px auto ;}
	.page #takuhai .anc-btn ul li { float:none; width:220px;}
}



/**
 * 固定ページ　会社概要
 * ----------------------------------------------------------------------------
 */

.page #company h3  { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;}

/* 表 ------------ */
.page #company .about { clear:both; border-left: 1px dotted #777; border-right: 1px dotted #777; margin-bottom:40px;  }
.page #company .about dl { clear:both; width:960px; border-bottom: 1px dotted #777; text-align:left; }
.page #company .about dl dt { float:left; width:210px; clear:both; padding:15px 0 12px 28px; font-weight:bold; border-top:1px dotted #777; color:#FFD9A8;
 background: url(images/ico_rect.gif) no-repeat 10px 16px;}
.page #company .about dl dd { float:right; width:750px; padding:15px 20px 12px 20px; border-top:1px dotted #777; border-left:1px dotted #777;  }
.page #company .about:after,
.page #company .about dl:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media only screen and (max-width: 959px) {
	.page #company .about dl { max-width:100%; }
	.page #company .about dl dt { width:25%; }
	.page #company .about dl dd { width:75%; }
}

/* 表 ------------ */
.page #company .history dl { clear:both; width:960px; margin-bottom:40px; border-bottom: 1px dotted #777; text-align:left; }
.page #company .history dl dt { float:left; width:210px; clear:both; padding:13px 0 10px 20px; font-weight: normal; border-top:1px dotted #777;
 background: url(images/ico_arrow_ye.png) no-repeat 5px 16px;}
.page #company .history dl dd { float:right; width:750px; padding:13px 0 10px 0; border-top:1px dotted #777; }
.page #company .history dl:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media only screen and (max-width: 959px) {
	.page #company .history dl { max-width:100%; }
	.page #company .history dl dt { width:25%; }
	.page #company .history dl dd { width:75%; }
}

/**
 * 固定ページ　お問い合わせ
 * ----------------------------------------------------------------------------
 */

.page #contact h3  { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;}

.page #contact ul { float:left; margin:0; padding:0; list-style-type:none; width:400px; }
.page #contact ul li { background:url(images/ico_cir.png) no-repeat left 7px; padding:0 0 0 14px; margin-bottom:13px;}

.page #contact img.floatR { float:right; margin:0; padding:0; }
.page #contact .mailbtn { float:right; margin:0 0 0 10px; padding:0; }

@media only screen and (max-width: 719px) {
	.page #contact ul { float:none; margin:0; padding:0; list-style-type:none; width:100%; }
	.page #contact img.floatR { float:none; margin:0; padding:0; }
	.page #contact .mailbtn { float:none; margin:0 auto 10px auto;}
}

/**
 * 固定ページ　個人情報
 * ----------------------------------------------------------------------------
 */

.page #privacy h3  { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;}

#privacy ol { margin:0 30px ; padding-top:15px; text-align:left;letter-spacing:0.1em;}
#privacy ol li { margin-bottom: 1em;}



/**
 * おすすめメニュー
 * ----------------------------------------------------------------------------
 */

.archive .site-content #osusumelist .archive-content .cat-box { float:left; width:280px; margin:0 20px 20px 20px; padding-bottom:10px; border-bottom:1px dotted #555; text-align:center;}
.archive .site-content #osusumelist .archive-content .cat-box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.archive .site-content #osusumelist .archive-content .cat-box .category-img { margin:0 0 7px 0;  }
.archive .site-content #osusumelist .archive-content .cat-box .category-img img { width:260px;}
.archive .site-content #osusumelist .archive-content .cat-box .category-data { margin:5px 0; font-size:12px; color:#FFD9A8; }
.archive .site-content #osusumelist .cat-box h2 { clear:both; font-size:15px; padding:0; margin-bottom:5px; font-weight:normal; letter-spacing:0.05em; }

@media only screen and (max-width: 600px) {
	.archive .site-content #osusumelist .archive-content .cat-box { float:none; margin:0 auto 25px auto;}
}

.single .site-content #osusume .entry-header { padding:0 0 3px 30px; margin:50px 0 40px 0; background:url(images/ico_nami.png) no-repeat left 5px;letter-spacing:0.1em; border-bottom:1px solid #F0E4D6; text-align:left;}
.single .site-content #osusume .entry-header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.single .site-content #osusume .entry-header .entry-data { font-weight:bold; color:#FFD9A8; font-size:115%; }
.single .site-content #osusume .entry-header h2.entry-title { font-size:30px; margin:0 0 0 0.5em; padding:0; border:none; }
.single .site-content #osusume .osusume-img { float:left; width:480px; margin:0; text-align:center;}
.single .site-content #osusume .osusume-img:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.single .site-content #osusume .osusume-txt { float:right; width:450px; margin:0; text-align:left;}


@media only screen and (max-width: 959px) {
	.single .site-content #osusume .entry-header,
	.single .site-content #osusume .entry-content { float:none; width:96%; margin-left: auto; margin-right: auto; }
	.single .site-content #osusume .osusume-img { float:none; margin:0 auto 10px auto; text-align:center;}
	.single .site-content #osusume .osusume-img iframe { width:100%; }
	.single .site-content #osusume .osusume-txt { float:none; width:100%; margin:0 auto; text-align:left;}
}

@media only screen and (max-width: 599px) {
	.single .site-content #osusume .osusume-img { float:none; width:100%; max-width:260px; height:368px; margin:0 auto 10px auto; text-align:center; }
	.single .site-content #osusume .osusume-img iframe { width:100%; height:368px; }
}

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.single .site-content #osusume h2.entry-title {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


/**
 * 求人情報
 * ----------------------------------------------------------------------------
 */

.page #recruitlist .archive-content h3 { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.page #recruitlist .archive-content h3.matu_r { background:url(images/ico_matu_r.png) no-repeat left top;}
.page #recruitlist .archive-content h3.matu_y { background:url(images/ico_matu_y.png) no-repeat left top;} 


.page #recruitlist .entry-content img { margin-bottom:10px; margin-right:1px;}

/* 動画 ------------ */
.page #recruitlist .movie { width:50%; float:left; text-align:center; }
.page #recruitlist .movie iframe { max-width:96%; }

@media only screen and (max-width: 640px) {
.page #recruitlist .movie { width:100%; float:none; margin-bottom:10px;}


}


/* 1日 ------------ */
.page #recruitlist dl.daytime { float:left; clear:both; width:30%; margin-bottom:15px; text-align:left; font-size:15px; }
.page #recruitlist dl.daytime dt { float:left; width:28%; clear:both; padding:13px 0 25px 30px; font-weight:bold; color:#FFD9A8;
 background: url(images/ico_clock.png) no-repeat left 15px;}
.page #recruitlist dl.daytime dd { float:right; width:68%; padding:13px 0 25px 0; background: url(images/ico_arrow_down.png) no-repeat left bottom;  }
.page #recruitlist dl.daytime dd.last { background: none;}
.page #recruitlist dl.daytime:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.page #recruitlist ul.daytime-photo { float:right; width:70%;}
.page #recruitlist ul.daytime-photo li { float:left; margin-left:10px;}
.page #recruitlist ul.daytime-photo li img { max-width:100%;}
.page #recruitlist ul.daytime-photo:after { content:" "; display:block; clear:both;}

@media only screen and (max-width: 959px) {
	.page #recruitlist dl.daytime { float:none; max-width:100%; width:360px; margin:0 auto; }
	.page #recruitlist dl.daytime dt { width:25%; }
	.page #recruitlist dl.daytime dd { width:75%; }

	.page #recruitlist ul.daytime-photo { float:none; width:100%; margin:0 auto; margin-bottom:10px;}
	.page #recruitlist ul.daytime-photo li { width:50%; text-align:center; margin-left:0;}
}

@media only screen and (max-width: 640px) {
	.page #recruitlist ul.daytime-photo li { width:100%; text-align:center; margin-bottom:10px;}

}

.page #recruitlist .holiday { margin:0; padding:0; list-style-type:none; }
.page #recruitlist .holiday ul {margin-bottom:15px; font-size:16px;}
.page #recruitlist .holiday ul li { background:url(images/ico_cir.png) no-repeat left 7px; padding:0 0 0 14px; margin-bottom:13px;}

@media only screen and (max-width: 599px) {
	.page #recruitlist .holiday { margin:0 auto; max-width:350px;}

}


.page #recruitlist .new-employee { margin-bottom:20px;}
.page #recruitlist .new-employee ul { width:100%; border-bottom:1px solid #FFD9A8; border-right:1px solid #FFD9A8; }
.page #recruitlist .new-employee ul li { float:left; width:33.333333%; height:380px; padding:0; border-left:1px solid #FFD9A8; text-align:center; }
.page #recruitlist .new-employee ul li .term { background:#FFD9A8; color:#000; height:36px; line-height:38px; padding-left:12px; text-align:left;}
.page #recruitlist .new-employee ul li .term span { display:none;}
.page #recruitlist .new-employee ul li .term2 { background:#F0E4D6 ; color:#000; height:36px; line-height:38px; padding-left:12px; text-align:left; }
.page #recruitlist .new-employee ul li h4 { font-size:15px; margin:15px 18px; text-align:left;}
.page #recruitlist .new-employee ul li p { margin:0 18px; text-align:left;}
.page #recruitlist .new-employee ul li img { margin:10px auto 0 auto; max-width:94%;}

.page #recruitlist .new-employee ul:after,
.page #recruitlist .new-employee ul li:after { content:" "; display:block; clear:both;}

@media only screen and (max-width: 599px) {
	.page #recruitlist .new-employee ul li { float:none; width:100%; height: auto; padding-bottom:20px; }
	.page #recruitlist .new-employee ul li .term span { display: block;}
}

.page #recruitlist .step h4 { clear:both; line-height:38px; font-size:18px; margin:25px 0 25px 0; padding:6px 0 2px 10px; font-weight:normal; background:#222; }
.page #recruitlist .step .boxR { margin-bottom:20px;}
.page #recruitlist .step dl { float:left; clear:both; width:100%; margin-bottom:25px; text-align:left; font-size:15px; border-bottom: 1px dotted #777; }
.page #recruitlist .step dt { float:left; width:30%; clear:both; padding:20px 0 20px 20px; font-weight:bold; color: #90B3D1; border-top:1px dotted #777;
background:url(images/ico_arrow_bl.png) no-repeat 5px 25px;}
.page #recruitlist .step dd { float:right; width:70%; padding:20px 0 20px 0; border-top:1px dotted #777;  }

.page #recruitlist ul.step-photo  { clear:both; width:100%; }
.page #recruitlist ul.step-photo li { float:left; width:31.33333%; padding:0; margin:0 1%; text-align:center; }

@media only screen and (max-width: 599px) {
.page #recruitlist ul.step-photo li { float:none; width:100%; margin-bottom:10px;a }
.page #recruitlist ul.step-photo li img { display:block; margin:0 auto;}

}

.page #recruitlist .recruit-boss { float:left; margin-right:20px; }
.page #recruitlist .recruit-comment { float:right; width:700px; }
.page #recruitlist .recruit-comment p { font-size:16px; letter-spacing:0.05em; line-height:1.7;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media only screen and (max-width: 959px) {
	.page #recruitlist .recruit-boss { float:none; width:100%; text-align:center; margin:0 auto 10px auto; }
	.page #recruitlist .recruit-comment { float:none; width:100%; }
}

.page #recruitlist .recruit-contact { border:1px solid #999; padding:20px; font-size:15px; letter-spacing:0.04em; line-height:1.75; }
.page #recruitlist .recruit-contact p { margin-top:15px; }
.page #recruitlist .recruit-contact strong { font-size:18px; }
.page #recruitlist .recruit-contact .recruit-bt { text-align:right; margin:45px 30px 0 0;}


.archive #recruitlist h3.entry-title { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}





/* 表 ------------ */
.site-content dl.work { clear:both; width:960px; margin-bottom:40px; border-bottom: 1px dotted #777; text-align:left; }
.site-content dl.work dt { float:left; width:210px; clear:both; padding:15px 0 12px 20px; font-weight:bold; border-top:1px dotted #777; color:#FFD9A8;
 background: url(images/ico_arrow_vi.png)  no-repeat 5px 19px;}
.site-content dl.work dd { float:right; width:750px; padding:15px 0 12px 0; border-top:1px dotted #777; }
.site-content dl.work:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media only screen and (max-width: 959px) {
	.site-content dl.work { max-width:100%; }
	.site-content dl.work dt { width:25%; }
	.site-content dl.work dd { width:75%; }
}


.single .site-content #recruit { width:100%; margin:0 auto; }
.single .site-content #recruit:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.single .site-content #recruit .entry-header { padding:0 0 3px 0; margin:50px 0 40px 0; letter-spacing:0.1em;text-align:left; background:none;}
.single .site-content #recruit .entry-header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.single .site-content #recruit .entry-header h2.entry-title { font-size:30px; font-weight:normal; margin:0; padding:20px 0 6px 75px; border-bottom:1px solid #F0E4D6; background:url(images/ico_daicyan.png) no-repeat left top;  }

.single .site-content #recruit .entry-header .entry-meta { text-align:left; font-size:21px; margin:0 0 5px 0; padding:0; border:none; letter-spacing:0.1em; }
.single .site-content #recruit .entry-header .entry-meta > span { margin-right: 0;}
.single .site-content #recruit .entry-header .categories-links { margin:0; padding:0 10px 0 5px; float:none;}

.single .site-content #recruit h3 { font-size:129%; font-weight:bold; letter-spacing:0.1em; padding:8px 0 3px 37px; margin-bottom:1em; border-bottom:1px solid #FFD9A8; background:url(images/ico_itamae.png) no-repeat left top; overflow:auto; }

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.single .site-content #recruit .entry-header .entry-meta {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/* 採用に関するお問い合わせ ------------ */
.single .site-content #recruit .contact { border: 1px solid #E1C600; padding: 30px 45px 20px 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.single .site-content #recruit .contact h4 { line-height:100%; font-size:129%; font-weight:bold; letter-spacing:0.1em; padding:2px 0 1px 10px; margin-bottom:20px; color:#E1C600; border-left: 7px solid #E1C600; border-bottom: none; background:none; overflow:auto; }


@media only screen and (max-width: 959px) {
	.single .site-content #recruit { max-width:100%; margin:0 auto; }
}


/* 求人情報誌掲載 ------------ */

.single .site-content #recruit ul.rec_list{ width:100%; margin-bottom:30px;}
.single .site-content #recruit ul.rec_list li{ margin:5px 5px 5px 0; padding:0; display:inline-block; vertical-align: top; list-style:none; background:none;}



/* 海外求人 */

.page #recruit_sg {}

.page #recruit_sg h3 { width:700px; margin:20px 0 30px 0; padding:8px 0 3px 25px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.page #recruit_sg ol { counter-reset: my-counter; margin:0 0 20px 30px; padding: 0; list-style: none;}
.page #recruit_sg ol li { margin-bottom:10px; font-weight:bold; font-size:18px; }
.page #recruit_sg ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #E2C227;
  color: #000;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  padding-top:3px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.page #recruit_sg .recruit-contact { padding:20px 0; border:1px solid #DDD;}

@media only screen and (max-width: 959px) {
.page #recruit_sg h3 { width:100%;}

.page #recruit_sg img.alignright { display:block; margin:0 auto 10px auto; }
.page #recruit_sg .recruit-contact { padding:10px;}

}



/* 沼津港 駐車場 */

.page #parking { margin:0 0 10px 0;}
.page #parking:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.page #parking h3  { padding:8px 0 3px 25px; margin-bottom:30px; border-bottom:1px solid #F0E4D6; font-size:21px; text-align:left; background:url(images/ico_matu.png) no-repeat left top; letter-spacing:0.1em;}
.page #parking h4 { clear:both; line-height:38px; font-size:18px; margin:15px 0 20px 0; padding:6px 0 2px 10px; font-weight:normal; background:#222; }
.page #parking h5 { font-size:16px; margin-bottom:1em; color:#E1C600; } 
.page #parking h5:first-letter { font-size:25px; font-weight:normal; margin-right:0.1em;}

.page #parking .box hr { margin-bottom:20px;}
.page #parking .catch { font-size:23px; margin-bottom:20px;}
.page #parking .catch span { font-size:28px; }
.page #parking .catch span strong {  color:#E1C600; font-weight:normal;}

.page #parking ul { margin-left:1em;}
.page #parking li { list-style: disc;}


/**
 * カテゴリーページ
 * ----------------------------------------------------------------------------
 */
.archive .site-content { width:960px; }
.archive .site-content:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.archive .site-content .archive-header { margin:0 0 45px 0; }
.archive .site-content .archive-title {
 margin: 0 0 15px 0; padding: 88px 0 0 45px; height:160px; font-size:33px; letter-spacing:0.1em; text-align:left; font-weight:normal;
 background:url(images/title_post.jpg) no-repeat left top;
 border:1px solid #3E3940; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.archive .site-content .archive-title  {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

@media only screen and (max-width: 599px) {
	.archive .site-content .archive-title { max-width:100%; margin: 0 0 10px 0; padding: 50px 0 0 30px; height:100px; font-size:23px; letter-spacing:0.1em; font-weight:normal; background:url(images/title_post.jpg) no-repeat left top;
	  -webkit-background-size: 600px 100px;
       -o-background-size: 600px 100px;
          background-size: 600px 100px;}
}

.archive .site-content .entry-header { clear:both; padding:7px 0 3px 0; margin:50px 0 0 0; letter-spacing:0.1em;text-align:left;}
.archive .site-content .entry-header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.archive .site-content .entry-header h2.entry-title { font-size:17px; margin:0; padding:0 0 2px 0; border-bottom:1px solid #F0E4D6;  }
.archive .site-content .entry-header .entry-meta { text-align:right; font-size:86%; margin:5px 0;}
.archive .site-content .entry-header .entry-meta a { text-decoration:none;}
.archive .site-content .entry-header .categories-links { margin:0 0 3px 0; padding:0 10px 0 0; float:left;}
.archive .site-content .entry-meta .categories-links { margin:0; padding:0 5px; float:right;}
.archive .site-content .entry-content { margin:0; padding:0;}
.archive .site-content .entry-content img { max-width:250px; float:left;}


@media only screen and (max-width: 959px) {
	.archive .site-content .entry-content img { width:250px; float:none; text-align:center; margin:0 auto 15px auto;}

}




/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

.hentry { padding: 0; margin-bottom:30px;}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {}

.single .site-content .entry-header { padding:0 0 3px 0; margin:50px 0 40px 0; letter-spacing:0.1em;text-align:left; background:url(images/ico_daicyan.png) no-repeat left top;}
.single .site-content .entry-header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta { padding: 0;}
.entry-thumbnail img { display: block; margin: 0 auto 10px;}
.entry-header { margin-bottom: 10px;}

.entry-title { }
.entry-title a { }
.entry-title a:hover { }

.single .site-content .entry-header h2.entry-title { font-size:30px; font-weight:normal; margin:0; padding:0 0 2px 75px; border-bottom:1px solid #F0E4D6;  }
.single .site-content .entry-header .entry-meta { text-align:right; font-size:86%; margin:5px 0;}
.single .site-content .entry-header .entry-meta a { text-decoration:none;}
.single .site-content .entry-header .categories-links { margin:0 0 3px 68px; padding:0 10px;}
.single .site-content .entry-meta .categories-links { margin:0; padding:0 5px; float:right;}




/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta { clear: both;}
.entry-meta a { }
.entry-meta a:hover { }

.entry-meta > span { margin-right: 20px;}
.entry-meta > span:last-child { margin-right: 0;}

.featured-post:before { content: "\f308"; margin-right: 2px;}

.entry-meta .date a:before { content: "\f303";}

.comments-link a:before { content: "\f300"; margin-right: 2px; position: relative; top: -1px;}

.entry-meta .author a:before { content: "\f304"; position: relative; top: -1px;}

.entry-meta .categories-links a:first-child:before { content: "\f301"; }
.recruit .entry-meta .categories-links a:first-child:before { content: none; }

.tags-links a:first-child:before { content: "\f302"; position: relative; top: -1px;}

.edit-link a:before { content: "\f411"; position: relative; top: -1px;}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date { display: none;}


/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;}

.single .site-content .entry-content h3 { font-size:129%; font-weight:normal; letter-spacing:0.1em; padding:0 0 3px 0; margin-bottom:1em; border-bottom:1px solid #FFD9A8; overflow:auto; }
.single .site-content .entry-content h4 { font-size:108%; letter-spacing:0.1em; padding:0 0 0 15px; margin-bottom:1em;
 background:url(images/ico_kin.png) no-repeat left 6px; border-bottom:1px dotted #555; overflow:auto; }
.single .site-content .entry-content ul { margin:0; padding:0; list-style-type:none; }
.single .site-content .entry-content ul li { background:url(images/ico_cir.png) no-repeat left 7px; padding:0 0 0 14px; margin-bottom:2px;}

/* テーブル組の表 ------------ */
.site-content dl.dl-table { clear:both; width: 100%; margin:0 0 35px 0; padding: 0; font-size:100%; border-width: 0 1px 1px 1px; border-style: solid; border-color: #555; }
.site-content dl.dl-table:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.site-content dl.dl-table dt { clear: both; float: left; width: 150px; padding: 12px 10px 10px 15px; border-width: 1px 0 0 0; border-style: solid; border-color: #555; font-weight: bold;}
.site-content dl.dl-table dd { margin-left: 150px; border-width: 1px 0 0 1px;  border-style: solid; border-color: #555; padding: 12px 10px 10px 15px;}
@media only screen and (max-width: 959px) {
	.site-content dl.dl-table { max-width:100%; }
}

.entry-content a,
.comment-content a { }

.entry-content a:hover,
.comment-content a:hover { }

.entry-content blockquote { font-size: 24px;}

.entry-content blockquote cite,
.entry-content blockquote small { font-size: 16px;}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft { margin-left: 0;}

.entry-content img.alignright,
.entry-content .wp-caption.alignright { margin-right: 0;}

@media only screen and (max-width: 959px) {
	.entry-content .alignleft,
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft { float:none; text-align:center;}
	.entry-content img.alignright,
	.entry-content .wp-caption.alignright { float:none; text-align:center;}

}

.entry-content hr { clear:both; height:0;}

footer.entry-meta { margin-top: 24px;}

.format-standard footer.entry-meta { margin-top: 0;}

/* Page links */
.page-links { clear: both; margin: 20px 0; font-size: 16px; line-height: 2.2; text-transform: uppercase;}

.page-links a,
.page-links > span { padding: 5px 10px; background: #fff; border: 1px solid #fff; text-decoration: none;}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a { background: #e63f2a; border: 1px solid #e63f2a; color: #fff;}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover { background: #fff; color: #e63f2a;}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span { background: none;}

.page-links .page-links-title { margin-right: 20px; padding: 0; background: transparent; border: none;}

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls { background: #220e10;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #ea9629;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959;}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0;}


/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery { margin-bottom: 20px; margin-left: -4px;}
.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative;}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item { text-align: center;}
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width:         calc(25% - 4px);}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
 width: 100%; max-height: 50%; margin: 0; padding: 2px 8px; left: 0; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.7);
 color: #fff; font-size: 14px; line-height: 1.3; text-align: left; box-sizing: border-box; opacity: 0;
 -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;
}

.gallery-caption:before { width: 100%; height: 100%; min-height: 49px; top: 0; left: 0; box-shadow: 0 -10px 15px #000 inset; content: ""; position: absolute;}

.gallery-item:hover .gallery-caption { opacity: 1;}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none;}


/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

/* Aside */
.format-aside { background-color: #f7f5e7;}

.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);}

.format-aside .entry-meta { margin-top: 0;}
.format-aside blockquote { font-size: 100%; font-weight: normal;}
.format-aside cite { font-size: 100%; text-transform: none;}
.format-aside cite:before { content: "\2014"; margin-right: 5px;}

/* Audio */
.format-audio { background-color: #db572f;}
.format-audio .entry-title { font-size: 28px; font-weight: bold;}
.format-audio .entry-content:before { content: "\f109"; float: left; font-size: 64px; position: relative; top: 4px;}

.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover { color: #fbfaf3;}

.format-audio .audio-content {
	background: url(images/dotted-line.png) repeat-y left top;
	background-size: 4px 4px;
	float: right;
	padding-left: 35px;
	width: 80%;
	width: -webkit-calc(100% - 85px);
	width:         calc(100% - 85px);
}

.format-audio .wp-audio-shortcode { height: 30px !important; margin: 20px 0; max-width: 400px !important;}

.format-audio audio { max-width: 100% !important; /* Avoid player width overflow. */}

/* Chat */
.format-chat { background-color: #eadaa6;}
.format-chat .entry-title { font-size: 28px; font-weight: bold;}
.format-chat .entry-meta a,
.format-chat .entry-content a { color: #722d19;}
.format-chat .entry-meta .date a:before { content: "\f108"; margin-right: 2px;}
.format-chat .entry-meta .author { display: none;}
.format-chat .chat { margin: 0;}
.format-chat .chat .chat-timestamp { float: right; margin: 5px 10px 0; color: #722d19; font-size: 12px; font-weight: normal;}
.format-chat .chat .fn { font-style: normal;}

/* Gallery */
.format-gallery { background-color: #fbca3c;}

.format-gallery .entry-header { margin-bottom: 15px;}

.format-gallery .entry-title { margin: 0; font-size: 50px; font-weight: 400;}

.format-gallery .entry-meta a,
.format-gallery .entry-content a { color: #722d19;}

/* Image */
.format-image .entry-title { font-size: 28px; font-weight: bold;}

.format-image .categories-links,
.format-image .tags-links { display: none;}

/* Link */
.format-link { background-color: #f7f5e7;}

.blog .format-link:first-of-type,
.single .format-link:first-of-type {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-link .entry-header,
.format-link .entry-content p:last-child { margin-bottom: 0;}

.format-link .entry-title {
	color: #ca3c08;
	display: inline;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin-right: 20px;
}

.format-link .entry-title a { color: #bc360a;}

.format-link div.entry-meta { display: inline;}

/* Quote */
.format-quote { background-color: #210d10;}

.format-quote .entry-content,
.format-quote .entry-meta { color: #f7f5e7;}

.format-quote .entry-content blockquote {
	font-size: 28px;
	margin: 0;
}

.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked { color: #e63f2a;}

.format-quote .entry-content cite a { border-bottom: 1px dotted #fff; color: #fff;}
.format-quote .entry-content cite a:hover { text-decoration: none;}

.format-quote blockquote small,
.format-quote blockquote cite { display: block; font-size: 16px;}

.format-quote blockquote { font-style: italic; font-weight: 300; padding-left: 75px; position: relative;}

.format-quote blockquote:before { position: absolute; padding-right: 25px; left: -15px; top: -3px;
 content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8;}

.format-quote .entry-meta .author { display: none;}

/* Status */
.format-status { background-color: #722d19; padding: 0;}

.format-status .entry-content,
.format-status .entry-meta { padding-left: 35px; position: relative;}

.format-status .entry-content a { color: #eadaa6;}

.format-status .entry-meta a { color: #f7f5e7;}

.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta { padding-left: 95px;}

.format-status .entry-content:before,
.format-status .entry-meta:before { width: 1px; height: 100%; left: 10px; top: 0;
 background: url(images/dotted-line.png) repeat-y left bottom; background-size: 4px 4px; content: ""; display: block; position: absolute;}

.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before { left: 70px;}

.format-status .categories-links,
.format-status .tags-links { display: none;}

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before { background-position: left top;}

.format-status .entry-content { color: #f7f5e7; font-size: 24px; padding-bottom: 30px; padding-top: 40px; position: relative;}

.format-status .entry-content p:first-child:before { width: 13px; height: 3px; margin-top: 13px; left: 4px;
 background-color: rgba(0, 0, 0, 0.65); content: ""; position: absolute;}

.sidebar .format-status .entry-content > p:first-child:before { left: 64px;}

.format-status .entry-content p:last-child { margin-bottom: 0;}

.format-status .entry-meta { margin-top: 0; padding-bottom: 40px;}

.format-status .entry-meta .date a:before { content: "\f105";}

/* Video */
.format-video { background-color: #db572f;}
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover { color: #fbfaf3;}
.format-video .entry-title { font-size: 50px; font-weight: 400;}
.format-video .entry-meta { color: #220e10;}


/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .hentry { margin: 0; padding: 0; background-color: #e8e5ce;}
.attachment .entry-header { max-width: 1040px; padding: 30px 0; margin-bottom: 0;}

.attachment .entry-title { margin: 0; float: left; display: inline-block; font: italic 30px "Source Sans Pro", Helvetica, sans-serif;}
.attachment .entry-title:before { content: "\f416"; font-size: 32px; margin-right: 10px;}

.attachment .entry-meta { clear: none; float: right; max-width: 604px; padding: 9px 0 0; color: inherit; text-align: right;}

.hentry.attachment:not(.image-attachment) .entry-meta { max-width: 104px;}

.attachment footer.entry-meta { display: none;}

.attachment-meta:before { content: "\f307";}

.full-size-link a:before { content: "\f402";}
.full-size-link:before { content: none;}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before { color: #ca3c08;}

.attachment .entry-content { background-color: #fff; max-width: 100%; padding: 40px 0;}

.image-navigation { margin: 0 auto; max-width: 1040px; position: relative;}
.image-navigation a:hover { text-decoration: none;}

.image-navigation .nav-previous,
.image-navigation .nav-next { position: absolute; top: 50px;}

.image-navigation .nav-previous { left: 0;}
.image-navigation .nav-next { right: 0;}
.image-navigation .meta-nav { font-size: 32px; font-weight: 300; vertical-align: -4px;}

.attachment .entry-attachment,
.attachment .type-attachment p { margin: 0 auto; max-width: 724px; text-align: center;}

.attachment .entry-attachment .attachment { display: inline-block;}

.attachment .entry-caption { text-align: left;}

.attachment .entry-description { margin: 20px auto 0; max-width: 604px;}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child { margin: 0;}

.attachment .site-main .sidebar-container { display: none;}

.attachment .entry-content .mejs-audio { max-width: 400px; margin: 0 auto;}
.attachment .entry-content .wp-video { margin: 0 auto;}
.attachment .entry-content .mejs-container { margin-bottom: 24px;}


/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation .nav-previous { float: left;}
.navigation .nav-next { float: right;}
.navigation a { }
.navigation a:hover { }


.sidebar .paging-navigation .nav-links { max-width: 950px; padding: 0 376px 0 60px;}

.paging-navigation .nav-next { padding: 13px 0;}

.paging-navigation a { font-size: 100%; }

.paging-navigation .meta-nav { }

.paging-navigation .nav-previous .meta-nav { }
.paging-navigation .nav-next .meta-nav { }
.paging-navigation a:hover .meta-nav { }


.paging-navigation { clear:both; padding:15px 5px; font-size: 12px; border-top:1px dotted #333;}
.paging-navigation .nav-links { margin: 0 auto; }
.sidebar .paging-navigation .nav-links { padding: 0;}
.paging-navigation a[rel="next"] { float: right; text-align: right;}


.post-navigation { padding:15px 5px; font-size: 12px; border-top:1px dotted #333;}
.post-navigation .nav-links { margin: 0 auto; }
.sidebar .post-navigation .nav-links { padding: 0;}
.post-navigation a[rel="next"] { float: right; text-align: right;}





/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info { width: 100%; margin: 0 auto; max-width: 604px; padding: 30px 0 10px; text-align: left;}
.author.sidebar .author-info { max-width: 1040px; padding: 30px 376px 10px 60px;}
.single .author-info { padding: 50px 0 0;}
.author-avatar .avatar { float: left; margin: 0 30px 30px 0;}
.single-format-status .author-description { color: #f7f5e7;}
.author-description .author-title { clear: none; margin: 0 0 8px; font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;}
.author-link { color: #ca3c08; margin-left: 2px;}
.author.archive .author-link { display: none;}





/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

.page-header { padding:0 0 3px 0; margin:10px 0 40px 0; letter-spacing:0.1em;text-align:left; background:url(images/ico_daicyan.png) no-repeat left top;}
.page-header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
h2.page-title { font-size:30px; font-weight:normal; margin:0; padding:30px 0 2px 75px; border-bottom:1px solid #F0E4D6;  }

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.page-header .page-title  {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */

.error404 .page-title { }
.error404 .page-header { }
.error404 h2.page-title { margin-bottom:20px; }

.error404 .page-wrapper { }
.error404 .page-header { }
.error404 .page-content { padding-bottom:200px; }
.error404 .page-content h3 { margin-bottom:20px; font-size:18px; }


/* 検索結果 ------------ */
.search h2.page-title { font-size:30px; font-weight:normal; margin:0; padding:30px 0 2px 75px; border-bottom:1px solid #F0E4D6;  }
.search .site-content .entry-header { clear:both; padding:7px 0 3px 0; margin:50px 0 0 0; letter-spacing:0.1em;text-align:left;}
.search .site-content .entry-header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.search .site-content .entry-header h2.entry-title { font-size:17px; margin:0; padding:0 0 2px 0; border-bottom:1px solid #F0E4D6;  }
.search .site-content .entry-header .entry-meta { text-align:right; font-size:86%; margin:5px 0;}
.search .site-content .entry-header .entry-meta a { text-decoration:none;}
.search .site-content .entry-header .categories-links { margin:0 0 3px 0; padding:0 10px 0 0; float:left;}
.search .site-content .entry-meta .categories-links { margin:0; padding:0 5px; float:right;}
.search .site-content .entry-content { margin:0; padding:0;}
.search .site-content .entry-content img { max-width:250px; float:left;}

@media only screen and (max-width: 959px) {
	.search .site-content .entry-content img { width:250px; float:none; text-align:center; margin:0 auto 15px auto;}

}



/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe { display: block; width: 100%; max-width: 604px; margin-left: auto; margin-right: auto;}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px;}

.comments-title { font-size: 28px;}

.comment-list,
.comment-list .children { list-style-type: none; padding: 0;}

.comment-list .children { margin-left: 20px;}

.comment-list > li:after,
.comment-list .children > li:before { width: 100%; height: 1px; display: block;
 background: url(images/dotted-line.png) repeat left top; background-size: 4px 4px; content: "";}

.comment-list > li:last-child:after { display: none;}

.comment-body { padding: 24px 0; position: relative;}

.comment-author { float: left; max-width: 74px;}
.comment-author .avatar { display: block; margin-bottom: 10px;}
.comment-author .fn { word-wrap: break-word;}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login { color: #bc360a; font-size: 14px; font-style: normal; font-weight: normal;}

.says { display: none;}

.no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative;}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply { width: 100%;}

.bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top;}

.comment-list .edit-link { margin-left: 20px;}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width:         calc(100% - 124px);
	word-wrap: break-word;
}

.comment-meta,
.comment-meta a { color: #a2a2a2; font-size: 13px;}

.comment-meta a:hover { color: #ea9629;}

.comment-metadata { margin-bottom: 20px;}

.ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2;}

.comment-awaiting-moderation { color: #a2a2a2;}

.comment-awaiting-moderation:before { content: "\f414"; margin-right: 5px; position: relative; top: -2px;}

.comment-reply-link:before,
.comment-reply-login:before { content: "\f412"; margin-right: 3px;}

/* Comment form */
.comment-respond { background-color: #f7f5e7; padding: 30px 0;}
.comment .comment-respond { margin-bottom: 20px; padding: 20px;}
.comment-reply-title { font: italic 28px "Source Sans Pro", Helvetica, sans-serif;}
.comment-reply-title small a { color: #131310; width: 16px; height: 16px; float: right; display: inline-block; overflow: hidden;}
.comment-reply-title small a:hover { color: #ed331c; text-decoration: none;}
.comment-reply-title small a:before { content: "\f406"; vertical-align: top;}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form { padding: 0;}

.comment-form .comment-notes { margin-bottom: 15px;}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url { margin-bottom: 8px;}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] { width: 120px; float: left; padding: 5px 0;}

.comment-form .required { color: #ed331c;}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] { max-width: 270px; width: 60%;}

.comment-form textarea { width: 100%;}

.form-allowed-tags,
.form-allowed-tags code { color: #686758; font-size: 12px;}

.form-allowed-tags code { font-size: 10px; margin-left: 3px;}

.comment-list .pingback,
.comment-list .trackback { padding-top: 24px;}

.comment-navigation { width: 100%; max-width: 604px; margin: 0 auto; padding: 20px 0 30px; font-size: 20px; font-style: italic; }

.no-comments { margin: 0; padding: 40px 0; background-color: #f7f5e7; font-size: 20px; font-style: italic; text-align: center;}

.sidebar .no-comments { padding-left: 60px; padding-right: 376px;}


/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

.site-main .mu_register { width: 100%; max-width: 604px; margin: 0 auto;}

.mu_alert { margin-top: 25px;}

.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name { font-size: inherit; width: 270px;}

.site-main .mu_register input[type="submit"] { width: auto;}



/**
 * Footer
 * ----------------------------------------------------------------------------
 */

.site-footer { clear:both; width:1260px; margin:0 auto; padding:30px 0 15px 0; text-align: center; background:#000; color:#fff; }
.site-footer:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.site-footer img { float:right; margin:0 0 10px 0; }
.site-footer .foot-nav { float:left; width:900px; margin:10px 0 0 0; text-align:left;}

.site-footer .foot-nav ul { font-size:12px; margin: 0; padding: 0; list-style-type: none; }
.site-footer .foot-nav li { background:url(images/ico_arrow_foot.png) no-repeat left 50%; padding:0 15px 0 10px; display: inline;}
.site-footer .foot-nav li ul.children { display:none;} 
.site-footer .foot-nav li:last-child { border-right:none;}

.site-footer .foot-nav-sp { display:none;}

.site-footer a:link,
.site-footer a:visited { color:#fff; text-decoration:none; }
.site-footer a:hover { color:#fff; text-decoration: underline; }

.site-info { clear:both; text-align:right; font-size:10px;}

#wpstats { margin: -10px auto 0; display: block;}

@media only screen and (max-width: 1259px) {
	.site-footer { width:100%; margin:0 auto; padding:15px 0 15px 0;}
	.site-footer .foot-nav { float:left; width:100%; margin:10px 0 0 0; text-align:left;}
	.site-info { float:right; width:40%; text-align:right; font-size:10px; margin:10px 0 0 0;}

}

@media only screen and (max-width: 599px) {
	.site-footer .foot-add { float:none; width:100%; text-align:center;}
	.site-info { float:none; width:100%; text-align:center; font-size:10px; margin:10px 0 0 0;}
	.site-footer .foot-nav { display:none;}
	.site-footer .foot-nav-sp { clear:both; width:100%; display:block; }	
	.site-footer .foot-nav-sp h3 { text-align:left}
	.site-footer .foot-nav-sp h3 img { float:none; text-align:left; margin:0 0 8px 10px;}	
	.site-footer .foot-nav-sp .foot-shoparea,
	.site-footer .foot-nav-sp .foot-spmn { clear:both; width:100%; }	
	.site-footer .foot-nav-sp .foot-shoparea ul{ margin:0; border-top:solid 1px #fff; }
	.site-footer .foot-nav-sp .foot-shoparea li{ overflow: hidden; border-bottom:solid 1px #fff; height:50px; text-align:left;}
	.site-footer .foot-nav-sp .foot-shoparea li:nth-child(odd) { float:left; width:50%; }
	.site-footer .foot-nav-sp .foot-shoparea li:nth-child(even) { border-left:solid 1px #fff;}
	.site-footer .foot-nav-sp .foot-shoparea #foot-sizutetu { overflow: hidden; height:50px; width:100%; border-bottom:solid 1px #fff; text-align:left;}
	.site-footer .foot-nav-sp .foot-shoparea a{ height: 50px; padding:0 0 0 15px; display: block; overflow: hidden; line-height: 50px; color: #fff; text-decoration: none;}
	.site-footer .foot-nav-sp .foot-shoparea a:after { width:13px; height:15px; float:right; margin:10px 10px 0px 0px; content:""; display:block;}
	.site-footer .foot-nav-sp .foot-shoparea img { margin:5px 8px 0 0;}	

	.site-footer .foot-nav-sp .foot-spmn ul { font-size:12px; margin: 10px auto; padding: 0; list-style-type: none; }
	.site-footer .foot-nav-sp .foot-spmn li { background:url(images/ico_arrow_foot.png) no-repeat left 50%; padding:0 15px 0 10px; display: inline;}
	.site-footer .foot-nav-sp .foot-spmn li ul.children { display:none;} 
	.site-footer .foot-nav-sp .foot-spmn li:last-child { border-right:none;}

}


/* ページ先頭へ------------------------------------------------ */
#pagetop { position: fixed; bottom: 120px; right:0;}
#pagetop a { width: 66px; height:64px;}
#pagetop a img{ opacity:0.8; filter: alpha(opacity=80);}
#pagetop a:hover img{ opacity:1; filter: alpha(opacity=100);}

/* 求人エントリー------------------------------------------------ */
#btn_entry { position: fixed; bottom: 20px; right:0;}
#btn_entry a { display:block; width: 185px; height:42px; margin-bottom:5px;}
#btn_entry a img{ opacity:0.8; filter: alpha(opacity=80);}
#btn_entry a:hover img{ opacity:1; filter: alpha(opacity=100);}



/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport { width: device-width;}
@viewport { width: device-width;}


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft { margin-left: 0;}
	.entry-content img.alignright,
	.entry-content .wp-caption.alignright { margin-right: 0;}
	.attachment .image-navigation,
	.attachment .entry-attachment .attachment { width: 100%; max-width: 604px; padding: 0;}
	.gallery-caption { display: none;}

	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px;}

	#content .format-status .entry-content,
	#content .format-status .entry-met { padding-left: 35px;}

	/* Small menu */
	.menu-toggle { margin: 0; cursor: pointer; display: inline-block; font: bold 16px/1.3 ;}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active { padding: 12px 0 12px 20px; background: none; border: none; color: #141412;}

	.menu-toggle:focus { outline: thin dotted;}

	.menu-toggle:after { content: "\f502"; font-size: 12px; padding-left: 8px; vertical-align: -4px;}

	.toggled-on .menu-toggle:after { content: "\f500"; vertical-align: 2px; }

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul { width: 100%; margin-left: 0; padding: 0; display: block;}

	.toggled-on li,
	.toggled-on .children { display: block;}

	.toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; margin-left: 20px; position: relative; left: auto; top: auto;}

	.toggled-on .nav-menu li > ul a { color: #141412; width: auto;}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a { background-color: transparent; color: #141412;}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover { background-color: #db572f; color: #fff;}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus { background-color: #220e10; color: #fff;}

	ul.nav-menu,
	div.nav-menu > ul { display: none;}

	#content .featured-gallery { padding-left: 24px;}

	.gallery-columns-1 .gallery-item { margin-right: 0; width: 100%;}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title { font-size: 22px; font-weight: bold;}

	.format-quote blockquote,
	.format-status .entry-content { font-size: 18px;}

	.format-quote blockquote small,
	.format-quote blockquote cite { font-size: 13px;}

	.error404 .page-title { padding: 40px 0 0;}
	.error404 .page-title:before { content: normal;}

	.comment-author { margin-right: 30px;}
	.comment-author .avatar { height: auto; max-width: 100%;}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea { height: 80px; /* Smaller field for mobile. */}

	/* Audio */
	.format-audio .entry-content:before { display: none;}
	.format-audio .audio-content { float: none; width: auto; padding-left: 0; background-image: none;}
}

/* Mobile devices */
@media (max-width: 479px) {

	.gallery { margin-left: 0;}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail { display: block;}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br { display: none;}
	.gallery .gallery-item:nth-of-type(even) { margin-right: 0;}

	/* Comments */
	.comment-author { margin: 0 0 5px; max-width: 100%;}
	.comment-author .avatar { display: inline; margin: 0 5px 0 0; max-width: 20px;}
	.comment-metadata,
	.comment-content,
	.comment-list .reply { width: 100%; }
}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

@media print {
	body.single{ background:none;}

	.site-main { width:960px; margin:0 auto; padding:0; }
	.content-area{ width:960px; float:none; margin:0 auto; padding:0; }

	.author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link,
	.edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link, post-navigation, .pankuzu { display: none;}

	.site-header,
	.site-footer,
	.site-main .sidebar-container { display: none;}
	
	#recipe .entry-header,
	#select .entry-header { margin:0 20px 25px 20px; padding-top:45px;}
	#recipe .entry-content,
	#select .entry-content { margin:0 20px;}

}