@charset "UTF-8";
@media only screen and (max-width: 767px) {
.inner { width:100%; margin-left:auto; margin-right:auto;}
.inner2 { width:100%; margin-left:auto; margin-right:auto;}
.w-m10 { margin-left:10px; margin-right:10px;}
.w-m15 { margin-left:15px; margin-right:15px;}
.w-m20 { margin-left:20px; margin-right:20px;}
.w-m25 { margin-left:25px; margin-right:25px;}
.w-m30 { margin-left:30px; margin-right:30px;}
.pc-only {display:none !important;}
#container { padding-top:50px;}
 a.tel-pc-style {color:#353535;}
/*---Header Style---*/
#header { width:100%;padding:0;box-sizing:border-box; height:50px; position:fixed; top:0; z-index:999; background-color:#fff;}
#header .clearfix { position:relative;}
#header #logo { float:none; width:100%; margin-top:0; margin-left:10px; padding-top:3px; position:relative;}
.logo-type { position:relative; top:10px;}
#site-title a img { float:left; margin-right:7px;}
.link-b-sp { width:135px;height:40px; background-color:#320506; box-sizing:border-box; padding:2px; position:absolute; top:4px; right:60px;}
.link-b-sp .link-b-sp-inner { box-sizing:border-box; border:1px solid #8A0F11;height:35px; text-align:center; font-size: 16px;}
.link-b-sp .link-b-sp-inner a { height:35px; line-height:35px; color:#fff; font-weight:bold; text-decoration:none;}
.nav {display:none; margin:20px 20px 0 20px;}
/*---Main-Visual Style---*/
.sec_main_visual .copy {max-width: 110px;height:420px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.8); padding:10px; box-sizing:border-box;}

.sec_main_visual .copy-sp { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 80px; }
/*---Sub-visual Style---*/
.sub-main-visual { background:none; width:100%; height:180px; position:relative;}
#joto .sub-main-visual { background:none;}
#blog .sub-main-visual { background:none;}
.sub-main-visual .ttl-a { top: 45%; width: 80%; }
.sub-main-visual-ttl { height:150px; background-image:url(../img/bg-title-01.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover;background-color: rgba(0,0,0,0.4);}
.joto .sub-main-visual-ttl { background:url(../img/bg-title-joto.jpg) no-repeat center center;}
#blog .sub-main-visual-ttl { background:url(../img/bg-title-blog.jpg) no-repeat center center;}
/*---BreadcrumbHolder Style---*/
.breadcrumbs { color:#000; margin:10px 15px 0 15px;}
.breadcrumbs a { color:#991113 !important; font-weight:bold; }
/*----------------------------------------------------------------------

/*---Top-Info Style---*/
#top-info { background:url(../img/bg-01.gif) top left; padding-bottom:5px; padding-top:20px;}
#top-info .top-info {float:none; margin-right:0;}
#top-info .top-info:last-child {margin-right:0;}
#top-info .topic { margin-bottom:30px;}
#top-info .top-info .topic dl { padding-bottom:10px;}
/*---Top-Recommend Style---*/
#top-recommend { padding-top:50px;}
#top-recommend .ttl-c { margin-bottom:20px;}
.recommend-list {
	width: 100%;
	min-height: auto;
	float: none;
	margin: 0 0 40px 0;
}
.recommend-list figure { text-align:center;}
.recommend-list p { margin-bottom:10px;}
.recommend-price { font-weight:bold; margin-bottom:25px !important;}
.recommend-lunchbox .clearfix , .select-food-list { margin-bottom:60px;}
.select-food { margin-bottom:50px;}
.select-food-list { width:48% !important; margin-right:4% !important; margin-bottom:20px;}
.select-food-list:nth-child(2n) { margin-right:0 !important}
.select-food-list img { width:100%; height:auto; margin-bottom: 5px;}
.recommend-lunchbox .ttl-c, .select-food .ttl-c,.select-price .ttl-c { text-align:center !important; margin-bottom:35px;}
.select-price-list { width:48%; margin-right:4%; height:inherit; box-sizing:border-box; height:auto; margin-bottom:15px;}
.select-price-list:nth-child(2n) { margin-right:0 !important;}
.select-price-list a { width: 100%; }
.select-price-list-inner { padding:10px; height:auto;}
.select-price .clearfix { margin-bottom:30px;}
#top-recommend .bnr { margin-bottom: 20px; }
#top-recommend .bnr img, #top-recommend .bnr2 img { width: 100%; }
#top-recommend .bnr2 { margin-bottom: 10px; }
/*---Top-Ranking Style---*/
#top-ranking { background:url(../img/bg-02.gif); padding:30px 0 60px 0;}
#top-ranking h3 { margin-bottom:20px;}
.ranking-list { width:100%; float:none; margin-right:0; margin-bottom:30px;}
.ranking-list:last-child { margin-bottom:0;}
.ranking-list figure { text-align:center;}
.ranking-list img { margin-bottom:15px;}
.ranking-list-name { margin-bottom:5px;}
/*---Top-Concept Style---*/
#top-concept { position:relative;}
#top-concept-inner { box-sizing:border-box; margin:0 15px;}
#top-concept-inner h3 { padding-top:120px; line-height:1.5; margin-bottom:15px;}
#top-concept .separator p {font-size:15px;}
#top-concept .separator {padding-top:15px;padding-bottom:45px;}
.link-a { width:310px;}
.link-a a p {height:60px; line-height:60px !important;}
/*---Top-Sns Style---*/
#top-sns { padding:50px 0 90px 0;}
#top-sns .ttl-b { margin-bottom:15px;}
#top-instagram { width:100%; float:none; margin-bottom: 30px;}
.top-instagram-lists li { width:48%; float:left; height:170px; margin-right:4%;}
.top-instagram-lists li:nth-child(2n) { margin-right:0;}
.top-instagram-lists li:nth-child(3n) { margin-right:4%;}
.top-instagram-lists li:nth-child(6n) { margin-right:0;}
#top-facebook { width:100%; float:none;}
/*---footer Style---*/
#footer { padding:20px 0 10px 0; box-sizing:border-box;}
.footer-info { width:100%; float:none; padding-left:0; background:url(../img/logo-mark.png)  center  top no-repeat; background-size:100px; padding-top:110px; margin-bottom:0; text-align:center;}
#footer-logo { font-size:15px; font-weight:bold; line-height:1.5; margin-bottom:5px;}
.footer-nav { width:100%; float:none; margin-top:30px;}
.footer-nav ul { text-align: center; }
.footer-nav ul li { margin-right: 10px; margin-bottom:15px; float: none; display: inline; text-align: center; line-height: 1.7;}
#footer .clearfix { border-bottom:1px solid #F9C7C8; margin-bottom:15px;}
.copyrights { text-align:center; font-size:13px; margin-bottom:15px;}
#footer-fix { display:none;}
/*---Sub-container Style---*/
.sub-container { width:100%; margin-top:35px;}
.sub-container-subnav { width:100%; float:none;display:none;}
.sub-container-main { width:100%; float:none; margin-top:0; margin-bottom:65px;}
/*---Inari Style---*/
#inari { background-image:url(../img/img-matsuba.png) , url(../img/bg-sand.gif); background-repeat:no-repeat, repeat; background-position: center center, center center; background-size:400px, auto; padding:20px 0 10px 0; margin-bottom:0;}
#inari h2 { margin-bottom:15px;}
#inari p { text-align:center; line-height:1.7; margin-bottom:25px;}
/*---Surprise-impression Style---*/
#surprise-impression { margin-bottom:40px;}
.surprise-impression-img { width:100% !important; float:none; background:url(../img/pic-about.jpg) no-repeat center center; background-size:cover; height:450px;}
.surprise-impression-txt { max-width:460px; width:100%; float:none;}
.surprise-impression-txt h2 { margin-bottom:20px;}
/*---Fujinohana-choose Style---*/
#fujinohana-choose { padding:25px 0 20px 0; margin:0 auto 40px auto;}
#fujinohana-choose h2 { margin-bottom:20px;}
#fujinohana-choose p { margin-bottom:25px;}
#fujinohana-choose li { float:left; width:105px; height:105px; font-size:16px; margin-bottom:10px;}
/*---Staff-message Style---*/
#staff-message { margin-bottom:70px;}
.staff-message-txt { width:100%; float:none; margin-bottom:20px;}
.staff-message-txt h2 { text-align:left; margin-bottom:20px;}
.staff-message-img { float:none; margin:0 auto;}
/*---Same-category-lists Style , Same-category-lists Style , Joto-recommend-lists Style---*/
#same-category-lists h2 ,#all-category-lists h2 ,#joto-recommend-lists h2 { margin-bottom:20px;}
#same-category-lists .same-category-list ,#all-category-lists .all-category-list ,#joto-recommend-lists .joto-recommend-list { width:48%; float:left; margin-right:4%;}
#same-category-lists .same-category-list:nth-child(2n)  , #all-category-lists .all-category-list:nth-child(2n) , #joto-recommend-lists .joto-recommend-list:nth-child(2n) { margin-right:0;}
#same-category-lists .same-category-list:nth-child(3n)  , #all-category-lists .all-category-list:nth-child(3n) , #joto-recommend-lists .joto-recommend-list:nth-child(3n) { margin-right:4%;}
#same-category-lists .same-category-list:nth-child(6n)  , #all-category-lists .all-category-list:nth-child(6n) , #joto-recommend-lists .joto-recommend-list:nth-child(6n) { margin-right:0;}
#same-category-lists .same-category-list img ,#all-category-lists .all-category-list img ,#joto-recommend-lists .joto-recommend-list img { margin-bottom:10px; width:100%; height:auto;}
.same-category-name ,.all-category-name ,.joto-recommend-name { margin-bottom:5px;}
#same-category-lists .same-category-list { margin-bottom:25px;}
/*---Lunchbox-detail Style---*/
#lunchbox-detail { margin-bottom:40px;}
#lunchbox-detail h2 { text-align:left; margin-bottom:20px;}
.detail-category { margin-bottom:20px;}
.detail-info-img { float:none;}
.detail-info-img img { text-align:center; width:100%; height:auto;}
.detail-info-img-main { margin-bottom:10px;}
.detail-info-images { margin-bottom:15px;}
.detail-info-images li { width:23%; margin-right:2%; height:auto;}
.detail-info-order { width:100%; float: none; padding:15px 15px 20px 15px; box-sizing:border-box;}
.detail-info-order-price { margin-bottom:10px;}
.order-input select { width:100% !important; height:30px;}
.order-submit { width:100%;}
.detail-info { margin-bottom:20px;}
#lunchbox-detail table th { width:25%;}
#lunchbox-detail table td { width:75%;}
/*---Joto-info Style , Joto-about Style---*/
#joto-info { background:url(../img/bg-01.gif) top left; padding:25px 20px; margin-bottom:40px;}
#joto-about { margin-bottom:75px;}
#joto-about .clearfix { margin-bottom:50px;}
#joto-about .joto-about-txt { width:100%; float:none;}
#joto-about .joto-about-txt h2 { margin-bottom:20px;}
#joto-about .joto-about-txt p { margin-bottom:20px;}
#joto-about .joto-about-img { width:200px; float:none; margin:0 auto;}
/*---Guide Style---*/
.guide { margin-bottom:40px;}
.guide img { margin-bottom:20px; width:100%; height:auto;}
/*---Shop Style---*/
#shop h2 { margin-bottom:45px;}
#shop img { text-align:center; width:100%; height:auto;}
.shop-images { margin-bottom:20px;}
.shop-img-l { width:100%; float:none; margin-right:0;}
.shop-img-r { width:100%; float:none;}
.shop-info dl { border-bottom:1px solid #D9D2C9; padding-bottom:10px; margin-bottom:10px;}
.shop-info dl dt { width:30%; float:left;}
.shop-info dl dd { width:70%; float:right;}
/*---Company Style---*/
#company .ttl-b { text-align:left; margin-bottom:30px;}
.company-greeting-txt { width:100%; float:none;}
.company-greeting-txt h3 { margin-bottom:15px;}
.company-greeting-txt p { margin-bottom:15px;}
.company-greeting-img { width:281px; float:none; text-align:center; margin:0 auto;}
.company-history dl { position:relative; padding-bottom:20px;}
.company-history dt { width:25%; float:left;}
.company-history dd { width:67%; float:left; margin-left:5%; padding-left:5%;}
.company-history dl:before{content:"";width: 1px;border-left:none;}
.company-history dd:before {display:none;}
/*---Recruit Style---*/
#recruit .ttl-b { text-align:left; margin-bottom:30px;}
#recruit .company-greeting-img img { margin-bottom:30px;}
.recruit-message { padding:25px 10px 40px 10px; margin-bottom:45px;}
.recruit-message h3 , .recruit-work h3 {margin-bottom:25px;}
.recruit-work { padding-bottom:20px; border-bottom:1px solid #D11719; margin-bottom:45px;}
.recruit-work dl dt { width:100%; float:none;border-right:none;}
.recruit-work dl dd { width:100%; padding:0 10px; float:none;}
.recruit-target {padding-bottom:40px; border-bottom:1px solid #D11719; margin-bottom:45px;}
.recruit-target h3 { margin-bottom:5px;}
.recruit-target p { margin-bottom:30px;}
.recruit-info { margin-bottom:45px;}
.recruit-info dt { width:30%; float:left;}
.recruit-info dd { width:70%; float:right;}
.recruit-environment { background:url(../img/bg-01.gif) top left; padding:25px 15px 20px 15px;}
.recruit-environment .clearfix { margin:50px auto 0 auto !important; width:100%;}
.recruit-environment-img { width:48%; float:left; text-align:center; margin-right:4%;}
.recruit-environment-img:nth-child(2n) { margin-right:0;}
.recruit-environment-img img { width:100%; height:auto;}
.entrybox ul { width: 100%; }
.entrybox li { float: none; width: 100%; margin: 0 0 10px 0; }
.entrybox li a { width: 100%; }
#entry th, #entry td { width: 100%; display: block; }
#entry th { border: none; padding-bottom: 0; }
#lbl_name, #lbl_kana, #lbl_mail, #lbl_tel, #lbl_address, #entry textarea { width: 100%; }

/*---Transactions Style---*/
#transactions dt { width:30%; float:left; padding-right:5%;}
#transactions dd { width:70%; float:right;padding-right:0;}
/*---Privacy Style---*/
#privacy .ttl-b { margin-bottom:20px;}
#privacy h3 { margin-bottom:15px;}
#privacy p { margin-bottom:25px;}
/*---Form Style---*/
#contact  { width:100%;}
#contact .ttl-b { margin-bottom:20px;}
.contact-info {margin-bottom:20px;}
.contact-info p { margin-bottom:10px;}
#form p { margin-bottom:15px;}
#form table th div { line-height:1.7;}
#form h3 { margin-bottom:30px;}
#form { padding:20px 5px 40px 5px; box-sizing:border-box; width:100%;}
#form table { width:100%;}
#form table th { width:100% !important;font-weight: bold;text-align:left;display: block; margin-top:5px;box-sizing:border-box; margin-bottom:10px;}
#form table td { width:100% !important;display: block;text-align: center; box-sizing:border-box;}
#form table td input { width:100% !important; box-sizing:border-box;}
#form table td textarea { width:100%; height:inherit;margin:0 0 15px 0;}
#submit {width:250px !important; margin:0 auto !important; position:relative; left:0; line-height:50px;height:50px; }
#contact-submit input {display: flex; justify-content: center; align-items: center;}
#form table td .list-form li { text-align:left;}
#form table td .list-form li:last-child { margin-bottom:0;}
#form table td .list-form input { width:30px !important;}
/*---Blog Single Style---*/
.blog-container { margin-top:0;}
.blog-container-subnav { width:100%; float:none;}
.blog-container-main { width:100%; float:none; margin-top:30px; margin-bottom:50px;}
.blog-ttl-area { padding-bottom:15px;}
.blog-ttl { margin-top: 20px; }
.blog-ttl h2 { margin-bottom:15px;}
.blog-ttl-area-date { float: none; width: 100%;}
.blog-ttl-area-cat { width:100%; float:none;}
.blog-main { width:100%; padding:20px 0;}
.blog-main p { margin-bottom:15px;}
.blog-main figure { margin-bottom:25px;}
.blog-main figure img { text-align:center; width:100%; height:auto;}
.blog-main img { width: 100%; height: auto; }
.blog-main .wp_social_bookmarking_light img { max-width: 88px; }
.pagenav { border-bottom:1px solid #D9D2C9; border-top:1px solid #D9D2C9; }
.pagenav li { float:left; width:49.5%;box-sizing:border-box; padding:30px 5px;}
/*---Title Style---*/
.ttl-a {font-size:30px;text-align:center;line-height:1.2; color:#fff; font-weight:bold;}
.ttl-b {font-size:24px;}
.ttl-d {font-size:27px;line-height:1.2; font-weight:bold; color:#D11719; padding-bottom:10px; border-bottom:1px solid #D11719; margin-bottom:35px;}
.ttl-e {font-size:35px;color:#D11719; font-weight:bold; text-align:center;line-height:1.2;}




/*---List Style---*/
ul.list-style-a { background-image:none; width:100%;padding:20px 15px 0 15px;}
ul.list-style-a figure { margin:0 auto; text-align:center; margin-top:15px;}
/*---Link Style----*/
.link-contact { width:100%; padding:25px;}
.link-contact li { float:none; text-align:center;}
.link-contact li:first-child { margin-bottom:20px; width:100%;}
.link-style-a { margin:0 auto;}
/*---Sub-visual Style---*/
#sub-visual {height:125px;line-height:125px;}
/*---Title Style---*/




/*---Blog Style---*/
#blog-lists { background-color:#FFF4EB; padding-top:20px;}
.blog-lists { background-color:#fff; border-radius:10px; padding:15px 25px 15px 25px;}
.blog-list { width:100%;}
.blog-list dt {float:none; width:100%; padding-left:0; box-sizing:border-box;}
.blog-list dd {float:none; width:100%;}
/*---Blog Single Style----*/
#blog { padding:20px 0 45px 0;}
#blog .blog-post { padding:25px 10px 30px 10px; margin-bottom:35px;}
.blog-post-info { width:100%; margin:0 auto;}
#blog .blog-post-txt { width:100%; margin:0 auto 35px auto; padding-top:40px;}
.share-sns { margin:0 auto 45px auto; width:100%;}
.share-sns li {width:48%; height:50px; border-radius:25px; text-align:center; line-height:50px; float:left; margin-right:4%;}
#page-info { background-color:#FF7300; padding:45px 5px;}
#page-info li { width:30%; font-size:14px; line-height:1.2; text-align:center; box-sizing:border-box; display:inline-block; margin-right:2%;}
#page-info li:first-child {float:none;width:30%; position:inherit; left:0;}
#page-info li:last-child {float:none;width:30%; right:0; position:inherit; margin-right:0;}
#page-info li a:hover { color:#FF7300; background-color:#fff;}
.fa-arrow-left { position:relative; left:0;}
.fa-arrow-right{ position:relative; right:0;}
/*---BreadcrumbHolder Style----*/
.breadcrumbs { margin-bottom:30px; width: auto;}
/*---Sp menu Style---*/
.sp_menu_open {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background-color:#D5191C;
}
.sp_menu_open img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.drawer .logo-menu { position:relative; top:3px; left:10px;}
.drawer .logo-menu a img { float:left;margin-right:7px;}
.close_btn {width: 50px;height: 50px;position:absolute;top:0;right:0;margin: 0;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;background-color:#D63739;}
.drawer ul { margin-top:20px;}
.drawer ul ul { margin-top:0;}
.drawer ul li {font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; border-bottom:1px solid #F2EAE1; width:100%; position:relative;}
.drawer ul li a {display: block;color: #000;text-decoration: none;line-height:1.2;font-size: 20px;font-weight:bold; padding:10px 15px 10px 0;}
.drawer ul li a p { padding-left:15px;}
.drawer ul li:first-child {border-top:1px solid #F2EAE1;}
.drawer .submenu a { background-color:#FBD9D9;}
.drawer .submenu li { border-bottom:none; margin-bottom:2px;}
.drawer ul li .arrow {position: absolute;top:20px; right: .5%; width: 30%; height:12px; background: url(../img/icon_menu-open.png) 90% 50% no-repeat; background-size:20px; cursor: pointer;}
.drawer ul li.active .arrow { background: url(../img/icon_menu-close.png) 90% 50% no-repeat !important; background-size:20px !important;}
.drawer ul ul {display: none;margin: 0;padding: 0;overflow: hidden;}
#sp-menu-logo { background-color:#9C1113; box-sizing:border-box; padding:20px 0; margin-bottom:30px;}
#sp-menu-logo ul { margin-top:0; text-align:center;}
#sp-menu-logo ul li { border-bottom:none;}
#sp-menu-logo ul li a { color:#fff;}
#sp-menu-logo ul li:first-child {
    color: #17D171;
    font-size: 13px;
    line-height: 1.5;
    border-top: none;
}
#sp-menu-logo ul li:nth-child(2) { font-size:25px;}
#sp-menu-logo ul li:last-child a { padding:15px !important; width:200px; margin:0 auto; display:block;border:1px solid #DA4548;font-size:15px !important;}
.drawer ul.sp-menu-sub { margin-top:0; text-align:center; margin-bottom:30px;}
.drawer ul.sp-menu-sub li { border-bottom:none; display:inline-block; width:inherit; margin-bottom:10px; margin-right:20px;}
.drawer ul.sp-menu-sub li:first-child {border-top:none;}
.drawer ul.sp-menu-sub li a {font-size:13px !important; color:#D11719; text-decoration:underline; padding:0;}
.drawer ul.sp-menu-sub li a:hover { text-decoration:none;}
.drawer ul.sp-menu-sns{ margin-top:0; text-align:center; margin-bottom:30px;}
.drawer ul.sp-menu-sns li { border-bottom:none; display:inline-block; width:inherit; margin-bottom:10px; margin-right:20px;}
.drawer ul.sp-menu-sns li:first-child {border-top:none;}
.drawer ul.sp-menu-sns li a {font-size:13px !important; color:#D11719; text-decoration:underline; padding:0;}
.drawer ul.sp-menu-sns li a:hover { text-decoration:none;}
}