@charset "UTF-8";

body{
    min-width: 1200px;
	transition: all  0.2s ease-out;
}


.pc{display:block;}
.sp{display:none;}

.orange{color:#f16100;font-weight:600;}
.red{color:#DA0016;font-weight:600;}

.brown1-bg{background-color:#c26d1c!important;}
.brown2-bg{background-color:#864c22!important;}
.blued-bg{background-color:#0b1644!important;}


header{
	/* color:#fff; */
	font-size: 11px;
	font-weight:400;
}

header .h_sub{
	/* background: #fff; */
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

header .h_sub .inner{
	width: 95%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}


header .h_sub .h_l{

}

header .h_sub .h_l .coolitem{
	background:#f16100;
	display:inline-block;
	padding: 0 10px 2px 10px;
	margin-right:20px;
}

header .h_sub .h_r{
	display: flex;
}

header .h_sub .h_r li{
	margin-left: 9px;
	width: 24px;
}

header .h_sub .h_r li img{
	max-width:100%;
}

header .h_smenu{
	display:
	flex;
	width: auto!important;
}

header .h_smenu a{
	color: #000;
	display: inline-block;
	font-size: 12px;
}
header .h_smenu span{
	position:
	relative;
	margin-right: 18px;
}

header .h_smenu span:not(:last-child):after{
	content:
	"";
	background: #000;
	display:
	inline-block;
	width:1px;
	height: 12px;
	position:
	absolute;
	top: 6px;
	transform: rotateZ(12deg);
	right: -10px;
}

header .h_main{
	width: 95%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
}

header .h_main .h_left{
	display: flex;
	align-items: center;
	
}

header .h_main .h_left .logo{
	width:101px;
	margin-top: 10px;
}

header .h_main .h_left .emb{
	width: 254px;
	display: inline-block;
	padding:0 20px 0 40px;
}

.h_accre span{
    padding: 10px 0 0;
    padding-left: 0;
    font-size: 5px;
    line-height: 1.3;
    vertical-align: 10px;
    font-weight: 500;
	display:block;
}

.telbox{
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: end;
}

.telbox .right_bttns{
	display: flex;
}

.telbox .right_bttns a{
	font-size: 13px;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	border-radius: 40px;
	width: 125px;
	padding:3px 5px;
	text-align: center;
	display: flex;
    justify-content: center;
    align-items: center;
}

.telbox .right_bttns a.login{
	background-color: #221613;
	margin-right: 5px;
}

.telbox .right_bttns a.btn_cart{
	background-color: #ba3c0b;
	margin-left: 5px;
}

.telbox .right_bttns a:before{
	content: "";
	height: 15px;
	margin-right: 8px;
	background-size: 100%;
}

.telbox .right_bttns a.login:before{
	display:inline-block;
	background-image: url("../images/login_ico.png");
	background-repeat: no-repeat;
	width: 15px;
	
}


.telbox .right_bttns a.btn_cart:before{
	display:inline-block;
	background-image: url("../images/cart_ico.png");
	background-repeat: no-repeat;
	width: 15px;
	
}



header .h_main .h_left span{
	width: 190px;
	display: flex;
	padding:0 10px 0 30px;
	padding-left: 0;
	font-size: 6px;
	line-height: 1.5;
	vertical-align: 10px;
    font-weight: 500;
	align-items: center;
}

header .h_main .h_left .free_d{
	width: 230px;	
}


header .h_main .logo span:first-child{
	width:101px;
	display: inline-block;
	vertical-align: 5px;
}

header .h_main .logo span:nth-child(2){
	width: 268px;
	display: inline-block;
	padding:0 10px 0 30px;
}

header .h_main .logo span img{
	max-width:100%;
}

header .h_srch{
	background:#d6c078;
	padding: 13px 0;
	color:#000;
}

header .h_accre{
	display: flex;
	padding: 0 10px;
}

header .h_srch .inner{
	width:1344px;
	margin:0 auto;
}

header .h_srch .inner ul{
	display: flex;
	justify-content: right;
	line-height: 1.7;
}

header .h_srch .inner ul li{
	margin-left:20px;
}
header .h_srch .inner ul li a{
	text-decoration: underline;
}
header .h_srch .inner ul li a:hover{
	text-decoration: none;
}

header .h_srch .inner ul li input[type="text"]{
	border:none;
	outline:none;
	font-size: 15px;
	padding: 5px 8px;
}

header .h_srch .inner ul li a.search-url{
	border:none;
	outline:none;
	background:none;
	margin-left: 6px;
	width:20px;
	transition: all  0.2s ease-out;
}

header .h_srch .inner ul li a:hover{
	opacity:0.7;
	cursor:pointer;
}

header .h_srch .inner ul li a.search-url img{
	width:100%;
}

.header__menu {
	position: relative;
	max-width: 1200px;
	background: #221613; /* メニューの背景色 */
	text-align: center;
	list-style: none;
	margin:0 auto;
	padding: 0px;
	display: flex;
	/* margin-bottom: 15px; */
	font-size: 15px;
	z-index:999;
}

.header__menu:before {
	width:1px;
	height:24px;
	position:
	absolute;
	display:
	block;
	content:'';
	background:#ccc;
	top: 18px;
	right: 0px;
}

.header__menu li {
	/* display: inline-block; */
	/* padding: 13px 29px; */
	font-family: 'Noto Serif JP', serif;
	width: 20%;
	position: relative;
	box-sizing: border-box;
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.header__menu li:before{
	width:1px;
	height:24px;
	position:
	absolute;
	display:
	block;
	content:'';
	background:#ccc;
	top: 18px;
	left: 0px;
}

.header__menu li a {
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	padding: 17px 10px;
	display: block;
	margin:0 auto;
	text-decoration: none;
	/*width: 220px;*/
	/* border-right: 1px solid #ccc; */
}
.header__menu li a:hover {
	opacity:1!important;
}

.header__menu li a:hover {
  color: #221613; /* ホバーした時の文字色 */
  background: #f1f1f1;
}

ul.mega__menu-second {
	visibility: hidden;
	opacity: 1;
}

.header__menu > li:first-child {
	/* background: linear-gradient(#7f6e36,#d5c078); */
	-webkit-transition: all 0.5s;
	/* transition: all 0.5s; */
}

.header__menu > li:first-child > a{
	/* color:#fff; */
	/* padding: 10px 20px; */
	/* width: 100%; */
	/* display: inline-block; */
}

li.mega__menu ul.mega__menu-second {
	position: absolute;
	top: 62px;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,0.9); /* メガメニューの背景色 */
	padding: 20px;
	box-sizing: border-box;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

li.mega__menu:hover ul.mega__menu-second {
	top: 62px;
	visibility: visible;
	opacity: 1;
}

.mega__menu-second > li{
	width:1344px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	font-family: 'Noto Sans JP', sans-serif;
}

.mega__menu-second > li > a{
	text-align:center;
	width: 150px;
	margin-right: 48px;
	color:#000!important;
	font-size:13px;
	border-radius: 50%;
	/* overflow: hidden; */
	opacity:1!important;

}

.mega__menu-second > li > a > img{
	width: 134px;
}

.mega__menu-second > li > a:nth-child(7n){
	margin-right: 0px!important;
}

.mega__menu-second > li span{
	width: 100%;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	display: block;
	overflow:hidden;
}



.mega__menu-second > li > a img{
	width: 100%;
	border-radius: 50%;
	width: 150px;
	height: 150px;
}

.mega__menu-second > li > a img:hover{
	transform:scale(1.1,1.1);
	transition:0.5s all;
}





#main{
	/* background:
	url(../images/bg01.png) left top repeat; */
	padding: 25px 0;
}

.main_inner{
	/* max-width: 1200px; */
	background:#fff;
	margin:0 auto 0 auto;
	/* padding:72px; */
	box-sizing:
	border-box;
}


.main_inner .full_wrapper{
   width: 1200px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}


.max_with_wrap{
   width: 1200px;
   margin: 0 auto;
}


.main_inner .full_wrapper .left{
	width: 220px;
}


.main_inner .full_wrapper .right{
	width: 945px;
}

.topbnr{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:72px;
}

.topbnr li{
	margin-bottom:16px;
}

.topbnr li:last-child,.topbnr li:nth-last-child(2){
	margin-bottom:0px!important;
}

#main h2.ttl{
	line-height: 1.6;
	font-size: 23px;
	font-weight:
	bold;
	text-align: center;
	padding-top: 60px;margin-bottom:30px;
	font-family: 'Noto Serif JP', serif;
}

#main h2.ttl:before, #main h2.ttl2:before{
	content:
	"";
	width:36px;
	height:15px;
	display:
	block;
	background:
	url(../images/icon_ttl.svg) left top no-repeat;
	background-size: contain;
	margin:0 auto;
	padding-bottom: 8px;
}

#main h2.ttl span{
	display:
	block;
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-size: 13px;
	/* color:#D6C078; */
	padding-bottom: 3px;
	font-weight: 400;
}

#main .main_inner section:last-child{
	margin-bottom:0px;
}

section{
	/* margin-bottom: 95px; */
}


.side_block{
	background-color: #f5f5f5;
    display: inline-block;
    width: 100%;
	margin-bottom: 20px;
}

.side_head{
	background-color: #221613;
	color: #fff;
	font-size: 14px;
	padding:10px 14px;
	line-height: 1.5;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 3px;
}

.side_head2{
	padding:20px 14px;
	font-size: 15px;
}


.side_block ul{
	margin: 0 14px;
}

.side_block li a{
	font-size: 13px;
	color:#221613;
	padding: 12px 5px 14px;
	line-height: 1.2;
}

.side_block li{
	border-bottom: 1px #dddddd solid;
}

.side_block .bttn{
	background: #000000;
	color: #fff;
	margin: 20px 19px!important;
    margin: 0 auto;
    font-size: 13px;
    font-family: 'Noto Serif JP', serif;
    display: block;
    border-radius: 50px;
    padding:4px 10px 6px;
    text-align: center;
    box-sizing: border-box;
}





.left a{
display: block;
}

.bnr ul{
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	justify-content: space-between;
}

.bnr ul li{
	max-width: 458px;
}

.bnr ul li img{
	max-width:100%;
}

.bnr ul li:nth-of-type(-n+2) {
	margin-bottom: 15px;
}

.bnr ul li:nth-last-child(-n+2){
	margin-top: 15px;	
}

#main .bnr h2.ttl{
	padding-top: 0!important;
}


#guide{
	background: url(../images/bg.jpg) left top repeat;
	padding: 57px 0;
}

