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

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html{
	font-size: 10px;
}

body{
	color: #333;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.4rem;
}

a{
	color: inherit;
	text-decoration: none;
}

ul,ol{
	list-style: none;
}

img , iframe{
	max-width: 100%;
	vertical-align: middle;
}

img {
	height: auto;
}

table{
    border-collapse: collapse;
}

input,textarea,button {
    -webkit-appearance: none;
    max-width: 100%;
}

input[type="submit"],
input[type="button"],
button{
	-webkit-appearance: none;
	appearance: none;
    background-color: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
    outline: none;
}

textarea{
	resize: vertical;
}

.contentIn{
	margin: 0 auto;
	padding: 0 48px;
}

.dp_ib{
	display: inline-block;
}

.flexBox{
	display: flex;
}

.flexBox.column{
	flex-direction: column;
}

.i_flex{
	display: inline-flex;
}

.ai_c{
	align-items: center;
}

.ai_fs{
	align-items: flex-start;
}

.ai_fe{
	align-items: flex-end;
}

.ai_s{
    align-items: stretch;
}

.jc_sb{
	justify-content: space-between;
}

.jc_sa{
	justify-content: space-around;
}

.jc_c{
	justify-content: center;
}

.jc_fe{
	justify-content: flex-end;
}

.fw_wp{
    flex-wrap: wrap;
}

.flexL{
	order: 1;
}

.flexC{
	order: 2;
}

.flexR{
	order: 3;
}

.txa_c{
	text-align: center;
}

.txa_r{
	text-align: right;
}

.txa_l{
	text-align: left;
}

.fwB{
    font-weight: bold;
}

.ff_montserrat,.name_shop{
	font-family: 'Montserrat',"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

/*==================================

フッター

==================================*/

.footer-about-block .inner{
	width: 100%;
	padding: 13px 48px 50px;
}

.footer-about-block .inner .about{
	width: 100%;
	margin: 0 auto;
}

.footer-about-block .inner .about .about-link-block ul li:nth-child(1) {
          background-image: url("../images/about-link01.svg");
          background-size: 80%;
          background-position: 35% center; }

        .footer-about-block .inner .about .about-link-block ul li:nth-child(2) {
          background-image: url("../images/about-link02.svg");
          background-size: 45%;
          background-position: 43% center; }

        .footer-about-block .inner .about .about-link-block ul li:nth-child(3) {
          background-image: url("../images/about-link03.svg");
          background-size: 70%;
          background-position: 54% center; }

        .footer-about-block .inner .about .about-link-block ul li:nth-child(4) {
          background-image: url("../images/about-link04.svg");
          background-size: 79%;
          background-position: 61% 38%; }

.footer .footer-inner{
	width: 100%;
	padding: 50px 48px;
}

/*==================================

トップページ

==================================*/

#delivery{
	background: #f5f5f5;
}

#delivery .deliveryHeadImg{
	margin: 2em 0;
}

.list_menu > li{
	flex-basis: 32%;
	margin: 1.6em 0;
}

.list_menu > li > .flexBox.column{
	height: 100%;
}

.list_menu:after{
	content: '';
	display: block;
	flex-basis: 32%;
	width: 32%;
}

.list_menu > li .inwrp{
	width: 100%;
	min-height: 0%;
}

.name_shop{
	margin: .2em 0 .5em;
	padding: .3em 0;
	font-size: 3.4rem;
	border-bottom: 1px solid #333333;
}

.name_shop .txt_s{
	font-size: 2.2rem;
}

.name_shop .txt_m{
	font-size: 3rem;
}

.list_menu > li .btnWrap{
	width: 100%;
	margin-top: 2em;
}

.list_menu > li .btnWrap a + a{
	margin-top: .3em;
}

.btnShopInfo{
	position: relative;
	display: block;
	padding: 1em 3em;
	color: #333333 !important;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	letter-spacing: .1em;
	background: #fff;
	border: 1px solid #333333;
}

.btnShopInfo:hover{
	color: #fff !important;
	background: #333;
	opacity: 1;
}

