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


/* 一時コメントアウト
   ========================================================================== */
.todaysmenu .menu_list .nutrition .all_btn{
	display: none;
}



#wrap{
	position: relative;
}

#wrap #bg_cover{
	transition: all ease-in .3s;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	font-size: 0;
}

#wrap.open #bg_cover{
	content: "";
	width: 100%;
	background: rgba(0,0,0,0.8);
}


/* header
   ========================================================================== */
header{
	padding: 5vw 0;
	position: relative;
	background: url(../images/common/header_bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
}

header .logo{
	line-height: 0;
}

header .logo a{
	line-height: 0;
	display: inline-block;
	width: 40vw;
}


/* header.top
   ========================================================================== */
header.top{
	background: none;
	padding: 0;
}

header .swiper-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

header .swiper-container img{
	display: none;
}

header .swiper-container .photo01{
	background: url(../images/top/header_bg/photo2022-08.jpg) no-repeat center center;
	background-size: cover;
}

header .swiper-container .photo02{
	background: url(../images/top/header_bg/photo02.jpg) no-repeat center center;
	background-size: cover;
}

header.top .inner{
	padding: 5vw 3vw 10vw;
	text-align: left;
	position: relative;
	z-index: 1;
}

header.top .logo{
	margin: 6vw 0 0;
}

header.top p{
	margin: 10vw 0 0;
	line-height: 0;
}


/* navi */
.pc_nav{
	display: none;
}


/* スライドメニュー
   ========================================================================== */
#ham_btn{
    position: fixed;
    right: 0;
    top: 0;
    transition: all ease-in 0.3s;
    font-size: 26px;
    color: #444;
    display: block;
    z-index: 100;
    text-align: center;
    cursor: pointer;
    transform: rotate(360deg);
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    background: rgba(241,121,38,.9);
    padding: 14px 12px;
}

#ham_btn .inner{
    padding: 10px 0 0 !important;
    width: 30px;
    height: 23px;
    display: block;
    position: relative;
    transition: all ease-out 0.8s;
    box-sizing: border-box;
}

#ham_btn .inner .bar,
#ham_btn .inner .bar:before,
#ham_btn .inner .bar:after{
    transition: all ease-out 0.3s;
    transition-delay: 0.3s;
}

#ham_btn .inner .bar{
    text-indent: -9999px;
    height: 2px;
    width: 25px;
    background: #fff;
    display: block;
}

#ham_btn .inner .bar:before{
    content: "";
    height: 2px;
    width: 25px;
    background: #fff;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
}

#ham_btn .inner .bar:after{
    content: "";
    height: 2px;
    width: 25px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
}

#ham_btn.open{
    transform: rotate(0deg);
}

#ham_btn.open .bar{
    background: transparent;
}

#ham_btn.open .bar:before{
    transform: rotate(45deg);
    top: 10px;
    background: #fff;
}

#ham_btn.open .bar:after{
    transform: rotate(-45deg);
    bottom: 10px;
    background: #fff;
}

body.open{
    position: fixed;
    width: 100%;
}

#slide_menu{
    display: block;
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    background: rgba(255,255,255,0.80);
    padding: 50px 21px 0 0;
    box-sizing: border-box;
    z-index: 100;
    transition: all ease-in 0.3s;
    overflow: auto;
}

#slide_menu.open{
    right: 0;
}
	
#slide_menu ul{
    overflow: hidden;
}    

#slide_menu li{
    margin: 0 0 2px;
    transform: translate(500px,0);
    transition: all ease-out 0.3s;
    opacity: 0;
    text-align: right;
}

#slide_menu.open li:nth-child(1){
    transition-delay: 0.3s;
}

#slide_menu.open li:nth-child(2){
    transition-delay: 0.35s;
}

#slide_menu.open li:nth-child(3){
    transition-delay: 0.4s;
}

#slide_menu.open li:nth-child(4){
    transition-delay: 0.45s;
}

#slide_menu.open li:nth-child(5){
    transition-delay: 0.5s;
}

#slide_menu.open li:nth-child(6){
    transition-delay: 0.55s;
}

#slide_menu.open li:nth-child(7){
    transition-delay: 0.6s;
}

#slide_menu.open li:nth-child(8){
    transition-delay: 0.65s;
}

#slide_menu.open li:nth-child(9){
    transition-delay: 0.7s;
}

#slide_menu.open li:nth-child(10){
    transition-delay: 0.75s;
}

#slide_menu.open li{
    transform: translate(0,0);
    opacity: 1;
}

#slide_menu li a{
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 15px 10px;
    line-height: 150%;
    box-sizing: border-box;
    transition: all ease-out 0.3s;
    border-bottom: 1px solid #333;
    color: #333;
}

#slide_menu li a span{
    display: block;
    color: inherit;
}

#slide_menu li:last-child a{
    font-size: 35px;
    padding: 10px 10px;
    line-height: 1;
    border-bottom: none;
    color: #4267B2;
    display: inline-block;
	width: auto;
}

#slide_menu li:last-child a i{
    color: inherit;
}


/* top_contents
   ========================================================================== */
.top_contents{
	margin: 6vw 0 0;
}

.top_contents .inner{
	font-size: 0;
}

.top_contents ul{
	margin: 0 3vw 0;
	font-size: 0;
}

.top_contents ul li{
	margin: 3vw 0 0;
	line-height: 0;
	text-align: center;
}

.top_contents .inner ul:first-child li{
	margin: 0 0 0;
}

.top_contents ul li a{
	display: block;
}

.top_contents ul li a img{
	width: 100%;
}


/* news.top
   ========================================================================== */
.news.top{
	margin: 10vw 0 0;
	padding-bottom: 12vw;
}

.news.top .inner{
	margin: 0 3vw;
}

.news.top h2{
	margin: 0 3vw;
	font-size: 6vw;
	line-height: 150%;
}

.news.top ul{
	margin: 3vw 0 0;
	border-top: 1px solid #ccc;
}

.news.top ul li{
	margin: 0 0 0;
	border-bottom: 1px dotted #ccc;
}

.news.top ul li a{
	padding: 3vw 3vw;
	display: block;
	font-size: 0;
}

.news.top ul li a .date{
	font-size: 4vw;
	line-height: 150%;
	display: block;
	box-sizing: border-box;
	vertical-align: top;
}

.news.top ul li a .text{
	font-size: 4vw;
	line-height: 150%;
	display: block;
	box-sizing: border-box;
	vertical-align: top;
	word-break: break-all;
}


/* slider
   ========================================================================== */
#slider{
    margin: 10vw auto;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#slider ul{
	margin: 0;
	padding: 0;
}
 
#slider ul li{
    width: 40vw;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
 
#slider ul li a{
	padding: 0 1vw;
    display: block;
}
 
#slider ul li .photo{
    line-height: 0;
}
 
#slider ul li .title,
#slider ul li .text{
    font-size: 3vw;
	line-height: 150%;
	display: block;
}
 
#slider ul li .title{
    margin: 1vw 0;
}

#slider ul li .text span{
    font-family: "Rounded Mplus 1c bold";
}


/* loopslider
   ========================================================================== */
#loopslider{
    margin: 10vw auto 0;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
	display: none;
}
 
#loopslider ul{
    float: left;
	display: block;
	margin: 0;
	padding: 0;
}
 
#loopslider ul li{
    width: 40vw;
    height: 60vw;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
 
#loopslider ul li a{
	padding: 0 1vw;
    display: block;
}
 
#loopslider ul li .photo{
    line-height: 0;
}
 
#loopslider ul li .title,
#loopslider ul li .text{
    font-size: 3vw;
	line-height: 150%;
	display: block;
}
 
#loopslider ul li .title{
    margin: 1vw 0;
}

#loopslider ul li .text span{
    font-family: "Rounded Mplus 1c bold";
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}


/* goodfoods
   ========================================================================== */
.goodfoods{
	background: url(../images/goodfoods/bg.jpg) repeat center top;
	background-size: 100%;
}

.goodfoods .inner{
	padding: 5vw;
}

.goodfoods h2{
	font-size: 6vw;
	line-height: 150%;
	text-align: center;
}

.goodfoods ul{
	margin: 5vw 0 0;
	padding: 4vw;
	background: #fff;
	border: 1px solid #8CC11E;
	border-radius: 10px;
	font-size: 0;
}

.goodfoods ul li{
	padding: 0 1vw 0 0;
	font-size: 4vw;
	line-height: 180%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
}

.goodfoods ul li a{
	font-size: 4vw;
	line-height: 180%;
	display: block;
}

.goodfoods ul li a span{
	display: inline-block;
}

.goodfoods .map{
	margin: 5vw 0 0;
	line-height: 0;
}


/* goodfoods_detail
   ========================================================================== */
.goodfoods_detail .page_title{
	padding: 5vw 0;
	font-size: 6vw;
	line-height: 150%;
	text-align: center;
}