#guide h2{
	/* background:#191919; */
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Noto Serif JP', serif;
	font-size: 25px;
	/* color:#fff; */
	text-align:
	center;
	margin-bottom: 0px!important;
	padding: 10px 0 56px 0;
	font-weight: 600;
}

.guidebox{
	max-width: 1200px;
	margin: 0 auto;
	/* padding-bottom: 50px; */
	line-height: 1.8;
	font-size: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.guidebox_l{width: 31.4%;background: #fff;padding: 1.8% 1.8% 98px 1.8%;position: relative;margin-bottom: 3.6%;box-sizing: border-box;}

.guide_inner{
	/* margin-bottom:40px; */
	text-align: center;
}

.g_ttl{
	/* border-bottom: 2px solid #8b8b8b; */
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 8px;
	font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}

.g_ttl a{
	background: #F16100;
	color: #fff!important;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	float: right;
	line-height: 1.5;
	font-family: 'Noto Sans JP', sans-serif;
	margin-top: 5px;
	padding: 2px 25px 4px 25px;
}

.cardlist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 17px 0;
	width: 460px;
}

.cardlist li{
	width: 230px;
}

.delitxt{
	font-size: 17px;
	font-weight:
	normal;
	position: relative;
	font-weight: 500;
	z-index: 2;
}

.delitxt:after{
	/* content:
	""; */
	/* width:100%; */
	/* background:#F5F2E9; */
	/* display: inline-block; */
	/* height: 8px; */
	/* position: absolute; */
	/* bottom: 0; */
	/* left: 0; */
	/* z-index: 1; */
}

.delitxt .inner{
	position: relative;
	z-index: 2;
}

strong{
	font-size:16px;
	font-weight:600;
}

.guide_inner p{
	margin-top: 17px;
	text-align: left;
	font-size: 14px;
}

#guide .coolitem{
	background: #0b1644;
	display:
	inline-block;
	padding: 6px 10px 8px 10px;
	margin-right:20px;
	color:#fff;
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
	box-sizing:
	border-box;
}