.btnShopInfo:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1.3em;
	display: block;
	width: 1em;
	height: 1.2em;
	background: url("../images/arrowRdot_black.svg") no-repeat center center / contain;
	transform: translateY(-50%);
	transition: .3s;
}

.btnShopInfo:hover:after{
	background-image: url("../images/arrowRdot_white.svg");
}

.btnDemaecan{
	position: relative;
	display: block;
	padding: 1em 3em;
	color: #d2473b !important;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	letter-spacing: .1em;
	background: #fff;
	border: 1px solid #d2473b;
}

.btnDemaecan:hover{
	color: #fff !important;
	background: #d2473b;
	opacity: 1;
}

.btnDemaecan:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	display: block;
	width: 1.5em;
	height: 1.5em;
	background: url("../images/icon_demaekan_red.svg") no-repeat center center / contain;
	transform: translateY(-50%);
	transition: .3s;
}

.btnDemaecan:hover:after{
	background-image: url("../images/icon_demaekan_white.svg");
}


/*==================================

@media screen PC

==================================*/

@media screen and (min-width:761px){
	.spOnly{
		display: none !important;
	}
	
	.sub-nav-block{
		margin-bottom: 1.8em;
	}
	
}


/*==================================

@media screen SP

==================================*/

@media screen and (max-width:760px){
	
	*{
		word-break: break-all;
	}
	
	html{
		font-size: 1.3vw;
	}
	
	.pcOnly{
		display: none !important;
	}
	
	.sp_bk{
		display: block;
	}
	
	p{font-size: 2rem;}
	
	.sub-nav-block h1{
		width: 30%;
	}
	
	.contentIn{
		padding: 0 20px;
	}
	
	.btnShopInfo{
		padding: 1.2em 2em 1.2em 1.2em;
	}
    
	.btnShopInfo:after{
		right: .9em;
		width: 1em;
	    height: 1.2em;
	}
	
	.btnDemaecan{
		padding: 1.2em 2em 1.2em 1.2em;
	}
	
	.btnDemaecan:after{
		right: .7em;
		width: 1.8em;
	    height: 1.8em;
	}
	
	
	/*==================================

	ヘッター

	==================================*/
	
	.sub-nav-block{
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 20px;
	}
	
	.sub-nav-block ul{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin: 2em 0 2em 2em;
	}
	
	.sub-nav-block .inner ul li a{
		position: relative;
	/*	display: flex;
		align-items: center;
		flex-wrap: wrap;*/
		display: inline-block;
		padding-left: 2em;
	}
	
	.sub-nav-block .inner ul li a span{
		display: inline-block;
	}
	
	.sub-nav-block .inner ul li .more-link:before{
		position: absolute;
		top: 50%;
		left: 0;
		width: 1em;
		transform: translateY(-50%);
	}
	
	/*==================================

	フッター

	==================================*/
	
	.footer-about-block .inner {
		padding: 14px 20px 10px;
	}
	
	
	.footer .footer-inner{
		padding: 20px;
	}
	
	.footer .footer-inner .footer-link-block ul{
		flex-wrap: wrap;
	}
	
	.footer-about-block .inner .about .about-link-block ul li:nth-child(1) {
              background-image: url("../images/about-link01-sp.svg");
              background-size: 65%;
              background-position: center 24%; }
            .footer-about-block .inner .about .about-link-block ul li:nth-child(2) {
              background-image: url("../images/about-link02-sp.svg");
              background-size: 36%;
              background-position: center 34%; } 
            .footer-about-block .inner .about .about-link-block ul li:nth-child(3) {
              background-image: url("../images/about-link03-sp.svg");
              background-size: 42%;
              background-position: center 46%; }
            .footer-about-block .inner .about .about-link-block ul li:nth-child(4) {
              background-image: url("../images/about-link04-sp.svg");
              background-size: 44%;
              background-position: center 34%; }

	/*==================================

	トップページ

	==================================*/
	
	.list_menu > li {
    	flex-basis: 49%;
	}
	
	.name_shop{font-size: 3.6rem;}
	
	.name_shop .txt_m{
		font-size: 3rem;
	}
	
	.name_shop .txt_s{
		font-size: 2rem;
	}
	
	.wlftyv{
		padding-left: 20px;
	}

	
}