.goodfoods_detail .top_block{
	padding: 10vw 3vw;
	background: url(../images/goodfoods/detail/bg01.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .ichinohe{
	background: url(../images/goodfoods/ichinohe/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .orisaka{
	background: url(../images/goodfoods/orisaka/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .miyairi{
	background: url(../images/goodfoods/miyairi/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .inoue{
	background: url(../images/goodfoods/inoue/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .kanno{
	background: url(../images/goodfoods/kanno/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .urata{
	background: url(../images/goodfoods/urata/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .gotou{
	background: url(../images/goodfoods/gotou/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .ishii{
	background: url(../images/goodfoods/ishii/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .kazenooka{
	background: url(../images/goodfoods/kazenooka/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .ajinoichi{
	background: url(../images/goodfoods/ajinoichi/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .kase{
	background: url(../images/goodfoods/kase/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .sainone{
	background: url(../images/goodfoods/sainone/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .kondou{
	background: url(../images/goodfoods/kondou/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .tokiwa{
	background: url(../images/goodfoods/tokiwa/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .tashiro{
	background: url(../images/goodfoods/tashiro/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .kagiroi{
	background: url(../images/goodfoods/kagiroi/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .shichifuku{
	background: url(../images/goodfoods/shichifuku/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .shibata{
	background: url(../images/goodfoods/shibata/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .mio{
	background: url(../images/goodfoods/mio/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .kaminaka{
	background: url(../images/goodfoods/kaminaka/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .taniwa{
	background: url(../images/goodfoods/taniwa/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .hirata{
	background: url(../images/goodfoods/hirata/bg.jpg) no-repeat center center;
	background-size: cover;
}

.goodfoods_detail .azumamachi_oono{
	background: url(../images/goodfoods/azumamachi_oono/bg.png) no-repeat center center;
	background-size: cover;
}









.goodfoods_detail .top_block .white_box{
	padding: 3vw;
	background: rgba(255,255,255,0.95);
}

.goodfoods_detail .top_block .info{
	margin: 0 0 0;
	font-size: 0;
}

.goodfoods_detail .top_block .info .photo{
	margin: 0 0 0;
	line-height: 0;
	box-shadow: 5px 5px 0 rgba(0,0,0,.2);
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 40%;
}

.goodfoods_detail .top_block .info .text_box{
	margin: 0 0 0;
	padding: 0 0 0 3vw;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 60%;
}

.goodfoods_detail .top_block .info .text_box p:first-child{
	margin: 0 0 0;
}

.goodfoods_detail .top_block .info .text_box .title{
	margin: 1vw 0 0;
	font-size: 5vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.goodfoods_detail .top_block .info .text_box .name{
	margin: 1vw 0 0;
	font-size: 4.5vw;
	line-height: 150%;
}

.goodfoods_detail .top_block p{
	margin: 1vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}

.goodfoods_detail .top_block a{
	display: inline-block;
	color: #0059B2;
}

.goodfoods_detail .top_block .message{
	margin: 5vw 0 0;
}

/* bottom_block */
.goodfoods_detail .bottom_block{
	padding: 10vw 3vw;
	background: url(../images/goodfoods/detail/bg02.jpg) repeat center center;
}

.goodfoods_detail .bottom_block ul{
	font-size: 0;
	line-height: 0;
}

.goodfoods_detail .bottom_block ul li{
	margin: 0 0 1% 1%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 49%;
}

.goodfoods_detail .bottom_block ul li:nth-child(2n+1){
	margin-left: 0;
}

.goodfoods_detail .bottom_block ul li a{
	padding: 3px;
	background: #fff;
	display: block;
	box-shadow: 3px 3px 0 rgba(0,0,0,.25);
}















/* aboutus
   ========================================================================== */
.aboutus .inner{
	padding: 10vw 5vw;
	background: url(../images/aboutus/bg.jpg) repeat;
}

.aboutus h2{
	font-size: 6vw;
	line-height: 150%;
	text-align: center;
}

.aboutus .text_box{
	margin: 6vw 0 0;
}

.aboutus .text_box p{
	margin: 3vw 0 0;
	font-size: 4vw;
	line-height: 200%;
}

.aboutus .text_box p:first-child{
	margin: 0 0 0;
}

.aboutus .text_box p br.pc,
.aboutus .text_box p br.pad{
	display: none;
}

.aboutus .photo{
	margin: 0 0 0;
	line-height: 0;
	font-size: 0;
}

.aboutus .photo img{
	width: 50%;
	vertical-align: top;
}


/* shop company
   ========================================================================== */
.shop,
.company,
.contact{
	background: url(../images/shop/bg.jpg) repeat-y left top,#fff;
	background-size: 50%;
}

.shop .inner,
.company .inner,
.contact .inner{
	padding: 10vw 5vw;
}

.shop h2,
.company h2,
.contact h2{
	font-size: 6vw;
	line-height: 150%;
	text-align: center;
}

.shop p.text{
	margin: 5vw 0 0 10vw;
	font-size: 4vw;
	line-height: 200%;
}

.shop p.text .pad{
	display: none;
}

.shop .btn{
	margin: 5vw auto 0;
}

.shop .table_box,
.company .table_box,
.contact .table_box{
	margin: 10vw auto 0;
}

.shop .table_box table,
.company .table_box table,
.contact .table_box table{
	width: 100%;
}

.shop .table_box table th,
.shop .table_box table td,
.company .table_box table th,
.company .table_box table td,
.contact .table_box table th,
.contact .table_box table td{
	padding: 3vw;
	font-size: 3.5vw;
	line-height: 150%;
	border: 1px solid #ddd;
	background: #fff;
	word-break: break-all;
}

.shop .table_box table th{
	width: 35%;
}

.shop .table_box table th + td{
	width: 35%;
}

.contact .table_box table th{
	width: 27%;
}

.company .table_box table th{
	width: 30%;
}

.shop .table_box table td a{
	color: #0059B2;
}

.shop .table_box table th .small{
	font-size: 3vw;
}

.contact ul{
	margin: 8vw 0 0;
}

.contact ul li{
	margin: 0 0 0;
	padding: 0 0 0 5vw;
	position: relative;
	font-size: 4vw;
	line-height: 150%;
}

.contact ul li::before{
	content: "・";
	position: absolute;
	left: 0;
}


/* form */
.req{
	color: #F00;
}

.contact input,
.contact textarea,
.contact select{
	font-size: 16px;
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ddd;
	vertical-align: middle;
}

.contact .radio label{
	display: inline-block;
	margin: 0 0 10px;
}

.contact .radio label input{
	display: inline-block;
	width: auto;
}

.contact textarea{
	margin: 20px 0 0;
}

.zsk_btn_area{
	text-align: center;
	padding: 8vw 0 0;
	font-size: 0;
}

.zsk_btn_area button{
	color: #FFF;
	border: none;
	padding: 4vw 0;
	font-size: 20px;
	border-radius: 6px;
}

.zsk_btn_area .zsk_btn01{
	background: url(../images/contact/send.png) no-repeat center center;
	background-size: 100%;
	width: 70%;
}

.zsk_btn_area .zsk_btn02{
	margin-right: 2%;
	background: url(../images/contact/back.png) no-repeat center center;
	background-size: 100%;
	width: 35%;
}

.zsk_btn_area .zsk_btn03{
	background: url(../images/contact/send.png) no-repeat center center;
	background-size: 100%;
	width: 63%;
}

.thanks p{
	margin: 8vw 0 0;
	font-size: 4vw;
	line-height: 150%;
}

.thanks .go_top_btn{
	margin: 8vw 0 0;
	text-align: center;
}

.thanks .go_top_btn a{
	padding: 3vw 10vw;
	display: inline-block;
	background: #ddd;
	color: #fff;
	font-size: 4vw;
	border-radius: 4px;
}


/* lineup
   ========================================================================== */
.lineup .inner{
	padding: 10vw 5vw;
}

.lineup h2{
	padding: 0 3vw 3vw;
	font-size: 6vw;
	line-height: 150%;
	border-bottom: 1px solid #ddd;
}

.lineup h2 span{
	font-size: 4vw;
	display: block;
}

.lineup .btn{
	margin: 6vw auto 0;
}


.lineup .bento_box{
	margin: 10vw 0 0;
}

.lineup .bento_box h3{
	padding: 0 3vw 3vw;
	font-size: 6vw;
	line-height: 150%;
	color: #F18539;
	border-bottom: 1px solid #F18539;
}

.lineup .bento_box ul{
	margin: 10vw 3vw 0;
}

.lineup .bento_box ul li{
	margin: 12vw 0 0;
	text-align: center;
}

.lineup .bento_box ul li:first-child{
	margin: 0 0 0;
}

.lineup .bento_box ul li a{
	display: block;
}

.lineup .bento_box ul li .title{
	display: block;
	line-height: 0;
}

.lineup .bento_box ul li .photo{
	margin: 3vw 0 0;
	display: block;
	line-height: 0;
}

.lineup .bento_box ul li .text_box{
	margin: 3vw 0 0;
	display: block;
	text-align: left;
}

.lineup .bento_box ul li .text{
	display: block;
	font-size: 4vw;
	line-height: 150%;
}

.lineup .bento_box ul li .pc{
	display: none;
}


/* heart curry
   ========================================================================== */
.heart .inner,
.curry .inner,
.vegetables .inner,
.named .inner,
.commitment_wrap .inner{
	padding: 10vw 5vw;
}

.syumai h2,
.heart h2,
.curry h2{
	line-height: 0;
	text-align: center;
}

.heart .photo,
.curry .photo{
	margin: 2vw 0 0;

	line-height: 0;
	text-align: center;
}

.spices .item_list,
.syumai .item_list,
.heart .item_list,
.curry .item_list,
.vegetables .item_list{
	margin: 4vw 0 0;
	line-height: 0;
	text-align: center;
	font-szie: 0;
}

.spices .item_list{
	margin: 0 0 0;
}

.heart .item_list li,
.curry .item_list li,
.vegetables .item_list li{
	margin: 0 1vw;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 30%;
}

.spices .item_list li,
.syumai .item_list li{
	margin: 0 1vw;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 30%;
}

.spices .item_list li.pc,
.syumai .item_list li.pc,
.heart .item_list li.pc,
.curry .item_list li.pc,
.vegetables .item_list li.pc{
	display: none;
}

.heart .text_list{
	margin: 10vw 0 0;
}

.heart .text_list li{
	margin: 10vw 0 0;
	padding: 0 3vw 5vw;
	border-bottom: 1px dotted #ccc;
}

.heart .text_list li h3{
	font-size: 5vw;
	line-height: 150%;
	color: #E96CA3;
}

.heart .text_list li p{
	margin: 4vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}

.curry .text_box{
	margin: 10vw 0 0;
	padding: 0 0 5vw;
	border-bottom: 1px dotted #ccc;
}

.curry .text_box p.middle_text{
	margin: 0 0 10vw;
	text-align: center;
	font-size: 6vw;
	line-height: 160%;
	font-family: "Rounded Mplus 1c bold";
}

.curry .text_box p.text{
	margin: 5vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}


/* vegetables
   ==================================== */
.vegetables .top_text{
	font-size: 5vw;
	text-align: center;
	font-family: "Rounded Mplus 1c bold";
}

.vegetables h2{
	margin: 5vw 0 0;
	line-height: 0;
	text-align: center;
}

.vegetables .bottom_text{
	margin: 5vw 0 0;
	font-size: 4vw;
	line-height: 150%;
	text-align: center;
}

.vegetables .bento_list{
	margin: 8vw 0 0;
}

.vegetables .bento_list li{
	margin: 5vw 0 0;
}

.vegetables .bento_list li h3{
	margin: 0 0 0;
	padding: 3vw;
	font-size: 5vw;
	color: #fff;
	background: #AF3631;
}

.vegetables .bento_list li:nth-child(2) h3{
	background: #324663;
}

.vegetables .bento_list li .photo{
	margin: 2vw 0 0;
	line-height: 0;
	text-align: center;
}

.vegetables .item_list + p{
	margin: 5vw 0 0;
	font-size: 4vw;
	line-height: 180%;
	text-align: center;
}


/* named
   ==================================== */
.named .column_two{
	margin: 0 0 0;
}

.named .column_two .left{
	margin: 0 0 0;
}

.named .column_two .left h2{
	font-size: 7vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.named .column_two .left h2 + p{
	margin: 5vw 0 0;
	font-size: 4vw;
	line-height: 150%;
}

.named .column_two .left .relation{
	margin: 8vw 0 0;
}

.named .column_two .left .relation h3{
	margin: 0 3vw 0;
	font-size: 4.5vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.named .column_two .left .relation li{
	margin: 3vw 0 0;
	padding: 0 3vw 3vw;
	font-size: 4vw;
	line-height: 150%;
	border-bottom: 1px dotted #ccc;
}

.named .column_two .left .relation li a{
	display: inline-block;
}

.named .column_two .right{
	margin: 6vw 0 0;
}

.named .column_two .right .photo{
	margin: 0 0 0;
	line-height: 0;
	text-align: center;
}

.named .column_two .right p{
	line-height: 150%;
}

.named .column_two .right .name01{
	margin: 2vw 0 0;
	font-size: 3vw;
}

.named .column_two .right .name02{
	margin: 2vw 0 0;
	font-size: 5vw;
	font-family: "Rounded Mplus 1c bold";
}

.named .column_two .right .name02 span{
	font-size: 4vw;
	font-family: "Rounded Mplus 1c";
}

.named .column_two .right .name03{
	margin: 2vw 0 0;
	font-size: 3.5vw;
}


/* bottom_block */
.named .bottom_block{
	margin: 0 0 0;
}

.named.mayumi .bottom_block{
	display: none;
}

.named .coming_block{
	text-align: center;
}

.katori.named .moisture{
	margin: 10vw 0 0;
	line-height: 0;
	text-align: center;
}

.named .bottom_block .colors_box{
	margin: 8vw 0 0;
	padding: 0 1vw 8vw;
	border-bottom: 1px solid #ddd;
}

.named .bottom_block .colors_box h3{
	margin: 0 0 0;
	font-size: 6vw;
	line-height: 150%;
}

.named .bottom_block .colors_box h3 + p{
	margin: 3vw 0 0;
	font-size: 10vw;
	line-height: 1;
	color: #F18539;
	font-family: "Rounded Mplus 1c bold";
}

.named .bottom_block .colors_box .title{
	margin: 3vw 0 0;
	line-height: 0;
	text-align: center;
}

.named .bottom_block .colors_box .photo{
	margin: 3vw 0 0;
	line-height: 0;
	text-align: center;
}

.named .bottom_block .colors_box .colors_list{
	margin: 5vw 0 0;
	font-size: 0;
	text-align: center;
}

.named .bottom_block .colors_box .colors_list li{
	padding: 3vw 2vw;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 32%;
	font-size: 4.5vw;
	color: #fff;
	background: #E74C3C;
	border-radius: 30px;
}

.named .bottom_block .colors_box .colors_list li:nth-child(2){
	margin: 0 2%;
	background: #E67E22;
}

.named .bottom_block .colors_box .colors_list li:nth-child(3){
	background: #27AE60;
}

.named .text_list{
	margin: 10vw 0 0;
}

.named .text_list li{
	margin: 5vw 0 0;
	padding: 0 3vw 4vw;
	border-bottom: 1px dotted #ccc;
}

.named .text_list li h4{
	margin: 0 0 0;
	font-size: 4.5vw;
	line-height: 150%;
	color: #946134;
	font-family: "Rounded Mplus 1c bold";
}

.named.spices .text_list li h4{
	color: #652C90;
}

.katori .named .text_list li h4{
	color: #946134 !important;
}

/*
.named .text_list li:nth-child(2) h4{
	color: #F8B62C;
}

.named .text_list li:nth-child(3) h4{
	color: #006733;
}

.named .text_list li:nth-child(4) h4{
	color: #EA5413;
}
*/

.named .text_list li p{
	margin: 2vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}


/* syumai
   ==================================== */
.syumai .main{
	margin: 5vw 0 0;
	text-align: center;
	line-height: 0;
}


.commitment{
	margin: 10vw 0 0;
}

.commitment.top{
	margin: 0 0 0;
}

.commitment .block_title{
	margin: 0 0 0;
	text-align: center;
	font-size: 7vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.commitment ul{
	margin: 5vw 0 0;
	text-align: center;
}

.commitment ul li{
	margin: 5vw 0 0;
	padding: 6vw 0 0;
	box-sizing: border-box;
	min-height: 44vw;
	background:-webkit-gradient(radial, center center, 0, center center, 60, from(#FACF74), to(#fff));
	background:-webkit-radial-gradient(center, circle cover, #FACF74 0%, #fff 60%);
	background:-moz-radial-gradient(center, circle cover, #FACF74 0, #fff 60%);
	background:-o-radial-gradient(center, circle cover, #FACF74 0, #fff 60%);
	background:radial-gradient(#FACF74 0, #fff 60%);
}

.commitment ul li:nth-child(2){
	background:-webkit-gradient(radial, center center, 0, center center, 60, from(#C5DD91), to(#fff));
	background:-webkit-radial-gradient(center, circle cover, #C5DD91 0%, #fff 60%);
	background:-moz-radial-gradient(center, circle cover, #C5DD91 0, #fff 60%);
	background:-o-radial-gradient(center, circle cover, #C5DD91 0, #fff 60%);
	background:radial-gradient(#C5DD91 0, #fff 60%);
}

.commitment ul li:nth-child(3){
	background:-webkit-gradient(radial, center center, 0, center center, 60, from(#F8D0D1), to(#fff));
	background:-webkit-radial-gradient(center, circle cover, #F8D0D1 0%, #fff 60%);
	background:-moz-radial-gradient(center, circle cover, #F8D0D1 0, #fff 60%);
	background:-o-radial-gradient(center, circle cover, #F8D0D1 0, #fff 60%);
	background:radial-gradient(#F8D0D1 0, #fff 60%);
}

.commitment ul li .list_title{
	margin: 0 0 0;
	font-size: 5vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.commitment ul li p{
	margin: 3vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}

.commitment.top ul li p{
	line-height: 180%;
}

.commitment.top ul li p br{
	display: none;
}

.named .coming_block div{
	margin: 8vw 0 0;
	padding: 20vw 0;
	text-align: center;
	font-size: 6vw;
	line-height: 150%;
	border: 1px solid #ddd;
}


/* icon_description
   ========================================================================== */
.icon_description{
	margin: 8vw 0 0;
}

.icon_description h3{
	margin: 0 0 0;
	padding: 0 3vw 3vw;
	font-size: 6vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
	border-bottom: 1px solid #EFBD80;
}

.icon_description ul{
	margin: 5vw 0 0;
	font-size: 0;
}

.icon_description ul li{
	margin: 4vw 0 0;
	padding: 0 3vw 4vw 0;
	font-size: 0;
	border-bottom: 1px dotted #ccc;
}

.icon_description ul li .icon{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 25%;
	line-height: 0;
}

.icon_description ul li p{
	padding: 0  0 0 2vw;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 75%;
	font-size: 4vw;
	line-height: 170%;
}


/* macrobiotic
   ========================================================================== */
.efforts_block .inner.top{
	padding: 10vw 5vw;
}

.efforts_block .inner.bottom{
	padding: 0 5vw 10vw;
}

.efforts_block h2{
	padding: 0 3vw 3vw;
	font-size: 7vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
	border-bottom: 1px solid #ddd;
}

.efforts_block h2 .small{
	display: block;
	font-size: 4vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c";
}

.efforts_block h2 .right{
	display: block;
	font-size: 4vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c";
}

.efforts_block .message{
	margin: 5vw 0 0;
}

.efforts_block .message .photo{
	margin: 0 auto 0;
	line-height: 0;
	text-align: center;
	width: 70%;
}

.efforts_block .message .right{
	margin: 4vw 0 0;
}

.efforts_block .message .right h3{
	margin: 0 0 0;
	padding: 0 0 3vw;
	font-size: 4.8vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
	border-bottom: 1px solid #ddd;
}

.efforts_block .message .right p{
	margin: 4vw 0 0;
	padding: 0 1vw;
	font-size: 4vw;
	line-height: 170%;
}


/* bento */
.efforts_block .bento{
	margin: 10vw 0 0;
}

.efforts_block .bento li{
	margin: 8vw 0 0;
}

.efforts_block .bento li h3{
	font-size: 5vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.efforts_block .bento li h3 .top_small{
	display: block;
	font-size: 4vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c";
}

.efforts_block .bento li h3 .small{
	font-size: 3.2vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c";
}

.efforts_block .bento li .photo{
	margin: 4vw 0 0;
	line-height: 0;
	text-align: center;
}

.macrobiotic .bento li p{
	margin: 4vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}

.efforts_block .bento li.btn_box h3{
	margin: 0 auto;
	line-height: 0;
	text-align: center;
	width: 60%;
}

.efforts_block .bento li.btn_box p{
	margin: 4vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}

.efforts_block .bento li.btn_box .btn{
	margin: 4vw auto 0;
}


/* promise */
.efforts_block .promise{
	margin: 10vw 0 0;
	padding: 5vw 5vw 35vw;
}

.efforts_block.macrobiotic .promise{
	background: url(../images/macrobiotic/bg.jpg) no-repeat center center;
	background-size: cover;
}

.efforts_block.ayurveda .promise{
	background: url(../images/ayurveda/bg.jpg) no-repeat center center;
	background-size: cover;
}

.efforts_block .promise .white_bg{
	padding: 5vw;
	background: rgba(255,255,255,0.8);
}

.efforts_block.ayurveda .promise .white_bg{
	border: 1px solid #3E5C53;
}

.efforts_block .promise .white_bg h3{
	font-size: 5vw;
	line-height: 150%;
	color: #3E5B52;
	text-align: center;
	font-family: "Rounded Mplus 1c bold";
}

.efforts_block.ayurveda .promise .white_bg h3,
.efforts_block.ayurveda .promise .white_bg p{
	text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

.efforts_block .promise .white_bg p{
	margin: 5vw 0 0;
	font-size: 4vw;
	line-height: 170%;
	color: #3E5B52;
}

.efforts_block .promise .white_bg p .meirio{
	color: inherit;
}


/* text_list */
.macrobiotic .text_list{
	margin: 8vw 0 0;
}

.macrobiotic .text_list li{
	margin: 3vw 0 0;
	padding: 0 2vw 3vw;
	border-bottom: 1px dotted #ccc;
}

.macrobiotic .text_list li h4{
	font-size: 5vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.macrobiotic .text_list li p{
	margin: 3vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}


/* photo_text_list */
.efforts_block .photo_text_list{
	margin: 8vw 0 0;
}

.efforts_block .photo_text_list li{
	margin: 5vw 0 0;
	padding: 0 0 5vw;
	border-bottom: 1px dotted #ccc;
}

.efforts_block .photo_text_list li:first-child{
	margin: 0 0 0;
}

.efforts_block .photo_text_list li .photo{
	margin: 0 3vw 3vw 0;
	line-height: 0;
	float: left;
	width: 40%;
}

.efforts_block .photo_text_list li .text_box{
	margin: 0 0 0;
}

.efforts_block .photo_text_list li .text_box h3{
	margin: 0 0 0;
	font-size: 5vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.efforts_block .photo_text_list li .text_box p{
	margin: 4vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}


/* system_wrap
   ========================================================================== */
.system_wrap{
	margin: 0 0 0;
}

.system_wrap .inner{
	margin: 0 auto 0;
	padding: 5vw 0;
}

.system_wrap.blog.top .inner{
	padding: 0 0 5vw;
}

.system_wrap.report.top .inner{
	padding: 0 0 2vw;
}

.system_wrap .page_title{
	margin: 0 0 4vw;
	padding: 0 0 5vw;
	text-align: center;
	font-size: 6vw;
	line-height: 150%;
	border-bottom: 1px solid #ddd;
}

.system_wrap.blog.top .page_title .bg{
	padding: 3vw;
	text-align: left;
	box-sizing: border-box;
	height: 50vw;
	display: block;
	background: url(../images/blog/main_bg.jpg) no-repeat left top;
	background-size: cover;
	text-shadow: 1px 1px 0 #fff;
}

.system_wrap.report.top .page_title .bg{
	box-sizing: border-box;
	position: relative;
	height: 42vw;
	display: block;
	background: url(../images/report/main_bg.jpg) no-repeat left top;
	background-size: cover;
	font-size: 0;
}

.system_wrap.report.top .page_title .bg img{
	position: absolute;
	right: 3vw;
	bottom: 3vw;
	width: 80%;
}

.system_wrap .page_title .small{
	margin: 0 0 2vw;
	display: block;
	font-size: 4vw;
	line-height: 150%;
}

.category_box{
	margin: 3vw;
	display: none;
	word-break: break-all;
}

.category_box .border_box{
	margin-top: 3vw;
	padding: 3vw;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.category_box .border_box.latest{
	padding: 3vw 3vw 5vw;
}

.category_box .border_box:first-child{
	margin-top: 0;
}

.category_box.sp{
	display: block;
}

.category_box .category_title{
	margin: 0 2vw 2vw;
	font-size: 5vw;
	font-weight: bold;
	font-family: "Rounded Mplus 1c bold";
}

/* カテゴリ */
.category nav ul li{
	margin: 1vw 0.5vw;
	display: block;
	position: relative;
}

.category nav ul li::before{
	content: "・";
	position: absolute;
	left: 0;
}

.category nav ul li a{
	padding: 0 4vw;
	display: block;
	font-size: 4vw;
	line-height: 150%;
}

/* 最新記事 */
.latest nav ul li{
	margin: 0 2vw;
	display: block;
}

.latest nav ul li a{
	padding: 2vw 0;
	display: block;
	border-bottom: 1px dotted #ccc;
}

.latest nav ul li:first-child a{
	padding: 0 0 2vw;
}

.latest nav ul li a .date{
	display: block;
	font-size: 3.5vw;
	line-height: 150%;
	color: #F18539;
}

.latest nav ul li a .title{
	display: block;
	font-size: 4vw;
	line-height: 150%;
}

.content_box{
	margin: 0 3vw 3vw;
	padding: 0 3vw;
}

.blog .content_box{
	padding: 0;
}

.content_box .blog_box{
	margin: 0 0 4vw;
	padding: 0 0 3vw;
	border-bottom:1px dotted #ccc;
	position: relative;
}

.content_box .blog_box .left{
	margin: 0 0 3vw;
	line-height: 0;
}

.content_box .blog_box .left a{
	display: block;
}

.content_box .blog_box .left a img{
	width: 100%;
}

.content_box .blog_box .right{
	margin: 0 0 3vw;
	word-break: break-all;
}

.content_box .blog_box .right a{
	display: block;
}

.content_box .blog_box .right .hiduke{
	margin: 0 0 2vw;
	display: block;
	font-size: 3vw;
	color: #F18539;
}

.content_box .blog_box .right .blog_title{
	margin: 0 0 2vw;
	display: block;
	font-size: 4vw;
	font-weight: bold;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.content_box .blog_box .right .summery{
	margin: 0 0 0;
	display: block;
	font-size: 4vw;
	line-height: 150%;
}

.content_box .blog_box .right .btn{
	position: absolute;
	right: 0;
	bottom: 4vw;
	display: inline-block;
}

.content_box .blog_box .right .btn a{
	background: #F18539;
	color: #fff;
	font-size: 4vw;
	padding: 2vw 5vw;
	text-align: center;
	display: block;
}



/* pagination
   ========================================================================== */
.pagination{
	text-align: right;
	padding: 20px 0;
	font-size: 0;
}

.pagination li{
	display: inline-block;
	margin: 0 3px;
}

.pagination li:last-child{
	margin-right: 0;
}

.pagination li.disabled{
	display: none;
}

.pagination .page-link{
	text-decoration: none;
	background: #CCCCCC;
	color: #FFF;
	padding: 6px 13px;
	display: block;
	font-size: 12px;
    transition: all ease-out 0.3s;
}

.pagination .active .page-link{
	background: #2980B9;
}


/* detail_page
   ========================================================================== */
.detail_page{
	margin: 50px 0 0;
	padding: 0 0 35px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
}

.blog .detail_page{
	margin: 0 3vw;
	border-bottom: none;
}

.report .detail_page{
	margin: 0 3vw;
	padding: 0;
	border-bottom: none;
}

.blog .detail_page article,
.report .detail_page article{
	padding: 3vw;
	border: 1px solid #ddd;
	border-radius: 9px;
}

.news .content_box .detail_page:first-child{
	margin: 0 0 0;
}

.detail_body{
	margin: 0 0 0;
	padding: 0 0 0;
}

.blog .detail_body{
	margin: 0 0 5vw;
	padding: 0 0 5vw;
	border-bottom: 1px dotted #ccc;
}

.report .detail_body{
	margin: 0 0 0;
	padding: 0 0 3vw;
}

.detail_page .hiduke{
	padding-left: 10px;
	margin-bottom: 12px;
	font-size: 14px;
	color: #F18539;
	display: block;
}

.news .detail_page .hiduke{
	padding-left: 0;
}

.blog .detail_page .hiduke{
	padding-left: 10px;
	margin-bottom: 0;
}

.detail_page .detail_title01{
	border-bottom: 1px solid #F18539;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 10px 10px;
	word-break: break-all;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.news .detail_page .detail_title01{
	border-bottom: none;
	margin: 0 0 30px;
	padding: 0 0 0;
}

.detail_page .category{
	margin: 0 0 10px;
}

.detail_page .photo{
	margin: 0 0 10px;
	line-height: 0;
}

.detail_page .photo img{
	width: 100%;
}

.detail_page p{
	margin: 10px 0 0;
	font-size: 15px;
	line-height: 150%;
}

.detail_page strong{
	font-family: "Rounded Mplus 1c bold";
}

.detail_page span{
	font-family: inherit;
}

.detail_page p img{
	max-width: 100%;
}

.detail_page p a{
	color: #0059B2;
}

/* news */
.detail_page .detail_title02{
	font-size: 18px;
	font-weight: bold;
	background: #F7F8F9;
	border-left: 5px solid #F18539;
	padding: 8px 5px 8px 10px;
	margin: 20px auto 20px;
}

.detail_page .detail_title03{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #F18539;
	padding: 8px 5px 8px 10px;
	margin: 20px 0 15px;
}

.detail_page .detail_title04{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 8px 25px;
	margin: 20px 0 0;
	position: relative;
}

.detail_page .detail_title04:before{
	content: "\f101";
	font-family:FontAwesome;
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 16px;
	font-weight: bold;
}

.detail_page .detail_title05{
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 8px 25px;
	margin: 20px 0 0;
	position: relative;
}

.detail_page .detail_title05:before{
	content: "\f0a4";
	font-family:FontAwesome;
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 16px;
	font-weight: bold;
}

.detail_page .detail_title06{
	margin: 20px 0 0 !important;
	font-weight: normal;
	font-size: 16px;

}

.detail_page .detail_title06 a{
	font-size: inherit;
	padding: 8px 0 8px 25px;
	position: relative;
	color: #0059B2;
	margin: 10px 0;
}

.detail_page .detail_title06 a:before{
	content: "\f0c1";
	font-family:FontAwesome;
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 16px;
	color: inherit;
}

/* blog */
.blog .detail_page h1{
	margin: 0 0 15px;
	padding: 5px 5px 8px 10px;
	font-size: 18px;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
	border-bottom: 1px solid #F18539;
}

.blog .detail_page h2{
	font-size: 20px;
	font-weight: bold;
	background: #F7F8F9;
	border-left: 5px solid #F18539;
	padding: 8px 5px 8px 10px;
	margin: 20px auto 20px;
}

.blog .detail_page h3{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #F18539;
	padding: 8px 5px 8px 10px;
	margin: 20px 0 15px;
}

.blog .detail_page h4{
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0 8px 25px;
	margin: 20px 0 0;
	position: relative;
}

.blog .detail_page h4:before{
	content: "\f101";
	font-family:FontAwesome;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 18px;
	font-weight: bold;
}

.blog .detail_page h5{
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0 8px 25px;
	margin: 20px 0 0;
	position: relative;
}

.blog .detail_page h5:before{
	content: "\f0a4";
	font-family:FontAwesome;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 18px;
	font-weight: bold;
}

.blog .detail_page h6{
	margin: 20px 0 0 !important;
	font-weight: normal;
	font-size: 18px;

}

.blog .detail_page h6 a{
	font-size: inherit;
	padding: 8px 0 8px 25px;
	position: relative;
	color: #0059B2;
	margin: 10px 0;
}

.blog .detail_page h6 a:before{
	content: "\f0c1";
	font-family:FontAwesome;
	position: absolute;
	top: 8px;
	left: 0;
	font-size: 16px;
	color: inherit;
}

.detail_page table{
	width: 100%;
	margin: 20px 0 0;
}

.detail_page table th,
.detail_page table td{
	font-size: 16px;
	padding: 3px 5px;
	border: 1px solid #ccc;
}

.detail_page ul,
.detail_page ol{
	margin: 20px 20px 0px;
}

.detail_page ul li{
	list-style: disc;
	font-size: 16px;
}

.detail_page ol li{
	list-style: decimal;
	font-size: 16px;
}

.detail_page .btn{
	margin: 35px 0;
	width: auto;
}

.detail_page .btn a{
	display: block;
	margin: auto;
	padding: 10px 0;
	width: 70%;
	background: #aaa;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #ccc;
}


/* コンテンツ内category
   ========================================================================== */
.blog .top_block{
	margin: 0 0 3vw;
}

.blog .top_block .category ul{
	margin: 0 0 0;
	font-size: 0;
}

.blog .top_block .category ul li{
	margin: 1vw 0.5vw;
	display: inline-block;
}

.blog .top_block .category ul li a{
	background: #F0F0F0;
	padding: 1vw 4vw;
	border-radius: 20px;
	display: block;
	font-size: 3vw;
}


/* sns_btn
   ========================================================================== */
.sns_area{
	margin: 0 10px 10px;
	line-height: 1;
	display: none !important;
}

.sns_sp div.g_plus{
	width: 60px;
}

.sns_pc{
	display: none;
}

.sns_area div{
	display: inline-block;
	font-size: 0;
	line-height: 1;
}

.linebutton img{
	width: 21px;
}


/* report
   ========================================================================== */
.content_box.report_list_block{
	padding: 0;
}

.content_box.report_list_block .blog_box{
	margin: 0;
	padding: 0;
	border: none;
}

.content_box .blog_box .report_list{
	margin: 0 0 0;
	font-size: 0;
}

.content_box .blog_box .report_list li{
	margin: 0 0 6vw;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 32%;
}

.content_box .blog_box .report_list li:nth-child(3n+2){
	margin: 0 2% 6vw;
}

.content_box .blog_box .report_list li a{
	display: block;
}

.content_box .blog_box .report_list li a .photo{
	display: block;
	line-height: 0;
	overflow: hidden;
	border-radius: 5px;
}

.content_box .blog_box .report_list li a .name{
	margin: 2vw 0 0;
	display: block;
	font-size: 4vw;
	line-height: 150%;
	text-align: center;
}


/* report_detail
   ============================================ */
.report_detail .top_block{
	margin: 0 0 20px;
	padding: 0 0 0 10px;
	position: relative;
}

.report_detail .top_block .nengo{
	margin: 0 0 0;
	font-size: 20px;
	line-height: 150%;
}

.report_detail .top_block .name{
	margin: 15px 0 0;
	font-size: 25px;
	line-height: 150%;
}

.report_detail .top_block .album{
	position: absolute;
	top: 0;
	right: 0;
}

.report_detail .top_block .album a{
	padding: 5px 20px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: #F1853A;
	border-radius: 50px;
	text-align: center;
}

.report_detail .detail_body section{
	margin: 50px 0 0;
}

.report_detail .detail_body .text_block{
	margin: 40px 0 0;
}

.report_detail .detail_body section:first-child,
.report_detail .detail_body section .text_block:first-child{
	margin: 0 0 0;
}

.report_detail .detail_body .report_title02{
	font-size: 20px;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
	border-bottom: 1px solid #ddd;
	padding: 8px 0 10px 10px;
	margin: 20px 0 10px;
}

.report_detail .detail_body .report_title03{
	font-size: 18px;
	line-height: 150%;
	color: #F18539;
	font-family: "Rounded Mplus 1c bold";
	border-bottom: 1px dotted #ccc;
	padding: 8px 0 10px 10px;
	margin: 20px 0 10px;
}

/* photo_right_box */
.report_detail .photo_right_box{
	margin: 0 0 0;
	padding: 0 10px;
}

.report_detail .photo_right_box p{
	font-size: 15px;
	line-height: 170%;
}

.report_detail .photo_right_box .photo_box{
	margin: 5vw 0 0;
	line-height: 0;
	text-align: center;
}

.report_detail .photo_right_box .photo_box.pc{
	display: none;
}

.report_detail .photo_right_box .photo_box .caption{
	margin: 2vw 0 0;
	display: block;
	font-size: 16px;
	line-height: 160%;
	color: #3E5B52;
}

.report_detail .photo_block{
	margin: 5vw 0 0;
}

.report_detail .border_top{
	padding: 5vw 0 0;
	border-top: 1px dotted #ccc;
}


/* todaysmenu
   ========================================================================== */
.todaysmenu .inner{
	padding: 10vw 5vw;
}

.todaysmenu h2{
	margin: auto;
	width: 80%;
}

.todaysmenu h2 a{
	padding: 3vw 3vw;
	font-size: 5vw;
	line-height: 1;
	font-weight: normal;
	color: #fff;
	background: #F1853A;
	border-radius: 50px;
	text-align: center;
	display: block;
}

.todaysmenu .date{
	margin: 5vw 0 0;
	font-size: 8vw;
	line-height: 150%;
	text-align: center;
	font-family: "Rounded Mplus 1c bold";
}

.todaysmenu .date .small{
	margin-left: 5px;
	font-size: 0.8em;
	font-family: inherit;
}

.todaysmenu .date .text{
	display: block;
	font-family: inherit;
}

.todaysmenu .menu_list{
	margin: 5vw 0 0;
	border-bottom: 1px dotted #ccc;
}

.todaysmenu .menu_list > li{
	margin: 15vw 0 0;
}

.todaysmenu .menu_list > li:first-child{
	margin: 0 0 0;
}

.todaysmenu .menu_list > li h3{
	margin: 0 0 0;
	line-height: 0;
	text-align: center;
}

.todaysmenu .menu_list > li h3 span{
	display: block;
	line-height: 0;
}

.todaysmenu .menu_list > li h3 span a{
	display: block;
}

.todaysmenu .menu_list .nutrition{
	margin: 3vw 0 0;
	padding: 0 0 4vw;
	position: relative;
}

.todaysmenu .menu_list .heart .nutrition{
	border-bottom: 1px solid #E96CA3;
}

.todaysmenu .menu_list .spices .nutrition{
	border-bottom: 1px solid #C20C22;
}

.todaysmenu .menu_list .meat .nutrition{
	border-bottom: 1px solid #AF3631;
}

.todaysmenu .menu_list .fish .nutrition{
	border-bottom: 1px solid #324663;
}

.todaysmenu .menu_list .curry .nutrition{
	border-bottom: 1px solid #FCA019;
}

.todaysmenu .menu_list .nutrition ul{
	font-size: 0;
}

.todaysmenu .menu_list .nutrition ul li{
	margin: 0 0 0;
	padding: 1vw 0 1vw 25vw;
	font-size: 4.5vw;
	line-height: 150%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 50%;
	position: relative;
}

.todaysmenu .menu_list .nutrition ul li:first-child{
	padding: 0;
	display: none;
	width: 100%;
}

.todaysmenu .menu_list .nutrition ul li::before{
	position: absolute;
	left: 0;
	top: 1vw;
}

.todaysmenu .menu_list .nutrition ul li:nth-child(2)::before{
	content: "エネルギー";
}

.todaysmenu .menu_list .nutrition ul li:nth-child(3)::before{
	content: "タンパク質";
}

.todaysmenu .menu_list .nutrition ul li:nth-child(4)::before{
	content: "脂質";
}

.todaysmenu .menu_list .nutrition ul li:nth-child(5)::before{
	content: "炭水化物";
}

.todaysmenu .menu_list .nutrition ul li:nth-child(6)::before{
	content: "ナトリウム";
}

.todaysmenu .menu_list .nutrition ul li:nth-child(7)::before{
	content: "食塩相当量";
}

.todaysmenu .menu_list .nutrition .all_btn{
	margin: 3vw 0 0;
	text-align: right;
}

.todaysmenu .menu_list .nutrition .all_btn a{
	padding: 2vw 8vw 2vw 2vw;
	font-size: 3.5vw;
	line-height: 150%;
	color: #fff;
	background: #2D8C3C;
	position: relative;
	display: inline-block;
	text-align: center;
	border-radius: 9px;
}

.todaysmenu .menu_list .nutrition .all_btn a::after{
	/*content: "\f0a9";
	font-family: "Font Awesome 5 Pro";*/
	content: "\f18e";
	font-family: FontAwesome;
	font-weight: normal;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 2vw;
    height: 5vw;
	font-size: 5vw;
}

.todaysmenu .menu_list .bottom_box{
	margin: 5vw 0 0;
}

.todaysmenu .menu_list .bottom_box .photo{
	margin: 0 3vw 3vw 0;
	line-height: 0;
	float: left;
	width: 50%;
}

.todaysmenu .menu_list .bottom_box .text_box{
	margin: 0 0 0;
	border: none;
}

.todaysmenu .menu_list .bottom_box .text_box h4{
	margin: 0 0 0;
	font-size: 6vw;
	line-height: 150%;
	font-family: "Rounded Mplus 1c bold";
}

.todaysmenu .menu_list .bottom_box .text_box p{
	margin: 3vw 0 0;
	font-size: 4vw;
	line-height: 170%;
}

.todaysmenu .menu_list .bottom_box .text_box ul{
	margin: 5vw 0 0;
	font-size: 0;
	text-align: center;
}

.todaysmenu .menu_list .bottom_box .text_box ul li{
	margin: 5vw 0 0;
	line-height: 0;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: calc(100% / 3);
}


/* XXXX
   ========================================================================== */


/* footer
   ========================================================================== */
footer.top{
	margin: 10vw 0 0;
}

footer .bg{
	margin: 0;
	padding: 6vw 0;
	background: url(../images/common/footer_bg.jpg) no-repeat center top;
	background-size: cover;
	text-align: center;
}

footer .bg .logo{
	line-height: 0;
}

footer .bg .logo a{
	display: inline-block;
	line-height: 0;
	width: 40vw;
}

footer .footer_nav{
	margin: 0;
	background: #E07724;
}

footer .footer_nav ul{
	margin: 0;
}

footer .footer_nav ul li{
	margin: 0;
}

footer .footer_nav ul li a{
	background: url(../images/common/footer_arrow.png) no-repeat 10px center;
	padding: 10px 0 10px 40px;
	background-size: 8px;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #FFF;
	font-size: 4vw;
}

footer .footer_nav ul li.sns_icon{
	display: inline-block;
}

footer .footer_nav ul li.sns_icon a{
	background: none;
	font-size: 8vw;
	display: inline-block;
	border: none;
}

footer .footer_nav ul li:last-child a{
	padding-left: 15px;
}

footer .footer_nav ul li a span,
footer .footer_nav ul li.sns_icon a i{
	color: inherit;
}

footer address{
	font-size: 3.5vw;
	padding: 4vw 0;
	text-align: center;
}


/* TOPへ戻るボタン
   ========================================================================== */
#page-top {
	position:  fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
    z-index: 4;
	line-height: 0;
}

#page-top img{
	width: 100%;
}

#page-top span{
	display: none;
}

#page-top a {
	display: block;
	height: auto;
	opacity: 0.8;
	transition: ease-in 0.3s;
}



/* 202208 */

.concept{
	padding: 10vw 2vw;
}
.concept .inner{
}
.concept h2{
	font-size: 5vw;
	line-height: 1.7;
	color: #3B1510;
}
.concept .box{
}
.concept .item{
	margin-top: 8vw;
}
.concept .thum{
}
.concept .thum img{
	width: 100%;
}
.concept p{
	padding-top: 4vw;
	font-size: 4vw;
	line-height: 1.7;
}
.home{
	padding: 0 2vw;
}
.home .inner{
	padding: 6vw 0;
	border-top: 1px solid #AFAEAF;
	border-bottom: 1px solid #AFAEAF;
}
.home h2{
	font-size: 5vw;
	line-height: 1.7;
	color: #3B1510;
}
.home .thum{
	padding-top: 4vw;
}
.home .thum img{
	width: 100%;
}
.home p{
	padding-top: 4vw;
	font-size: 4vw;
	line-height: 1.7;
}
.home_btn{
	width: 50vw;
	margin: 6vw auto 0 auto;
}
.home_btn a{
	padding: 3vw 2vw;
	border: 1px solid #3B1510;
	display: block;
	font-size: 4vw;
	line-height: 6vw;
	color: #3B1510;
	text-align: center;
}
.link{
	padding: 2vw 2vw 0 2vw;
}
.link .inner{
	padding-bottom: 8vw;
	border-bottom: 1px solid #AFAEAF;
}
.link .box{
	padding: 0 2vw;
}
.link .item{
	margin-top: 6vw;
}
.link .item img{
	width: 100%;
}
.topics{
	padding: 2vw 2vw 0 2vw;
}
.topics .inner{
}
.topics .box{
}
.topics .item{
	margin-top: 6vw;
}
.topics .item img{
	width: 100%;
}

.month_menu{
	width: 40vw;
	margin: 6vw auto 0 auto;
	display: block;
}
.month_menu a{
	padding: 3vw 2vw;
	border: 1px solid #E07724;
	display: block;
	font-size: 4vw;
	line-height: 5vw;
	color: #E07724;
	text-align: center;
}
.lineup_shop{
	padding: 0 2vw;
	text-align: center;
}
.lineup_shop .inner{
}
.lineup_shop h2{
	font-size: 4.5vw;
	line-height: 1.7;
	color: #000;
}
.lineup_shop .box{
	padding: 4vw 0 12vw 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.lineup_shop .icon{
	width: 12%;
}
.lineup_shop .title{
	padding: 0 3vw;
	font-size: 5vw;
	color: #000;
}
.lineup_shop_btn{
	width: 30%;
}
.lineup_shop_btn a{
	padding: 3vw 2vw;
	border: 1px solid #E07724;
	display: block;
	font-size: 4vw;
	line-height: 5vw;
	color: #E07724;
	text-align: center;
}
.back_btn{
	padding: 0 2vw 12vw 2vw;
	text-align: center;
}
.back_btn. .inner{
}
.back_btn a{
	padding: 2vw 6vw;
	background: #E07724;
	border: 1px solid #E07724;
	border-radius: 6vw;
	display: inline-block;
	font-size: 3.8vw;
	line-height: 4.5vw;
	color: #FFF;
}



@media screen and (min-width : 768px){

	/* header
	   ========================================================================== */
	header{
		padding: 18px 0 0;
	}
	
	header .inner{
		padding: 0 0 0 !important;
	}
	
	header .logo a{
		width: 230px;
	}


	/* header.top
	   ========================================================================== */
	header.top{
		padding: 0 0 60px;
	}
	
	header.top .inner{
		padding: 45px 0 0 !important;
	}
	
	header.top .logo{
		margin: 0 0 0 75px;
	}
	
	header.top p{
		margin: 65px 0 0 35px;
	}
	
	
    /* pc_nav
       ===================================== */
    .pc_nav{
		margin: 22px 0 0;
    	display: block;
    	background: rgba(255,255,255,.9);
		text-align: center;
		position: relative;
		z-index: 1;
    }
    	
    header.top .pc_nav{
		margin: 85px auto 0;
		width: 95%;
    }
    	
    .pc_nav ul{
    	margin: auto;
		padding: 32px 0;
		height: 90px;
    	font-size: 0;
		display: inline-block;
		box-sizing: border-box;
    }
    	
    .pc_nav ul li{
		margin: 0 15px;
		vertical-align: middle;
    	text-align: center;
		width: auto;
		display: inline-block;
    }
    	
    /*.pc_nav ul li:last-child{
    	background: none;
    }
    	
    .pc_nav ul li:last-child a{
    	font-size: 24px;
		color: #4267B2;
    }
    	
    .pc_nav ul li:last-child a i{
    	color: inherit;
    }*/
    	
    .pc_nav ul li a{
    	display: block;
    	text-align: center;
    	padding: 0;
    	font-size: 16px;
		transition: .3s;
    }


	/* top_contents
	   ========================================================================== */
	.top_contents{
		margin: 6vw 0 0;
	}
	
	.top_contents .inner{
		margin: 0 3vw;
	}
	
	.top_contents ul{
		margin: 0 0 0;
		font-size: 0;
		display: inline-block;
		width: 40%;
		box-sizing: border-box;
		vertical-align: top;
	}

	.top_contents .inner ul:nth-child(2){
		margin: 0 0 0 3%;
		width: 57%;
	}

	.top_contents .inner ul:nth-child(2) li{
		margin: 15px 0 0;
	}

	.top_contents .inner ul:nth-child(2) li:first-child{
		margin: 0 0 0;
	}


	/* news.top
	   ========================================================================== */
	.news.top{
		margin: 90px 0 0;
		padding-bottom: 100px;
	}
	
	.news.top .inner{
		margin: 0 3vw;
	}
	
	.news.top h2{
		margin: 0 3vw;
		font-size: 26px;
	}
	
	.news.top ul{
		margin: 20px 0 0;
	}
	
	.news.top ul li a{
		padding: 24px 3vw;
	}
	
	.news.top ul li a .date{
		width: 18%;
		font-size: 17px;
		display: inline-block;
	}
	
	.news.top ul li a .text{
		width: 82%;
		font-size: 17px;
		display: inline-block;
	}


	/* slider
	   ========================================================================== */
	#slider{
	    margin: 60px auto 0;
	}
	 
	#slider ul{
	    
	}
	 
	#slider ul li{
	    width: 235px;
	    height: 327px;
	}
	 
	#slider ul li a{
		padding: 0 10px;
	}
	 
	#slider ul li .title,
	#slider ul li .text{
	    font-size: 17px;
	}
	 
	#slider ul li .title{
	    margin: 5px 0 3px;
	}


	/* loopslider
	#loopslider {
	    margin: 60px auto 0;
	}
	 
	#loopslider ul {
	    
	}
	 
	#loopslider ul li {
	    width: 235px;
	    height: 327px;
	}
	 
	#loopslider ul li a{
		padding: 0 10px;
	}
	 
	#loopslider ul li .title,
	#loopslider ul li .text{
	    font-size: 17px;
	}
	 
	#loopslider ul li .title{
	    margin: 5px 0 3px;
	}
	   ========================================================================== */


	/* goodfoods
	   ========================================================================== */
	.goodfoods .inner{
		padding: 85px 30px 110px;
	}
	
	.goodfoods h2{
		margin: 0 0 0;
		font-size: 38px;
		width: 440px;
	}
	
	.goodfoods ul{
		margin: 65px 0 0;
		padding: 25px 15px 25px 30px;
		box-sizing: border-box;
		width: 440px;
	}
	
	.goodfoods ul li{
		padding-right: 10px;
	}
	
	.goodfoods ul li,
	.goodfoods ul li a{
		font-size: 18px;
	}
	
	.goodfoods .map{
		margin: -240px 0 0;
		line-height: 0;
	}


	/* goodfoods_detail
	   ========================================================================== */
	.goodfoods_detail .page_title{
		padding: 30px 0;
		font-size: 38px;
	}
	
	.goodfoods_detail .top_block{
		padding: 50px 20px;
	}
	
	.goodfoods_detail .top_block .white_box{
		padding: 30px 30px;
		min-height: 500px;
		box-sizing: border-box;
	}
	
	.goodfoods_detail .top_block .info{
		margin: 0 0 0;
		font-size: 0;
	}
	
	.goodfoods_detail .top_block .info .photo{
		margin: 0 0 0;
		width: 25%;
	}
	
	.goodfoods_detail .top_block .info .text_box{
		margin: 0 0 0;
		padding: 0 0 0 35px;
		width: 75%;
	}
	
	.goodfoods_detail .top_block .info .text_box .title{
		margin: 5px 0 0;
		font-size: 30px;
	}
	
	.goodfoods_detail .top_block .info .text_box .name{
		margin: 5px 0 10px;
		font-size: 20px;
	}
	
	.goodfoods_detail .top_block p{
		margin: 5px 0 0;
		font-size: 17px;
	}
	
	.goodfoods_detail .top_block .message{
		margin: 20px 0 0;
	}

	/* bottom_block */
	.goodfoods_detail .bottom_block{
		padding: 50px 20px 75px;
	}
	
	.goodfoods_detail .bottom_block ul li{
		margin: 0 0 20px 1.5%;
		width: 23.8%;
	}
	
	.goodfoods_detail .bottom_block ul li a{
		box-shadow: 5px 5px 0 rgba(0,0,0,.25);
	}
	
	.goodfoods_detail .bottom_block ul li:nth-child(2n+1){
		margin-left: 1.5%;
	}
	
	.goodfoods_detail .bottom_block ul li:nth-child(4n+1){
		margin-left: 0;
	}

	
	/* aboutus
	   ========================================================================== */
	.aboutus .inner{
		margin: 0 100px;
		padding: 75px 0 160px;
		position: relative;
	}
	
	.aboutus .inner::before{
		content: "";
		background: url(../images/aboutus/photo_left.jpg) repeat-y center top;
		background-size: 100%;
		width: 100px;
		height: 100%;
		position: absolute;
		left: -100px;
		top: 0;
	}
	
	.aboutus .inner::after{
		content: "";
		background: url(../images/aboutus/photo_right.jpg) repeat-y center top;
		background-size: 100%;
		width: 100px;
		height: 100%;
		position: absolute;
		right: -100px;
		top: 0;
	}
	
	.aboutus h2{
		font-size: 38px;
		line-height: 150%;
		text-align: center;
	}
	
	.aboutus .text_box{
		margin: 60px 0 0;
		text-align: center;
	}
	
	.aboutus .text_box p{
		margin: 35px 0 0;
		font-size: 18px;
		line-height: 200%;
	}
	
	.aboutus .text_box p:first-child{
		margin: 0 0 0;
	}
	
	.aboutus .text_box p br.pc,
	.aboutus .text_box p br.pad{
		display: block;
	}
	
	.aboutus .photo{
		display: none;
	}


	/* shop company contact
	   ========================================================================== */
	.shop .inner{
		padding: 68px 30px 107px;
	}
	
	.company .inner{
		padding: 68px 30px 70px;
	}
	
	.contact .inner{
		padding: 68px 30px 90px;
	}
	
	.shop h2,
	.company h2,
	.contact h2{
		font-size: 38px;
	}
	
	.shop p.text{
		margin: 50px 0 0;
		font-size: 18px;
		line-height: 175%;
		text-align: center;
		text-shadow: none;
	}
	
	.shop p.text .pad{
		display: block;
	}
	
	.shop .btn{
		margin: 30px auto 0;
	}
	
	.shop .table_box{
		margin: 45px auto 0;
	}
	
	.company .table_box{
		margin: 60px auto 0;
	}
	
	.contact .table_box{
		margin: 70px auto 0;
	}
	
	.shop .table_box table th,
	.shop .table_box table td,
	.company .table_box table th,
	.company .table_box table td{
		padding: 15px;
		font-size: 17px;
		vertical-align: middle;
	}
	
	.contact .table_box table th,
	.contact .table_box table td{
		padding: 20px 30px;
		font-size: 18px;
		vertical-align: middle;
	}
	
	.contact .table_box table tr:last-child th{
		vertical-align: top;
	}
	
	.company .table_box table th{
		width: 220px;
		box-sizing: border-box;
	}
	
	.company .table_box table td{
		padding: 15px 30px;
	}
	
	.shop .table_box table th{
		width: 32%;
	}
	
	.shop .table_box table th + td{
		width: 32%;
	}

	.shop .table_box table th .small{
		font-size: 13px;
	}

	.contact .table_box table th{
		width: 220px;
		box-sizing: border-box;
	}

	.contact input,
	.contact textarea,
	.contact select{
		font-size: 16px;
		padding: 15px;
	}

	.contact ul{
		margin: 40px 0 0;
	}
	
	.contact ul li{
		margin: 0 0 0;
		padding: 0 0 0 20px;
		font-size: 18px;
	}

	.zsk_btn_area{
		padding: 45px 0 0;
		font-size: 0;
	}
	
	.zsk_btn_area button{
		padding: 27px 0;
		font-size: 32px;
	}
	
	.zsk_btn_area .zsk_btn01{
		width: 380px;
	}
	
	.zsk_btn_area .zsk_btn02{
		margin-right: 2%;
		width: 211px;
	}
	
	.zsk_btn_area .zsk_btn03{
		width: 380px;
	}

	.thanks p{
		margin: 50px 0 0;
		font-size: 18px;
		line-height: 200%;
		text-align: center;
	}
	
	.thanks .go_top_btn{
		margin: 40px 0 0;
		text-align: center;
	}
	
	.thanks .go_top_btn a{
		padding: 15px 50px;
		display: inline-block;
		background: #ddd;
		color: #fff;
		font-size: 16px;
		border-radius: 4px;
	}


	/* lineup
	   ========================================================================== */
	.lineup .inner{
		padding: 45px 30px 95px;
	}
	
	.lineup h2{
		padding: 0 35px 30px;
		font-size: 37px;
	}
	
	.lineup h2 span{
		font-size: 22px;
		display: block;
	}
	
	.lineup .btn{
		margin: 30px 0 0 30px;
	}
	
	
	.lineup .bento_box{
		margin: 60px 0 0;
	}
	
	.lineup .bento_box h3{
		padding: 0 35px 30px;
		font-size: 33px;
	}
	
	.lineup .bento_box ul{
		margin: 30px 0 0;
	}
	
	.lineup .bento_box ul li{
		margin: 40px 0 0;
		font-size: 0;
	}
	
	.lineup .bento_box ul li .photo{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 48%;
	}
	
	.lineup .bento_box ul li .text_box{
		margin: 0 0 0;
		padding: 0 0 0 2%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 52%;
	}
	
	.lineup .bento_box ul li .title{
		display: block;
	}
	
	.lineup .bento_box ul li .text{
		margin: 25px 0 0 10px;
		font-size: 20px;
	}
	
	.lineup .bento_box ul li .sp{
		display: none;
	}


	/* heart curry
	   ========================================================================== */
	.syumai .inner,
	.heart .inner,
	.curry .inner{
		padding: 70px 30px 140px;
	}
	
	.heart .photo,
	.curry .photo{
		margin: 20px 0 0;
	}
	
	.heart .item_list{
		margin: 36px 0 0;
	}
	
	.curry .item_list{
		margin: 56px 0 0;
	}
	
	.spices .item_list li,
	.syumai .item_list li,
	.heart .item_list li,
	.curry .item_list li,
	.vegetables .item_list li{
		margin: 0 20px;
		display: none;
		width: auto;
	}

	.spices .item_list li.pc,
	.syumai .item_list li.pc,
	.heart .item_list li.pc,
	.curry .item_list li.pc,
	.vegetables .item_list li.pc{
		display: block;
	}
	
	.heart .text_list{
		margin: 64px 0 0;
	}
	
	.heart .text_list li{
		margin: 45px 0 0;
		padding: 0 25px 30px;
	}
	
	.heart .text_list li h3{
		font-size: 20px;
	}
	
	.heart .text_list li p{
		margin: 25px 0 0;
		font-size: 17px;
	}

	.curry .text_box{
		margin: 50px 0 0;
		padding: 0 0 35px;
	}
	
	.curry .text_box p.middle_text{
		margin: 0 0 50px;
		font-size: 24px;
	}
	
	.curry .text_box p.text{
		margin: 27px 0 0;
		font-size: 20px;
		text-align: center;
	}


	/* vegetables
	   ==================================== */
	.vegetables_wrap .inner{
		padding: 70px 30px 74px;
	}
	
	.vegetables .top_text{
		font-size: 28px;
	}
	
	.vegetables h2{
		margin: 38px 0 0;
	}
	
	.vegetables .bottom_text{
		margin: 30px 0 0;
		font-size: 22px;
	}
	
	.vegetables .bento_list{
		margin: 58px 0 0;
		font-size: 0;
	}
	
	.vegetables .bento_list li{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 49%;
	}
	
	.vegetables .bento_list li:first-child{
		margin: 0 2% 0 0;
	}
	
	.vegetables .bento_list li h3{
		margin: 0 0 0;
		padding: 12px 22px;
		font-size: 22px;
	}
	
	.vegetables .bento_list li .photo{
		margin: 14px 0 0;
	}
	
	.vegetables .item_list + p{
		margin: 45px 0 0;
		font-size: 22px;
	}


	/* mayumi
	   ==================================== */
	.named_wrap .inner{
		padding: 50px 30px 90px;
	}
	
	.named .column_two{
		margin: 0 0 0;
		font-size: 0;
	}
	
	.named .column_two .left{
		margin: 0 0 0;
		padding: 40px 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 58%;
	}
	
	.named.syumai .column_two .left{
		padding: 40px 0 0;
		display: block;
		width: 100%;
	}
	
	.named .column_two .left h2{
		margin: 0 0 0 10px;
		font-size: 40px;
	}
	
	.named .column_two .left h2 + p{
		margin: 20px 0 0 10px;
		font-size: 19px;
	}
	
	.named .column_two .left .relation{
		margin: 50px 0 0;
	}
	
	.named.syumai .column_two .left .relation{
		margin: 0 0 0;
	}
	
	.named .column_two .left .relation h3{
		margin: 0 10px 0;
		font-size: 20px;
	}
	
	.named .column_two .left .relation ul{
		margin: 0 0 80px;
	}
	
	.katori .named .column_two .left .relation ul{
		margin: 0 0 40px;
	}
	
	.named .column_two .left .relation li{
		margin: 15px 0 0;
		padding: 0 10px 15px;
		font-size: 17px;
	}
	
	.named .column_two .left .relation li a{
		display: inline-block;
	}
	
	.named .column_two .right{
		margin: 0 0 0 3%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 38%;
	}
	
	.named .column_two .right .photo{
		margin: 0 0 0;
	}
	
	.named .column_two .right .name01{
		margin: 25px 0 0;
		font-size: 14px;
	}
	
	.named .column_two .right .name02{
		margin: 5px 0 0;
		font-size: 30px;
	}
	
	.named .column_two .right .name02 span{
		font-size: 22px;
	}
	
	.named .column_two .right .name03{
		margin: 0 0 0;
		font-size: 16px;
	}


	/* bottom_block */
	.named .bottom_block .colors_box{
		margin: -50px 0 0;
		padding: 0 50px 92px;
	}

	.katori.named .moisture{
		margin: 0 0 0;
	}
	
	.named .bottom_block .colors_box h3{
		margin: 0 0 0;
		font-size: 32px;
	}
	
	.named .bottom_block .colors_box h3 + p{
		margin: 15px 0 0;
		font-size: 45px;
	}
	
	.named .bottom_block .colors_box .title{
		margin: 40px 0 0;
	}
	
	.named .bottom_block .colors_box .photo{
		margin: 57px 0 0;
	}
	
	.named .bottom_block .colors_box .colors_list{
		margin: 25px 0 0;
	}
	
	.named .bottom_block .colors_box .colors_list li{
		padding: 14px 0;
		width: 180px;
		font-size: 27px;
	}
	
	.named .bottom_block .colors_box .colors_list li:nth-child(2){
		margin: 0 10px;
	}
	
	.named .text_list{
		margin: 65px 0 0;
	}
	
	.named .text_list li{
		margin: 20px 0 0;
		padding: 0 15px 20px;
	}
	
	.named .text_list li h4{
		margin: 0 0 0;
		font-size: 20px;
	}
	
	.named .text_list li p{
		margin: 10px 0 0;
		font-size: 17px;
	}


	/* syumai
	   ==================================== */
	.syumai .main{
		margin: 57px 0 0;
	}
	
	
	/* commitment */
	.commitment_wrap .inner{
		padding: 68px 30px 98px;
	}
	
	.commitment{
		margin: 70px 0 0;
	}
	
	.commitment .block_title{
		font-size: 33px;
	}
	
	.commitment.top .block_title{
		font-size: 38px;
	}
	
	.commitment ul{
		margin: 30px 0 0;
		font-size: 0;
	}
	
	.commitment.top ul{
		margin: -50px 0 0;
		font-size: 0;
	}
	
	.commitment ul li{
		margin: 0 0 0;
		padding: 40px 10px 0;
		min-height: 32%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 32%;
	}
	
	.commitment ul li:nth-child(2){
		margin: 0 2% 0;
	}
	
	.commitment.top ul li{
		margin: 0 auto 0;
		padding: 130px 10px 0;
		min-height: 60vw;
		display: block;
		width: 80%;
	}
	
	.commitment.top ul li:nth-child(2){
		margin: -170px auto;
	}
	
	.commitment ul li .list_title{
		margin: 0 0 0;
		font-size: 22px;
	}
	
	.commitment ul li p{
		margin: 30px 0 0;
		font-size: 17px;
	}
	
	.commitment.top ul li p br{
		display: block;
	}

	.commitment.top ul li{
		background:-webkit-gradient(radial, center center, 0, center center, 40, from(#FACF74), to(transparent));
		background:-webkit-radial-gradient(center, circle cover, #FACF74 0%, transparent 40%);
		background:-moz-radial-gradient(center, circle cover, #FACF74 0, transparent 40%);
		background:-o-radial-gradient(center, circle cover, #FACF74 0, transparent 40%);
		background:radial-gradient(#FACF74 0, transparent 40%);
	}
	
	.commitment.top ul li:nth-child(2){
		background:-webkit-gradient(radial, center center, 0, center center, 40, from(#C5DD91), to(transparent));
		background:-webkit-radial-gradient(center, circle cover, #C5DD91 0%, transparent 40%);
		background:-moz-radial-gradient(center, circle cover, #C5DD91 0, transparent 40%);
		background:-o-radial-gradient(center, circle cover, #C5DD91 0, transparent 40%);
		background:radial-gradient(#C5DD91 0, transparent 40%);
	}
	
	.commitment.top ul li:nth-child(3){
		background:-webkit-gradient(radial, center center, 0, center center, 40, from(#F8D0D1), to(transparent));
		background:-webkit-radial-gradient(center, circle cover, #F8D0D1 0%, transparent 40%);
		background:-moz-radial-gradient(center, circle cover, #F8D0D1 0, transparent 40%);
		background:-o-radial-gradient(center, circle cover, #F8D0D1 0, transparent 40%);
		background:radial-gradient(#F8D0D1 0, transparent 40%);
	}
	
	.named .coming_block div{
		margin: 57px 0 0;
		padding: 132px 0;
		font-size: 32px;
	}


	/* icon_description
	   ========================================================================== */
	.icon_description{
		margin: 0 0 0;
	}
	
	.icon_description h3{
		margin: 0 0 0;
		padding: 0 35px 20px;
		font-size: 24px;
	}
	
	.icon_description ul{
		margin: 45px 0 0;
	}
	
	.icon_description ul li{
		margin: 35px 0 0;
		padding: 0 25px 35px 0;
	}
	
	.icon_description ul li .icon{
		width: 25%;
	}
	
	.icon_description ul li p{
		padding: 0  0 0 5px;
		width: 75%;
		font-size: 19px;
	}


	/* macrobiotic
	   ========================================================================== */
	.efforts_block .inner.top{
		padding: 45px 30px 73px;
	}
	
	.efforts_block .inner.bottom{
		padding: 0 30px 73px;
	}
	
	.efforts_block h2{
		padding: 0 10px 15px 25px;
		font-size: 34px;
	}
	
	.efforts_block h2 .small{
		font-size: 18px;
	}
	
	.efforts_block h2 .right{
		margin: 20px 0 0;
		font-size: 16px;
		float: right;
	}
	
	.efforts_block .message{
		margin: 45px 0 0;
		font-size: 0;
	}
	
	.efforts_block .message .photo{
		margin: 0 auto 0;
		width: 38%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	.efforts_block .message .right{
		margin: 0 0 0;
		width: 62%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	.efforts_block .message .right h3{
		margin: 0 0 27px;
		padding: 0 25px 20px;
		font-size: 21px;
	}
	
	.efforts_block .message .right p{
		margin: 25px 0 0;
		padding: 0 25px;
		font-size: 17px;
	}


	/* bento */
	.efforts_block .bento{
		margin: 60px 0 0;
		font-size: 0;
	}
	
	.efforts_block .bento li{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 48%;
	}
	
	.efforts_block .bento li:nth-child(1){
		margin: 0 4% 0 0;
	}
	
	.efforts_block .bento li h3{
		font-size: 20px;
	}
	
	.efforts_block .bento li h3 .top_small{
		font-size: 16px;
	}
	
	.efforts_block .bento li h3 .small{
		font-size: 13px;
	}
	
	.efforts_block .bento li .photo{
		margin: 28px 0 0;
	}
	
	.macrobiotic .bento li p{
		margin: 30px 0 0;
		font-size: 16px;
	}

	.efforts_block .bento li.btn_box h3{
		margin: 75px auto 0;
		width: 60%;
	}
	
	.efforts_block .bento li.btn_box p{
		margin: 15px 0 0;
		font-size: 16px;
	}
	
	.efforts_block .bento li.btn_box .btn{
		margin: 15px auto 0;
	}

	/* promise */
	.efforts_block .promise{
		margin: 57px 0 0;
		padding: 55px 50px 180px;
	}
	
	.efforts_block .promise .white_bg{
		padding: 35px 24px 40px;
	}
	
	.efforts_block .promise .white_bg h3{
		font-size: 30px;
	}
	
	.efforts_block .promise .white_bg p{
		margin: 30px 0 0;
		font-size: 20px;
	}


	/* text_list */
	.macrobiotic .text_list{
		margin: 55px 0 0;
	}
	
	.macrobiotic .text_list li{
		margin: 30px 0 0;
		padding: 0 20px 30px;
	}
	
	.macrobiotic .text_list li h4{
		font-size: 24px;
	}
	
	.macrobiotic .text_list li p{
		margin: 20px 0 0;
		font-size: 17px;
	}


	/* photo_text_list */
	.efforts_block .photo_text_list{
		margin: 55px 0 0;
		font-size: 0;
	}
	
	.efforts_block .photo_text_list li{
		margin: 30px 0 0;
		padding: 0 0 30px;
	}
	
	.efforts_block .photo_text_list li .photo{
		margin: 0 0 0;
		float: none;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 22%;
	}
	
	.efforts_block .photo_text_list li .text_box{
		margin: 0 0 0;
		padding: 0 0 0 25px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 78%;
	}
	
	.efforts_block .photo_text_list li .text_box h3{
		margin: 0 0 0;
		font-size: 26px;
	}
	
	.efforts_block .photo_text_list li .text_box p{
		margin: 20px 0 0;
		font-size: 17px;
	}

	

	/* system_wrap
	   ========================================================================== */
	.system_wrap{
		margin: 0 0 0;
	}
	
	.system_wrap .inner{
		margin: 0 auto 0;
		padding: 55px 20px 90px;
		font-size: 0;
	}
	
	.system_wrap.blog.top .inner,
	.system_wrap.report.top .inner{
		padding: 0 20px 90px;
	}
	
	.system_wrap.blog.top .inner:first-child,
	.system_wrap.report.top .inner:first-child{
		padding: 0 0 0;
	}

	.system_wrap .page_title{
		margin: 0 0 35px;
		padding: 0 0 35px;
		font-size: 37px;
	}

	.system_wrap.blog.top .page_title,
	.system_wrap.report.top .page_title{
		margin: 0 0 50px;
		padding: 0 0 50px;
		font-size: 32px;
	}

	.system_wrap.blog.top .page_title .bg{
		padding: 33px;
		height: 420px;
		text-shadow: none;
	}

	.system_wrap.report.top .page_title .bg{
		padding: 33px;
		height: 420px;
	}

	.system_wrap.report.top .page_title .bg img{
		right: 34px;
		bottom: 42px;
		width: auto;
	}
	
	.system_wrap .page_title .small{
		margin: 0 0 0;
		font-size: 22px;
	}
	
	.system_wrap.blog.top .page_title .small{
		font-size: 20px;
	}
	
	.category_box{
		margin: 0 2% 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 28%;
	}
	
	.category_box .border_box{
		margin-top: 25px;
		padding: 20px 10px;
	}
	
	.category_box .border_box.latest{
		padding: 20px 10px 25px;
	}
	
	.category_box .border_box:first-child{
		margin-top: 0;
	}
	
	.category_box.sp{
		display: none;
	}
	
	.category_box .category_title{
		margin: 0 0 10px;
		font-size: 20px;
	}
	
	/* カテゴリ */
	.category nav ul{
		margin: 0 0 0;
		font-size: 0;
	}
	
	.category nav ul li{
		margin: 3px;
	}

	.category nav ul li::before{
		font-size: 15px;
	}
	
	.category nav ul li a{
		padding: 0 15px;
		font-size: 15px;
	}

	/* 最新記事 */
	.latest nav ul{
		margin: 0 12px;
	}
	
	.latest nav ul li{
		margin: 0 0;
	}
	
	.latest nav ul li a{
		padding: 15px 0;
	}

	.latest nav ul li:first-child a{
		padding: 0 0 15px;
	}
	
	.latest nav ul li a .date{
		font-size: 14px;
	}
	
	.latest nav ul li a .title{
		font-size: 16px;
	}
	
	.content_box{
		margin: 0;
		padding: 0 10px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 70%;
	}
	
	.blog .content_box,
	.report .content_box{
		margin: 0;
	}
	
	.content_box .blog_box{
		margin: 0 0 20px;
		padding: 0 0 20px;
	}
	
	.content_box .blog_box .left{
		margin: 0 2% 0 0;
		line-height: 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 40%;
	}
	
	.content_box .blog_box .left a{
		display: block;
	}
	
	.content_box .blog_box .right{
		margin: 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 58%;
	}
	
	.content_box .blog_box nav.category{
		margin: 0 0 10px;
		font-size: 0;
	}

	.blog .detail_page article,
	.report .detail_page article{
		padding: 30px 20px 43px;
	}

	.report .detail_page article{
		padding: 30px 20px 32px;
	}

	.blog .detail_body{
		margin: 0 0 0;
		padding: 0 0 30px;
	}

	.report .detail_body{
		margin: 0 0 0;
		padding: 0 0 0;
	}
	
	.content_box .blog_box .right .hiduke{
		margin: 0 0 10px;
		font-size: 15px;
	}
	
	.content_box .blog_box .right .blog_title{
		margin: 0 0 10px;
		font-size: 20px;
	}
	
	.content_box .blog_box .right .summery{
		margin: 0 0 0;
		font-size: 16px;
	}
	
	.blog .detail_page .hiduke{
		padding-left: 15px;
	}
	
	.blog .detail_page h1{
		margin: 0 0 15px;
		padding: 15px 5px 8px 15px;
		font-size: 26px;
	}
	
	.blog .detail_page h6 a:hover{
		text-decoration: underline;
	}

	.detail_page .btn{
		margin: 35px auto 0;
		width: 200px;
	}
	

	/* pagination
	   ========================================================================== */
	.pagination {
		margin-right: -3px;
	    padding: 55px 0 0;
		text-align: right;
	}
	
	.pagination .page-link{
		border: 1px solid #FFF;
		font-size: 21px;
		width: 40px;
		height: 40px;
		box-sizing: border-box;
	}


	/* コンテンツ内category
	   ========================================================================== */
	.blog .top_block{
		margin: 0 0 35px;
		font-size: 0;
	}
	
	.blog .top_block .category ul{
		margin: 0 0 0;
	}
	
	.blog .top_block .category ul li{
		margin: 10px 5px;
	}
	
	.blog .top_block .category ul li a{
		padding: 10px 20px;
		font-size: 15px;
	}


	/* report
	   ========================================================================== */
	.content_box.report_list_block{
		padding: 0;
	}
	
	.content_box.report_list_block .blog_box{
		margin: 0;
		padding: 0;
		border: none;
	}
	
	.content_box .blog_box .report_list{
		margin: 0 0 0;
		font-size: 0;
	}
	
	.content_box .blog_box .report_list li{
		margin: 0 0 25px;
		width: 32%;
	}
	
	.content_box .blog_box .report_list li:nth-child(3n+2){
		margin: 0 2% 25px;
	}
	
	.content_box .blog_box .report_list li a{
		display: block;
	}
	
	.content_box .blog_box .report_list li a .name{
		margin: 15px 0 0;
		font-size: 18px;
	}


	/* report_detail
	   ============================================ */
	.report_detail .top_block{
		margin: 0 0 35px;
	}
	
	.report_detail .top_block .nengo{
		margin: 0 0 0;
		font-size: 20px;
	}
	
	.report_detail .top_block .name{
		margin: 15px 0 0;
		font-size: 25px;
	}
	
	.report_detail .top_block .album{
		top: 0;
		right: 0;
	}
	
	.report_detail .top_block .album a{
		padding: 7px 0;
		font-size: 20px;
		width: 180px;
		height: 40px;
		box-sizing: border-box;
	}
	
	.report_detail .detail_body .report_title02{
		font-size: 28px;
		margin: 20px 0 25px;
		padding: 8px 0 15px 10px;
	}
	
	.report_detail .detail_body .report_title03{
		font-size: 22px;
		margin: 20px 0 25px;
		padding: 8px 0 15px 10px;
	}

	/* photo_right_box */
	.report_detail .photo_right_box{
		margin: 0 0 0;
		padding: 0 10px;
	}
	
	.report_detail .photo_right_box p{
		font-size: 17px;
	}
	
	.report_detail .photo_right_box .photo_box.pc{
		margin: 0 0 20px 20px;
		text-align: right;
		float: right;
		display: block;
		width: 200px;
	}
	
	.report_detail .photo_right_box .photo_box.sp{
		display: none;
	}
	
	.report_detail .photo_right_box .photo_box .caption{
		margin: 15px 5px 0;
		font-size: 16px;
		text-align: left;
	}
	
	.report_detail .photo_right_box .left_text{
		margin: 30px 0 0;
	}
	
	.report_detail .photo_right_box .left_text .report_title03{
		display: flex;
	}

	.report_detail .photo_block{
		margin: 20px 0 0;
	}
	
	.report_detail .border_top{
		padding: 40px 0 0;
	}


	/* todaysmenu
	   ========================================================================== */
	.todaysmenu .inner{
		padding: 55px 20px 70px;
	}
	
	.todaysmenu h2{
		margin: auto;
		width: 250px;
	}
	
	.todaysmenu h2 a{
		padding: 16px 0;
		font-size: 28px;
		height: 60px;
		box-sizing: border-box;
	}
	
	.todaysmenu .date{
		margin: 65px 0 0;
		font-size: 40px;
	}
	
	.todaysmenu .date .small{
		margin-left: 5px;
		font-size: 30px;
	}
	
	.todaysmenu .menu_list{
		margin: 70px 0 0;
		padding: 0 0 50px;
	}
	
	.todaysmenu .menu_list > li{
		margin: 80px 0 0;
	}
	
	.todaysmenu .menu_list > li h3{
		font-size: 0;
	}
	
	.todaysmenu .menu_list > li h3 span{
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 46.5%;
	}
	
	.todaysmenu .menu_list > li h3 span:last-child{
		width: 53.5%;
	}
	
	.todaysmenu .menu_list .nutrition{
		margin: 18px 0 0;
		padding: 0 0 18px;
	}
	
	.todaysmenu .menu_list .nutrition ul{
		padding-right: 110px;
		font-size: 0;
	}
	
	.todaysmenu .menu_list .nutrition ul li{
		margin: 0 8px 0;
		padding: 0 0 0;
		font-size: 20px;
		width: auto;
	}
	
	.todaysmenu .menu_list .nutrition ul li:first-child{
		padding: 0;
	}

	.todaysmenu .menu_list .nutrition ul li::before{
		position: static;
		margin-right: 10px;
	}
	
	.todaysmenu .menu_list .nutrition .all_btn{
		position: absolute;
		margin: auto;
		bottom: 18px;
		right: 0;
	}
	
	.todaysmenu .menu_list .nutrition .all_btn a{
		padding: 4px 0 1px 10px;
		font-size: 14px;
		line-height: 125%;
		width: 100px;
		height: 44px;
		box-sizing: border-box;
		text-align: left;
		border-radius: 4px;
	}
	
	.todaysmenu .menu_list .nutrition .all_btn a::after{
		top: 0;
		bottom: 0;
		right: 8px;
	    height: 18px;
		font-size: 20px;
	}
	
	.todaysmenu .menu_list .bottom_box{
		margin: 30px 0 0;
		font-size: 0;
	}
	
	.todaysmenu .menu_list .bottom_box .photo{
		margin: 0 0 0;
		float: none;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 30%;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box{
		margin: 0 0 0;
		padding: 0 0 0 40px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 70%;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box h4{
		margin: 0 0 0;
		font-size: 30px;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box p{
		margin: 15px 0 0;
		font-size: 17px;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box ul{
		margin: 20px 0 0;
		text-align: left;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box ul li{
		margin: 0 0 0;
		width: 20%;
	}

    
    /* XXXX
       ========================================================================== */
    
    
    /* footer
       ========================================================================== */
    footer.top{
    	margin: 50px 0 0;
    }

	footer .bg{
		margin: 0;
		padding: 35px 0;
	}
	
	footer .bg .logo a{
		width: 230px;
	}
    
    footer .footer_nav{
    	margin: 0;
    }
    
    footer .footer_nav ul{
    	margin: 0;
		font-size: 0;
		padding: 30px 0;
		box-sizing: border-box;
		text-align: center;
    }
    
    footer .footer_nav ul li{
		margin: 0 6px;
    	display: inline-block;
		width: auto;
		vertical-align: middle;
    }
    
    footer .footer_nav ul li a{
		padding: 0;
    	font-size: 14px;
    	display: inline-block;
    	border: none;
    	width: auto;
    	background: none;
    }

	footer .footer_nav ul li.sns_icon a{
		font-size: 24px;
	}

    footer .footer_nav ul li:last-child a{
    	padding-left: 0;
    }
    	
    footer address{
    	font-size: 13px;
    	padding: 15px 0;
    }

}
@media screen and (min-width : 769px){

	/* header
	   ========================================================================== */
	header{
		padding: 18px 0 0;
	}
	
	header .logo a{
		width: 265px;
	}


	/* header.top
	   ========================================================================== */
	header.top{
		padding: 0 0 80px;
	}
	
	header.top .logo{
		margin: 100px 0 0 0;
	}
	
	header.top p{
		margin: 65px 280px 0 -10px;
	}
    
	
    /* pc_nav
       ===================================== */
    .pc_nav{
    	display: block;
    }
    	
    header.top .pc_nav{
		width: 1000px;
    }
    	
    .pc_nav ul{
    	margin: auto;
    	width: 1000px;
		padding: 22px 0;
		height: 90px;
    }
    	
    .pc_nav ul li{
		margin: 0 3px;
		overflow: hidden;
    }
    	
    /*.pc_nav ul li:last-child a{
    	font-size: 30px;
    }*/
    	
    .pc_nav ul li a{
		padding: 10px 20px;
    	font-size: 20px;
		transition: .3s;
		position: relative;
    }
    	
    .pc_nav ul li a::after{
		position: absolute;
		bottom: -30px;
		left: 0;
		right: 0;
		font-size: 17px;
    }
    	
    .pc_nav ul li:nth-child(1) a::after{
    	content: "ホーム";
    }
    	
    .pc_nav ul li:nth-child(2) a::after{
    	content: "最新情報";
    }
    	
    .pc_nav ul li:nth-child(3) a::after{
    	content: "ネットで買う";
    }
    	
    .pc_nav ul li:nth-child(4) a::after{
    	content: "お店で買う";
    }
    	
    .pc_nav ul li:nth-child(5) a::after{
    	content: "食材のふるさと";
    }
    	
    .pc_nav ul li:nth-child(6) a::after{
    	content: "私たちの想い";
    }
    	
    .pc_nav ul li:nth-child(7) a::after{
    	content: "よみもの";
    }
    
    .pc_nav ul li:hover a{
    	color: #DF7424;
		transform: translate(0,-40px);
    }
    
    /*.pc_nav ul li:last-child:hover a{
    	color: #DF7424;
		transform: translate(0);
    }*/
	

	/* スライドメニュー
	   ========================================================================== */
	#ham_btn{
	    width: 70px;
	    height: 70px;
	    padding: 21px 18px;
	}

	#ham_btn .inner{
	    padding: 11px 0 0 !important;
	    width: 32px;
	    height: 25px;
	}

	#ham_btn .inner .bar{
	    text-indent: -9999px;
	    height: 3px;
	    width: 100%;
	}
	
	#ham_btn .inner .bar:before{
		height: 3px;
	    width: 100%;
	    top: 0;
	    left: 0;
	}
	
	#ham_btn .inner .bar:after{
		height: 3px;
	    width: 100%;
	    bottom: 0;
	    left: 0;
	}

	#ham_btn.open .bar:before{
	    top: 11px;
	}

	#ham_btn.open .bar:after{
	    bottom: 11px;
	}
	
	#slide_menu {
	    right: -280px;
	    width: 280px;
	    padding: 90px 21px 0 0;
	}    

	#slide_menu li a{
	    transition: .3s;
	}

	#slide_menu li a:hover{
	    color: #DF7424;
	}


	/* top_contents
	   ========================================================================== */
	.top_contents{
		margin: 40px 0 0;
	}
	
	.top_contents .inner{
		margin: 0 auto;
	}

	.top_contents .inner ul:nth-child(2) li{
		margin: 20px 0 0;
	}


	/* news.top
	   ========================================================================== */
	.news.top{
		margin: 90px 0 0;
		padding-bottom: 100px;
	}
	
	.news.top .inner{
		margin: 0 auto;
	}
	
	.news.top h2{
		margin: 0 20px;
		font-size: 26px;
	}
	
	.news.top ul{
		margin: 20px 0 0;
	}
	
	.news.top ul li a{
		padding: 24px 20px;
		width: auto;
		display: inline-block;
	}
	
	.news.top ul li a .date{
		width: 139px;
		font-size: 17px;
	}
	
	.news.top ul li a .text{
		width: auto;
		max-width: 85.5%;
		font-size: 17px;
	}
	
	.news.top ul li a:hover span{
		text-decoration: underline;
	}


	/* slider
	   ========================================================================== */
	#slider{
		display: none;
	}

	/* loopslider
	   ========================================================================== */
	#loopslider {
	    margin: 60px auto 50px;
		max-width: 100%;
		display: block;
	}
	 
	#loopslider ul li {
	    width: 235px;
		height: 327px;
	}
	 
	#loopslider ul li a{
		padding: 0 10px;
	}
	 
	#loopslider ul li .title,
	#loopslider ul li .text{
	    font-size: 16px;
	}
	 
	#loopslider ul li .title{
	    margin: 5px 0 3px;
	}


	/* goodfoods
	   ========================================================================== */
	.goodfoods{
		background: url(../images/goodfoods/bg.jpg) repeat center top;
		background-size: auto;
	}
	
	.goodfoods h2{
		margin: 0 0 0;
		font-size: 38px;
		width: 715px;
	}
	
	.goodfoods ul{
		margin: 65px 0 0;
		padding: 25px 15px 25px 30px;
		width: 715px;
		position: relative;
	}
	
	.goodfoods ul li{
        padding-right: 10px;
		width: 25%;
		line-height: 200%;
	}
	
    .goodfoods ul li a span,
	.goodfoods ul li a{
		transition: .3s;
	}
	
    .goodfoods ul li a:hover span,
	.goodfoods ul li a:hover{
		color: #8CC11E;
	}

    .goodfoods ul li a span{
    	font-size: .92em;
    }
	
	.goodfoods .map{
		margin: -275px -20px 0 0;
		text-align: right;
	}


	/* goodfoods_detail
	   ========================================================================== */
	.goodfoods_detail .top_block{
		padding: 50px 0;
	}
	
	.goodfoods_detail .top_block .white_box{
		padding: 30px 30px;
	}
	.goodfoods_detail .top_block .info .photo{
		width: 250px;
		box-shadow: 7px 7px 0 rgba(0,0,0,.2);
	}
	
	.goodfoods_detail .top_block .info .text_box{
		padding: 0 0 0 35px;
		width: 690px;
	}
	
	.goodfoods_detail .top_block a:hover{
		text-decoration: underline;
	}
	
	.goodfoods_detail .top_block .message{
		margin: 30px 0 0;
	}

	/* bottom_block */
	.goodfoods_detail .bottom_block{
		padding: 50px 0 75px;
	}
	
	
	/* aboutus
	   ========================================================================== */
	.aboutus{
		overflow: hidden;
	}
	
	.aboutus .inner{
		margin: 0 auto;
		padding: 55px 0;
		position: relative;
		min-height: 1080px;
		box-sizing: border-box;
	}
	
	.aboutus .inner::before{
		width: 250px;
		left: -250px;
	}
	
	.aboutus .inner::after{
		width: 250px;
		right: -250px;
	}
	
	.aboutus h2{
		font-size: 38px;
		line-height: 150%;
	}
	
	.aboutus .text_box{
		margin: 60px 0 0;
	}
	
	.aboutus .text_box p{
		margin: 35px 0 0;
		font-size: 20px;
		line-height: 200%;
	}
	
	.aboutus .text_box p br.pad{
		display: none;
	}


	/* shop company contact
	   ========================================================================== */
	.shop,
	.company,
	.contact{
		background: url(../images/shop/bg.jpg) repeat-y left top,#fff;
		background-size: auto;
	}
	
	.shop .inner{
		padding: 68px 0 107px;
	}
	
	.company .inner{
		padding: 68px 0 70px;
	}
	
	.contact .inner{
		padding: 68px 0 90px;
	}
	
	.shop p.text .pad{
		display: none;
	}
	
	.shop .table_box table th,
	.shop .table_box table td,
	.company .table_box table th,
	.company .table_box table td{
		box-sizing: border-box;
	}
	
	.company .table_box table th{
		width: 220px;
	}
	
	.shop .table_box table th{
		width: 280px;
	}
	
	.shop .table_box table th + td{
		width: 280px;
	}

	.shop .table_box table td a:hover{
		text-decoration: underline;
	}

	.contact input,
	.contact textarea,
	.contact select{
		font-size: 18px;
		padding: 10px;
		border-radius: 9px;
	}

	.contact .radio label{
		margin: 0 0 15px;
	}
	
	.radio_btn {
		display: none !important;
	}
	
	.radio_btn + .radio-icon{
		    margin: -4px 10px 0 0;
		position: relative;
	    display: inline-block;
	    line-height: 0;
		vertical-align: middle;
	}
	
	.radio_btn + .radio-icon::before{
		content: "";
		border: 1px solid #ddd;
		font-size: 22px;
		border-radius: 6px;
		width: 30px;
		height: 30px;
		display: inline-block;
		box-sizing: border-box;
	}
	
	.radio_btn:checked + .radio-icon::before{
		border: 1px solid #F17926;
	}
	
	.radio_btn:checked + .radio-icon::after{
		content: "";
		color: #ddd;
		line-height: 1;
		position: absolute;
		border-radius: 50px;
		left: 50%;
		top: 50%;
		width: 20px;
		height: 20px;
		margin-left: -10px;
		margin-top: -10px;
		background: #F17926;
	}

	.contact ul{
		margin: 40px auto 0;
		width: 720px;
	}
	
	.contact ul li{
		margin: 0 0 0;
		padding: 0 0 0 20px;
		font-size: 18px;
	}

	.zsk_btn_area{
		padding: 45px 0 0;
		font-size: 0;
	}
	
	.zsk_btn_area button{
		padding: 27px 0;
		font-size: 32px;
		cursor: pointer;
		transition: .3s;
	}
	
	.zsk_btn_area button:hover{
		opacity: .7;
	}


	/* lineup
	   ========================================================================== */
	.lineup .inner{
		padding: 45px 0 95px;
	}
	
	.lineup .bento_box ul li a{
		transition: .3s;
	}
	
	.lineup .bento_box ul li a:hover{
		opacity: .7;
	}


	/* heart curry
	   ========================================================================== */
	.heart .inner,
	.curry .inner{
		padding: 70px 0 140px !important;
	}


	/* vegetables
	   ==================================== */
	.vegetables_wrap .inner{
		padding: 70px 0 74px;
	}


	/* mayumi
	   ==================================== */
	.named_wrap .inner{
		padding: 50px 0 90px;
	}
	
	.named .column_two .left h2{
		margin: 0 0 0 10px;
		font-size: 45px;
	}
	
	.named .column_two .left h2 + p{
		font-size: 19px;
	}
	
	.named .column_two .left .relation h3{
		font-size: 20px;
	}
	
	.named .column_two .left .relation li{
		font-size: 17px;
	}
	
	.named .column_two .left .relation li a:hover{
		text-decoration: underline;
	}
	
	.named .column_two .right .name01{
		font-size: 14px;
	}
	
	.named .column_two .right .name02{
		font-size: 30px;
	}
	
	.named .column_two .right .name02 span{
		font-size: 22px;
	}
	
	.named .column_two .right .name03{
		font-size: 16px;
	}


	/* bottom_block */
	.named .bottom_block .colors_box{
		margin: -110px 0 0;
		padding: 0 100px 92px;
	}
	
	.katori .named .text_list{
		margin: 65px 50px 0;
	}
	
	
	/* commitment */
	.commitment_wrap .inner{
		padding: 68px 0 98px;
	}
	
	.commitment ul li{
		padding: 70px 30px 0;
		min-height: 320px;
	}
	
	.commitment.top ul {
	    margin: -80px 0 0;
	}	
	.commitment.top ul li{
		padding: 200px 0 0;
		min-height: 600px;
		width: 600px;
	}
	
	.commitment.top ul li:nth-child(2){
	    margin: -240px auto;
	}


	/* icon_description
	   ========================================================================== */
	.icon_description{
		margin: -80px 0 0;
	}
	
	.icon_description h3{
		margin: 0 0 0;
		padding: 0 35px 20px;
		font-size: 24px;
	}
	
	.icon_description ul{
		margin: 45px 0 0;
	}
	
	.icon_description ul li{
		margin: 35px 0 0;
		padding: 0 25px 35px 10px;
	}
	
	.icon_description ul li .icon{
		width: 144px;
	}
	
	.icon_description ul li p{
		padding: 0  0 0 30px;
		width: 821px;
		font-size: 19px;
	}


	/* macrobiotic
	   ========================================================================== */
	.efforts_block .inner.top{
		padding: 45px 0 73px;
	}
	
	.efforts_block .inner.bottom{
		padding: 0 0 73px;
	}
		
	.efforts_block h2{
		padding: 0 10px 30px 35px;
		font-size: 37px;
	}
	
	.efforts_block h2 .small{
		font-size: 22px;
	}
	
	.efforts_block h2 .right{
		margin: 25px 0 0;
		font-size: 19px;
	}
	
	.efforts_block .message .right h3{
		margin: 0 0 27px;
		padding: 0 45px 20px;
		font-size: 26px;
	}
	
	.efforts_block .message .right p{
		margin: 25px 0 0;
		padding: 0 45px;
		font-size: 17px;
	}


	/* bento */
	.efforts_block .bento{
		margin: 60px 20px 0;
		font-size: 0;
	}
	
	.efforts_block .bento li{
		margin: 0 0 0;
		width: 450px;
	}
	
	.efforts_block .bento li:nth-child(1){
		margin: 0 60px 0 0;
	}
	
	.efforts_block .bento li h3{
		padding: 0 10px;
		font-size: 26px;
	}
	
	.efforts_block .bento li h3 .top_small{
		margin: 0 0 7px;
		font-size: 17px;
	}
	
	.efforts_block .bento li h3 .small{
		font-size: 16px;
	}
	
	.efforts_block .bento li .photo{
		margin: 28px 0 0;
	}
	
	.macrobiotic .bento li p{
		margin: 30px 0 0;
		padding: 0 10px;
		font-size: 17px;
	}

	.efforts_block .bento li.btn_box.right{
		margin-left: -30px;
		width: 480px;
	}

	.efforts_block .bento li.btn_box h3{
		margin: 100px auto 0;
		width: auto;
	}
	
	.efforts_block .bento li.btn_box p{
		margin: 30px 0 0;
		font-size: 17px;
	}
	
	.efforts_block .bento li.btn_box .btn{
		margin: 25px auto 0;
	}


	/* promise */
	.efforts_block .promise{
		margin: 57px auto 0;
		padding: 55px 50px 180px;
		width: 1000px;
		box-sizing: border-box;
	}
	
	.efforts_block.ayurveda .promise{
		height: 410px;
	}
	
	.efforts_block .promise .white_bg h3{
		font-size: 35px;
	}
	
	.efforts_block .promise .white_bg p{
		font-size: 20px;
	}


	/* text_list */
	.macrobiotic .text_list{
		margin: 55px 0 0;
	}
	
	.macrobiotic .text_list li{
		margin: 30px 0 0;
	}
	
	.macrobiotic .text_list li h4{
		font-size: 26px;
	}
	
	.macrobiotic .text_list li p{
		font-size: 17px;
	}


	/* photo_text_list */
	.efforts_block .photo_text_list{
		margin: 55px 0 0;
	}

	
	/* system_wrap
	   ========================================================================== */
	.system_wrap{
		margin: 0 0 0;
	}
	
	.system_wrap .inner{
		margin: 0 auto 0;
		padding: 55px 0 90px;
		font-size: 0;
	}
	
	.system_wrap.blog.top .inner,
	.system_wrap.report.top .inner{
		padding: 0 0 90px;
	}

	.system_wrap .page_title{
		font-size: 38px;
	}
	
	.system_wrap .page_title .small{
		margin: 0 0 10px;
		font-size: 24px;
	}
	
	.category_box{
		margin: 0 30px 0 0;
		width: 240px;
	}
	
	.category_box .border_box{
		padding: 17px 7px;
	}
	
	.category_box .border_box.latest{
		padding: 17px 7px 35px;
	}
	
	.category_box .category_title{
		margin: 0 0 15px 10px;
	}
	
	.category_box nav a:hover{
		text-decoration: underline;
	}
	
	.category_box .latest nav a:hover{
		text-decoration: none;
	}
	
	.category_box .latest nav a:hover span{
		text-decoration: underline;
	}
	
	/* カテゴリ */
	.category nav ul li{
		margin: 0 0 0 6px;
	}
	
	.category nav ul li::before{
		top: 6px;
	}
	
	.category nav ul li a{
		padding: 0 17px;
		font-size: 18px;
		line-height: 180%;
	}
	
	/* 最新記事 */
	.latest nav ul{
		margin: 0 12px;
	}
	
	.content_box{
		margin: 0;
		padding: 0 15px;
		width: 730px;
	}
	
	.blog .content_box,
	.report .content_box{
		margin: 0;
		padding: 0;
	}

	.blog .detail_body{
		padding: 0 14px 30px;
	}
	
	.content_box .blog_box{
		margin: 0 0 20px;
		padding: 0 0 20px;
	}
	
	.content_box .blog_box .left{
		margin: 0 20px 0 0;
		width: 250px;
	}
	
	.content_box .blog_box .right{
		margin: 0;
		width: 430px;
	}
	
	.content_box .blog_box ul{
		margin: 0 0 10px;
		font-size: 0;
	}
	
	.content_box .blog_box .right a:hover span{
		text-decoration: underline;
	}
	
	.content_box .blog_box .right .hiduke{
		margin: 0 0 10px;
		font-size: 14px;
	}
	
	.content_box .blog_box .right .blog_title{
		margin: 0 0 10px;
		font-size: 19px;
	}
	
	.content_box .blog_box .right .summery{
		margin: 0 0 0;
		font-size: 15px;
		line-height: 170%;
	}
	
	.content_box .blog_box .right .btn{
		right: 0;
		bottom: 20px;
	}
	
	.content_box .blog_box .right .btn a{
		font-size: 14px;
		padding: 5px 0px;
		width: 135px;
		box-sizing: border-box;
		transition: .3s;
	}
	
	.content_box .blog_box .right .btn a:hover{
		color: #F18539;
		background: #fff;
	}
	

	/* pagination
	   ========================================================================== */
	.pagination {
		margin-right: -3px;
	    padding: 55px 0 0;
		text-align: right;
	}
	
	.pagination .page-link{
		border: 1px solid #FFF;
	}
	
	.pagination a:hover{
		background: #2980B9;
	}


	/* detail_page
	   ========================================================================== */
	.detail_body{
		margin: 0 0 20px;
		padding: 0 20px 20px;
	}
	
	.detail_page .hiduke{
		padding-left: 20px;
		margin-bottom: 6px;
		font-size: 16px;
	}
	
	.news .detail_page .hiduke{
		padding-left: 20px;
	}
	
	.detail_page .detail_title01{
		font-size: 28px;
		font-weight: bold;
		margin: 0 0 25px 20px;
		padding: 0 10px 10px;
	}
	
	.news .detail_page .detail_title01{
		margin: 0 0 35px 20px;
		padding: 0 0 0;
		font-size: 20px;
	}
	
	.detail_page .category{
		margin: 0 0 20px;
	}
	
	.detail_page .photo{
		margin: 0 0 30px;
	}
	
	.detail_page .photo img{
		width: auto;
		max-width: 100%;
	}
	
	.detail_page p{
		margin: 10px 0 0;
		font-size: 17px;
		line-height: 150%;
	}
	
	.detail_page p a:hover{
		text-decoration: underline;
	}
	
	.detail_page .detail_title02{
		font-size: 18px;
		padding: 8px 5px 8px 18px;
		margin: 25px -20px 25px -20px;
	}
	
	.detail_page .detail_title03{
		font-size: 16px;
		font-weight: bold;
		padding: 8px 5px 8px 10px;
		margin: 25px 0 20px -10px;
	}
	
	.detail_page .detail_title04{
		font-size: 16px;
		font-weight: bold;
		padding: 8px 0 8px 25px;
		margin: 20px 0 0;
		position: relative;
	}
	
	.detail_page .detail_title05{
		font-size: 16px;
		font-weight: bold;
		padding: 8px 0 8px 25px;
		margin: 20px 0 0;
		position: relative;
	}
	
	.detail_page .detail_title06{
		margin: 20px 0 15px !important;
		font-weight: normal;
		font-size: 16px;
	
	}
	
	.detail_page .detail_title06 a{
		font-size: inherit;
		padding: 8px 0 8px 25px;
		margin: 10px 0;
	}
	
	.detail_page .detail_title06 a:hover{
		text-decoration: underline;
	}
	
	.detail_page .btn{
		margin: 45px auto 0;
	}
	
	.detail_page .btn a{
		padding: 13px 0;
		width: 200px;
		height: 45px;
		box-sizing: border-box;
		text-align: center;
		font-size: 17px;
		border: 1px solid #aaa;
		transition: .3s;
	}
	
	.detail_page .btn a:hover{
		background: #fff;
		color: #aaa;
	}


	/* コンテンツ内category
	   ========================================================================== */
	.blog .top_block{
		margin: 0 0 35px;
		font-size: 0;
	}
	
	.blog .top_block .category{
		margin: 0 0 0;
		font-size: 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 45%;
	}
	
	.blog .top_block .category ul{
		margin: 0 0 0;
	}
	
	.blog .top_block .category ul li{
		margin: 10px 5px 0;
	}
	
	.blog .top_block .category ul li a{
		padding: 3px 20px;
		font-size: 15px;
		transition: .3s;
	}
	
	.blog .top_block .category ul li a:hover{
		background: #F18539;
		color: #fff;
	}

	
	/* sns_area
	   ========================================================================== */
	.sns_area{
		margin: 0 0 0;
		line-height: 1;
		font-size: 0;
		text-align: right;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 55%;
	}
	
	.sns_pc{
		display: inline-block;
	}
	
	.sns_sp{
		display: none;
	}
	
	.sns_area div.sns_btn{
		display: inline-block;
		margin-right: 5px;
	}
	
	.linebutton img{
		width: 40px !important;
	}


	/* report
	   ========================================================================== */
	.content_box.report_list_block{
		padding: 0;
	}
	
	.content_box .blog_box .report_list li{
		margin: 0 0 25px;
		width: 230px;
	}
	
	.content_box .blog_box .report_list li:nth-child(3n+2){
		margin: 0 20px 25px;
	}
	
	.content_box .blog_box .report_list li a .photo{
		border-radius: 9px;
	}
	
	.report_detail .top_block .album a{
		transition: .3s;
		border: 1px solid #F1853A;
	}
	
	.report_detail .top_block .album a:hover{
		background: #fff;
		color: #F1853A;
	}

	/* photo_right_box */
	.report_detail .photo_right_box{
		margin: 0 0 0;
		padding: 0 0 0 10px;
	}
	
	.report_detail .photo_right_box p{
		font-size: 17px;
		line-height: 180%;
	}
	
	.report_detail .photo_right_box .photo_box.pc{
		margin: 0 0 15px 25px;
		width: 250px;
	}
	
	.report_detail .photo_right_box .photo_box.sp{
		display: none;
	}
	
	.report_detail .photo_right_box .photo_box .caption{
		margin: 10px 10px 0;
		font-size: 16px;
	}


	/* todaysmenu
	   ========================================================================== */
	.todaysmenu .inner{
		padding: 55px 0 70px;
	}
	
	.todaysmenu h2 a{
		transition: .3s;
		border: 1px solid #F1853A;
	}
	
	.todaysmenu h2 a:hover{
		color: #F1853A;
		background: #fff;
	}
	
	.todaysmenu .menu_list{
		padding: 0 0 110px;
	}
	
	.todaysmenu .menu_list > li{
		margin: 150px 0 0;
	}
	
	.todaysmenu .menu_list .nutrition {
	    margin: 15px 0 0;
	    padding: 0 0 12px;
	}
	
	.todaysmenu .menu_list .nutrition ul li{
		margin: 0 18px;
	}
	
	.todaysmenu .menu_list .nutrition ul li:first-child{
		padding: 0;
	}
	
	.todaysmenu .menu_list .nutrition .all_btn{
		position: absolute;
		margin: auto;
		bottom: 7px;
		right: 10px;
	}
	
	.todaysmenu .menu_list .bottom_box{
		margin: 30px 0 0;
		font-size: 0;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box ul{
		margin: 45px 0 0;
	}
	
	.todaysmenu .menu_list .bottom_box .text_box ul li{
		margin: 0 0 0;
		width: auto;
	}
	
    
    /* XXXX
       ========================================================================== */
    
    
    /* footer
       ========================================================================== */
    footer .footer_nav ul{
		margin: auto;
		padding: 35px 0;
		width: 1000px;
		height: 100px;
		box-sizing: border-box;
    }
    
    footer .footer_nav ul li{
		margin: 0 7px;
    }
    
    footer .footer_nav ul li a{
		padding: 0;
    	font-size: 17px;
		transition: .3s;
    }
    
    footer .footer_nav ul li a:hover{
		color: #FFFFBF;
    }

	footer .footer_nav ul li.sns_icon{
		margin-left: 15px;
	}

	footer .footer_nav ul li.sns_icon a{
		font-size: 30px;
	}
    	
    footer address{
    	font-size: 15px;
    	padding: 50px 0;
    }
	
    
    /* TOPへ戻るボタン
       ========================================================================== */
    #page-top {
    	position:  fixed;
    	bottom:  20px;
    	right:  40px;
    	z-index: 99;
		width: auto;
    }
    	
    #page-top img{
    	width: auto;
    }
    	
    #page-top span{
    	display: none;
    }
    	
    #page-top a {
    	display: block;
    	height: 69px;
    	opacity: 0.8;
    	transition: ease-in 0.3s;
    }
    	
    #page-top a:hover {
    	opacity: 1;
    }



    /* 202208 */

	.concept{
		padding: 50px 0 60px 0;
	}
	.concept .inner{
	}
	.concept h2{
		font-size: 29px;
		line-height: 1.7;
		color: #3B1510;
	}
	.concept .box{
		padding-top: 40px;
		display: flex;
		justify-content: space-between;
	}
	.concept .item{
		width: 306px;
		margin-top: 0;
	}
	.concept .thum{
	}
	.concept .thum img{
		width: 100%;
	}
	.concept p{
		padding-top: 10px;
		font-size: 18px;
		line-height: 1.7;
	}
	.home{
		padding: 0;
	}
	.home .inner{
		min-height: 328px;
		padding: 35px 645px 35px 0;
		border-top: 1px solid #AFAEAF;
		border-bottom: 1px solid #AFAEAF;
		position: relative;
	}
	.home h2{
		font-size: 29px;
		line-height: 1.7;
		color: #3B1510;
	}
	.home .thum{
		width: 640px;
		padding-top: 0;
		position: absolute; top: 35px; right: 0;
	}
	.home .thum img{
		width: 100%;
	}
	.home p{
		padding-top: 30px;
		font-size: 18px;
		line-height: 1.7;
	}
	.home_btn{
		width: 180px;
		margin: 35px 0 0 75px;
	}
	.home_btn a{
		padding: 2px;
		border: 1px solid #3B1510;
		display: block;
		font-size: 18px;
		line-height: 40px;
		color: #3B1510;
		text-align: center;
	}
	.home_btn a:hover{
		background: #3B1510;
		color: #FFF;
	}
	.link{
		padding: 35px 0 0 0;
	}
	.link .inner{
		padding-bottom: 50px;
		border-bottom: 1px solid #AFAEAF;
	}
	.link .box{
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	.link .item{
		width: 310px;
		margin-top: 0;
	}
	.link .item img{
		width: 100%;
	}
	.topics{
		padding: 15px 0 0 0;
	}
	.topics .inner{
	}
	.topics .box{
	}
	.topics .item{
		margin-top: 35px;
	}
	.topics .item img{
		width: 100%;
	}

	.lineup .bento_box ul li a{
		transition: 0;
	}
	.lineup .bento_box ul li a:hover{
		opacity: 1;
	}
	.lineup .bento_box ul li a:hover .text{
		color: #E07724;
	}
	.lineup .bento_box ul li .photo img{
		width: 100% !important;
	}
	.month_menu{
		width: auto;
		margin: 15px 0 0 0;
		display: block;
		text-align: right;
	}
	.month_menu a{
		width: 180px;
		padding: 2px;
		border: 1px solid #E07724;
		display: inline-block;
		font-size: 20px;
		line-height: 40px;
		color: #E07724;
		text-align: center;
	}
	.month_menu a:hover{
		background: #E07724;
		color: #FFF;
	}
	.lineup .bento_box ul li .month_menu a{
		display: inline-block;
	}
	.lineup_shop{
		padding: 0;
		text-align: center;
	}
	.lineup_shop .inner{
	}
	.lineup_shop h2{
		font-size: 32px;
		line-height: 1.7;
		color: #000;
	}
	.lineup_shop h2 .sp{
		display: none;
	}
	.lineup_shop .box{
		padding: 30px 0 80px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.lineup_shop .icon{
		width: 75px;
	}
	.lineup_shop .title{
		padding: 0 20px;
		font-size: 46px;
		color: #000;
	}
	.lineup_shop_btn{
		width: 210px;
	}
	.lineup_shop_btn a{
		padding: 2px;
		border: 1px solid #E07724;
		display: block;
		font-size: 30px;
		line-height: 60px;
		color: #E07724;
		text-align: center;
	}
	.lineup_shop_btn a:hover{
		background: #E07724;
		color: #FFF;
	}
	.back_btn{
		padding: 0 0 80px 0;
		text-align: center;
	}
	.back_btn. .inner{
	}
	.back_btn a{
		width: 155px;
		padding: 2px;
		background: #E07724;
		border: 1px solid #E07724;
		border-radius: 23px;
		display: inline-block;
		font-size: 22px;
		line-height: 42px;
		color: #FFF;
	}
	.back_btn a:hover{
		background: #FFF;
		color: #E07724;
	}



}
@media all and (-ms-high-contrast:none){
	
	.pc_nav ul li a {
	    padding: 10px 20px;
	    font-size: 18px;
		font-weight: normal;
	}
}