.btn_form{
	border: 2px solid #F16100;
	color: #F16100!important;
	display: block;
	text-align: center;
	border-radius: 4px;
	padding: 6px 10px;
	margin: 14px 0;
}

footer{
	text-align:
	center;
	color:#fff;
	padding:50px 0;
	font-size: 14px;
	background: #000;
}

footer a{
	color:#fff!important;
}

footer small{
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-size: 11px;
}

footer ul{
	display:flex;
	justify-content: center;
	margin:26px 0 23px;
	line-height: 1;
	/* font-family: 'Noto Serif JP', serif; */
}
footer ul li{
	position:
	relative;
	padding: 0 15px;
}

footer ul li:not(:last-child):after{
	content:
	"";
	background:#fff;
	display:
	inline-block;
	width:1px;
	height: 14px;
	position:
	absolute;
	top: 1px;
	right: 0px;
}

#global_nav.fixed {
	left: 0;
	position: fixed;
	top: 0;
	z-index:9999;
	width:100%;
	min-width:1360px;
}

#submain{
	background:#fff;
	padding:70px 0;
}

.telbox ul{
	/* display:flex; */
}

.search_bar{
	padding: 8px 0 18px;
	background-color: #f5f5f5;

	margin: 0 0 18px;
	
}


.search_bar ul input[type="text"]{
	outline: none;
	border-left: none;
	box-sizing: border-box;
	padding: 9px 0px;
	border-right: none;
	font-size: 15px;
	border-top: none;
	border-bottom: 1px solid #221613;
	width: 360px;
	background-color: #f5f5f5;
}


.search_bar ul{
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}



.search_bar ul li:first-child{
	display: flex;
	    max-width: 360px;
}

.search_bar ul a.search-url{
	outline:
	none;
	background-color: #f5f5f5;
	width: 24px;
	border: none;
	margin-left: 2px;
	padding: 5px 0;
	cursor: pointer;
	display: block;
}



.search_bar .keyword{
	display: inline-block;
	margin-left: 30px;
	color:#221613;
}

.telbox .tel{
	display: inline-block;
	width: 230px;
	margin-left: 30px;
}

.telbox .tel img{
	max-width:100%;
	/* padding: 10px; */
}


.telbox .tel span{
	display:
	inline-block;
	padding-bottom: 10px;
}

.block-left-menu--keyword-txt::placeholder {
	color: #aaa;
	font-size:13px;
	font-family: 'Noto Sans JP', sans-serif;
}

/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .slider-sample{
  visibility: hidden;
}
/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript.window-load .slider-sample{
  visibility: visible;
}

.fixed nav{
}

nav{background:#221613;}

.bnr{
	border-bottom:1px solid #ddd;
	padding-bottom: 70px;
	max-width: 1200px;
	margin:0 auto;
}

.pickup{
	border-bottom: 1px solid #ddd;
	padding-bottom: 50px;
	max-width: 1200px;
	margin:0 auto;
}


.daily_pickup{
	border-bottom: 1px solid #ddd;
	padding-bottom: 70px;
	max-width: 1200px;
	margin:0 auto;
}


.d_pickup{
		display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        background-color: #fff;
        padding: 25px;
        background-size: auto 2px;
		background: url(../images/bg.jpg) left top repeat;
}

.d_pickup .img_box{
	width: 265px;
	margin: 0 30px 0 0;
}

.d_pickup .d_pickup_details{
	width: 585px;
}

.d_pickup .d_pickup_details .d_pickup_title{
	font-size: 23px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	margin-bottom: 2px;
}

.d_pickup .d_pickup_details .d_pickup_text{
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 5px;
}

.d_pickup .d_pickup_details .d_pickup_price{
	font-weight: 600;
	font-size: 22px;
	color: #ba3c0b;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.d_pickup .d_pickup_details .d_pickup_price span{
	font-size: 16px;
}

.d_pickup .d_pickup_details .btn01{
	background-color: #ba3c0b!important;
	margin: 0!important;
}


.ranking{
	padding-bottom: 57px;
	max-width: 1200px;
	margin:0 auto;
}

.pickupbox > li{
	width:48.6%;
	margin-bottom: 2%;
}

.pickupbox img{
	max-width:100%;
}

.pickupbox > li > a{
	position:relative;
	display:block;
}
.pickupbox > li > a > div{
	background:
	rgba(0,0,0,0.75);
	position: absolute;
	bottom: 0;


	z-index: 1;
	padding: 11px 5px;
	box-sizing: border-box;
	width: 100%;
	min-height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pickupbox > li > a > div > h3{
	font-size:22px;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	line-height: 1.3;
}

.pickupbox > li > a > div > p{
	font-size:14px;
	font-weight: 400;
	text-align: center;
}

.pickupbox a{
	color:#fff!important;
}

.pickupbox{
	display:
	flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ranking{
	
}

.rankingbox{
	display:
	flex;
	flex-wrap: wrap;
}

.rankingbox > li > a > div:nth-child(1){
	color: #fff;
	display: block;
	font-family: 'Noto Serif JP', serif;
	position: absolute;
	width: 25px;
	height: 29px;
	top: 0;
	padding-right: 3px;
	line-height: 28px;
	left: 0;
	font-style: italic;
	text-align: center;
	font-size:17px;
}

.free_shipping{
	background: #ba3c0b;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    position: absolute;
    right: 0;
    padding: 3px 10px 3px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .5px;
}
.rankingbox > li{
	width: 19%;
	margin-right: 1.2%;
}

.rankingbox > li > a{
	position: relative;
	display: block;
}

.rankingbox > li img{
	max-width:100%;
}

.rankingbox > li:nth-child(5n){
	margin-right: 0%;
}

.rankingbox > li > a > div:nth-child(1){
	background: #0b1644;
}

.rankingbox > li:nth-child(1) > a > div:nth-child(1){
	background: #dea200;
}

.rankingbox > li:nth-child(2) > a > div:nth-child(1){
	background: #819098;
}

.rankingbox > li:nth-child(3) > a > div:nth-child(1){
	background: #c47a33;
}

.rankingbox > li > a > p{
	font-size:14px;
	text-align: center;
	margin-bottom: 38px;
	line-height: 1.6;
	margin-top: 8px;
}

.rankingbox > li > a > p > span{
	display:block;
	font-size:14px;
	color:#999;
}

.aboutttl{
	background:
	url(../images/about_bg.jpg) left top no-repeat;
	background-size: 100%;
}

.aboutttl img{
	margin:0 auto;
	width:256px;
	text-align:center;
}

.aboutttl span{
	display:block;
	margin:0 auto;
	width:20%;
	background:#fff;
	text-align:center;
	padding:0 15px;
}

.aboutbox_l{
	display:
	flex;
	max-width:1200px;
	margin: 70px auto 0 auto;
	justify-content: space-between;
}

.aboutbox_l .aboutbox_img{
	width:340px;
}

.aboutbox_l .aboutbox_img img{
	max-width:100%;
}

.aboutbox_txt{
	width:575px;
}

.aboutbox_txt h3{
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:600;
	color:#0b1644;
	margin-bottom: 15px;
}

.aboutbox_txt p{
	font-size:16px;
}

.about .aboutbox_l:last-child{
	border-bottom: 1px solid #ddd;
	padding-bottom: 70px;
}

.about.message .aboutbox_l:last-child{
	margin-top:30px;
}


.about.message .aboutbox_l:last-child{
	border-bottom: none;
}


.aboutbox_txt .btn01{
	margin: 50px 0 0;
	width: 310px;
	padding: 15px 10px;
	font-size: 16px;
}




.lineupbox h3{
	font-family: 'Noto Serif JP', serif;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: right;
	margin: 15px auto 0 auto;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 500;
	width: 308px;
	position: absolute;
	text-align: left;
	top: 23px;
	right: 15px;
}

.lineupbox h3 span{
	font-size:18px;
	display: flex;
	margin:0 auto;
}

.lineupbox{
	position: relative;
	display:
	flex;
	max-width: 1200px;
	justify-content: center;
	flex-wrap: wrap;
margin:0 auto;
}
.lineupbox > div{
	background:
	url(../images/boxcenter.png) left top no-repeat;
	background-size: 100%;
	background-position: 0px 130px;
	padding: 30px 0 45px 0;
	width: 338px;
	position: relative;
	margin: 0 40px 65px 40px;
}

.lineupbox > div:nth-child(1){
	margin:0 40px 65px 0px;
}

.lineupbox > div:nth-child(3){
	margin:0 0px 65px 40px;
}

.lineupbox > div:before{
	background:
	url(../images/boxtop.png) center top no-repeat;
	background-size: 100%;
	content:
	"";
	position:
	absolute;
	top:0;
	left: 30px;
	width:100%;
	width:276px;
	height:27px;
}

.lineupbox > div:after{
	background:
	url(../images/boxbottom.png) center top no-repeat;
	background-size: 100%;
	content:
	"";
	position:
	absolute;
	bottom:0;
	left: 30px;
	width:276px;
	height:27px;
}

.lineupbox img{
	max-width:100%;
	margin-top: 170px;
}

.lineupbox > div > p{
	font-size:14px;
	font-family: 'Noto Serif JP', serif;
	line-height:1.9;
	width:276px;
	margin: 25px auto 45px auto;
	min-height: 190px;
}

.btn01{
	background:#000;
	color:#fff!important;
	margin:0 auto;
	width:210px;
	font-size:15px;
	font-family: 'Noto Serif JP', serif;
	display:
	block;
	border-radius: 50px;
	padding: 6px 10px;
	text-align: center;
	box-sizing: border-box;
}

.lineup{
	border-bottom:1px solid #ddd;
	padding-bottom: 60px;
}

#main h2.ttl02{
	/* font-family: 'Noto Sans JP', sans-serif; */
	line-height: 1.6;
	font-size: 23px;
	font-weight:
	bold;
	text-align: center;
	padding-top: 65px;
	margin-bottom:40px;
	font-family: 'Noto Serif JP', serif;
}

#main h2.ttl02:before{
	content:
	"";
	width:36px;
	height:15px;
	display:
	block;
	background:
	url(../images/ttl_icon_i.svg) left top no-repeat;
	background-size: contain;
	margin:0 auto;
	padding-bottom: 8px;
}

#main .insta h2.ttl02:before{
	width:30px;
	height:30px;
	padding-bottom: 0!important;

}


#main h2.ttl02 span{
	display:
	block;
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-size: 13px;
	/* color:#D6C078; */
	padding-bottom: 3px;
	font-weight: 400;
}

.instabox{
	display:flex;
	max-width: 1200px;
	margin:0 auto;
	justify-content: center;
	flex-wrap: wrap;
}

.instabox li{
	width:20%;
	box-sizing:
	border-box;
	padding: 0.5%;
}

.instabox img{
	
	max-width:100%;
}

.followbox{
	width:86px;
	margin:45px auto 0 auto;
}

.followbox img{
	max-width:100%;
}

.max_with_wrap .insta{
	 border-top: 1px solid #ddd;
}

.insta .ttl02 span{
	font-family: 'Noto Sans JP', sans-serif;
	color:#868686;
	font-weight: 400;
	padding-top: 15px;
}
		 
.insta{
	padding-bottom:80px;
}


.btnbox{
	position:
	absolute;
	bottom: 35px;
	left: 0;
	width: 100%;
}

#guide .deliitem{
	background: #e8e6e0;
	display:
	inline-block;
	padding: 6px 10px 8px 10px;
	margin-right:20px;
	color:#221613;
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
	box-sizing:
	border-box;
}

.atn{
	font-size: 12px!important;
	margin-top:0px!important;
}

.f_logo{
	width: 90px;
	margin: 21px auto 0 auto;
	display: block;
}

.f_logo img{
	max-width:100%;
}

.f_tel{
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	margin-bottom: 17px;
	display: block;
}

.centerbox p{
	text-align:center;
}

.centerbox{
	padding: 1.8% 1.8% 1.8% 1.8%!important;
}

footer > a{
	display:block;
	width:80px;
	margin:5px auto 32px;
}

footer img{
	max-width:100%;
}

.sp_only{
	display: none!important;
}










/* Tablet and Mobile View */
@media (max-width: 959px) {
	
	body{
		min-width: 100%;
	}
	
	.pc_only{
		display: none!important;
	}
	.sp_only{
		display: block!important;
	}
	
	header .h_sub .inner{
		    justify-content: center;
	}
	
		
	
	.left .bnnr{
		text-align: center;
	}
	
	.main_inner .full_wrapper{
		width: 100%;
		flex-direction: column-reverse;
		box-sizing: border-box;
		padding: 0 15px;
	}
	
	.main_inner .full_wrapper .left, .main_inner .full_wrapper .right{
		width: 100%;
	}
	
	
	.main_inner .full_wrapper .left ul#menu li a {
    display: block;
    background-color: #221613;
    color: #fff;
    font-size: 14px;
    padding: 7px 10px 9px 55px;
    transition: background 0.2s;
    text-decoration: none;
    text-align: left;
    border-bottom: #ccc 1px solid;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
}
	
	
	.main_inner .full_wrapper .left ul#menu li .panel li a{
		background-color: #060403;
		padding: 7px 10px 9px 65px;
	}
		
	
	
	.bnr ul li{
		width: 48.75%;
	}
	
	.bnr ul li:nth-of-type(-n+2){
		margin-bottom: 5px;	
	}
	
	.bnr ul li:nth-last-child(-n+2){
		margin-top: 5px;
	}
	
	.d_pickup{
		flex-direction: column;
	}
	
	.d_pickup .img_box{
	    margin: 0 30px 30px 0;
	    display: flex;
	    width: 100%;
	    align-items: center;
   		justify-content: center;
	}
	
	.d_pickup .img_box img{
	    max-width: 265px;
	}
	
	.d_pickup .d_pickup_details{
		width: 100%;
	}
	
	
	header .h_main .h_accre .emb{
		max-width: 160px;
	}
	
	header .h_main .h_left{
		justify-content: center!important;
	}
	
	header .h_main{
		
	}
	
	.srch_block .search_bar{
		padding: 8px 10px 8px!important;
		
	}
	
	.search_bar ul{
		    justify-content: center;
		padding: 0 10px;
	}
	
	
	.search_bar .keyword{
		display: none!important;
	}
	
	
	.search_bar ul li:first-child{
		    width: 100%;
	}
	
	
	.search_bar ul a.search-url{
	padding: 5px 10px;	
	}
	
.search_bar ul form{
	justify-content: center;
}
		
	
	.pickupbox > li > a > div > h3{
		font-size: 18px;
	}
	
	.pickupbox > li > a > div > p{
		font-size: 13px;	
	}
	
	
	.rankingbox > li:nth-child(odd){
		width: 47%;
		margin-right: 1.5%;
	}
	
	.rankingbox > li:nth-child(even){
		width: 47%;
		margin-left: 1.5%;
	}	
	
	.aboutbox_l{
		flex-direction: column;
	}
	
	.about .aboutbox_l:last-child{
		flex-direction: column-reverse;
	}
	
	.aboutbox_l .aboutbox_img {
    	width: 100%;
    	margin-bottom: 30px;
	}
	
	.aboutbox_txt{
		width: 100%;
	}
	
	.aboutbox_txt h3{
		font-size: 26px;
	}
	
	.about.message .aboutbox_l{
		flex-direction: column;
	}
	
	.side_block .bttn{
        margin: 20px auto!important;
        width: 210px;
	}
	
	.aboutbox_txt .btn01{
		margin: 30px auto 0;
	}
	
	footer{
		margin-top: 60px;
	}
	
	footer ul{
		display: none!important;
	}
	
	footer h1{
		margin-bottom: 20px;
	}
	
.p-menu1{
   height: 100%;
}




/* Hamburger */
.hamburger1 {
  height: 30px;
  margin: 10px;
  display: -ms-grid;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  justify-items: center;
  z-index: 120;
}

.hamburger1 div {
  background-color: rgb(255, 255, 255);
  position: relative;
  width: 30px;
  height: 2px;
  margin-top: 7px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#toggle1 {
  display: none;
}

#toggle1:checked + .hamburger1 .top {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 22.5px;
}

#toggle1:checked + .hamburger1 .meat {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  		  margin-top: -2px;
}

#toggle1:checked + .hamburger1 .bottom {
  -webkit-transform: scale(0);
          transform: scale(0);
}

#toggle1:checked ~ .menu1 {
  height: 340px;
}


/* Menu */
.menu1 {
  width: 100%;
  background-color: #02173F;
  margin: 0;
  display: -ms-grid;
  display: grid;
  grid-template-rows: 1fr repeat(4, 0.5fr);
  grid-row-gap: 25px;
  padding: 0;
  list-style: none;
  clear: both;
  width: auto;
  text-align: center;
  height: 0px;
  overflow: hidden;
  transition: height .4s ease;
  z-index: 120;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu1 a:first-child {
  margin-top: 40px;
}

.menu1 a:last-child {
  margin-bottom: 40px;
}

.link1 {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  font: 700 20px 'Oswald', sans-serif;
}

.link1:hover {
  background-color: #fff;
  color: rgb(61, 61, 61);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
	
}

@media (min-width: 620px) {
	.sm_only{
		display: none!important;
	}

}
	
@media (max-width: 620px) {
		
	.sm_only{
		display: block!important;
	}
	
	.sm_none{
		display: none!important;
	}
	

	
	header .h_main .h_left .logo{
		width: 75px;
    	margin-top: 0!important;
	}
	
	.telbox .right_bttns a span{
		display: none;
	}

	.telbox .right_bttns a{
		width: 25px;
    	height: 25px;
		padding: 3px;
	}
	
	.telbox .right_bttns a:before{
		margin-right: 0!important;
		width: 14px!important;
		height: 14px!important;
	}
	
	.telbox .right_bttns a.btn_cart{
		margin: 0 0 5px 4px;
		
	}
	
	.telbox .right_bttns a.login{
		margin: 0 0 3px;
	}
	.pickupbox{
		flex-direction: column;
	}
	
	.pickupbox > li {
    	width: 100%;
		margin-bottom: 20px;
	}
	
	.srch_block .search_bar{
		padding: 4px 0 10px;
    	background-color: #f5f5f5;
    	margin: 0 0 10px;
		}

		
}

@media (max-width: 450px) {
	.bnr ul li{
		width: 100%;
	}

	.bnr ul li{
		margin: 5px 0!important
	}
	


	
}

@media (max-width: 399px) {
	header .h_main .h_left .emb{
		display: none!important;
	}	
	
	header .h_sub .h_l{
		padding: 0 0 0 30px;
		text-align: center;
		font-size: 9.8px;
	}
}










.srch_block{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	background: #f5f5f5;
}




.srch_block .search_bar ul input[type="text"]{
	max-width: 360px!important;
	width: 100%!important;
}




.srch_block{
	display: flex;
	justify-content: space-between;
}


.srch_block .search_bar{
	margin-bottom: 0!important;
	padding: 8px 0 8px;
}