@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

* {
	margin:0;
	padding:0;
	font-feature-settings: "palt";
	box-sizing: border-box;
}


html, body {
	margin:0;
	padding:0;
	font-size:62.5%;
	line-height:1.8;
	letter-spacing: 0.1rem;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color:#714f4b;
}

body {
	background-color: rgba(250, 248, 237, 1);
}


ul, ol {
	list-style:none;
}


table {
	border-collapse: collapse;
	border:none;
}


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


img {
	vertical-align: bottom;
}


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

@media all and (max-width:560px) {
.pc {display:none;}
.sp {display:block;}
}


/* color settings */
/* text */
.fc-navy {color:#2D3243 !important;}
.fc-red {color:#FF0024 !important;}
.fc-darkred {color:#990024 !important;}
.fc-blue {color:#1155C4 !important;}
.fc-yellow {color:#FEFE00 !important;}
.fc-white {color:#FFFFFF !important;}
.fc-black {color:#000000 !important;}
.fc-grey {color:#666666 !important;}

/* background */
.bg-navy {background-color:#2D3243 !important;}
.bg-red {background-color:#FF0024 !important;}
.bg-blue {background-color:#1155C4 !important;}
.bg-lightblue {background-color:#f6faff !important;}
.bg-yellow {background-color:#FEFE00 !important;}
.bg-lightgray {background-color:#F4F4F4 !important;}
.bg-orange {background-color:#eb6100 !important;}
.bg-lightred {background-color:#fef2f6 !important;}


/* border-color */
.bc-grey {border:1px solid #AAA !important;}


/* font weight settings */
.fw-b {font-weight:bold !important;}
.fw-n {font-weight:normal!important;}
.fw-300 {font-weight:300 !important;} /* = .fw-n */
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}


/* font style settings */
.fstyl-i {font-style:italic !important;}
.fstyl-n {font-style:normal !important;}


/* alignment settings */
.ta-left {text-align:left !important;}
.ta-center {text-align:center !important;}
.ta-right {text-align:right !important;}

.va-top {vertical-align: top;}
.va-middle {vertical-align: middle;}
.va-bottom {vertical-align: bottom;}


/* font size settings */
.fs-x06 {font-size:0.6rem;}
.fs-x08 {font-size:0.8rem;}
.fs-x10 {font-size:1rem;}
.fs-x11 {font-size:1.1rem;}
.fs-x12 {font-size:1.2rem;}
.fs-x14 {font-size:1.4rem;}
.fs-x16 {font-size:1.6rem;}
.fs-x18 {font-size:1.8rem;}
.fs-x20 {font-size:2rem;}
.fs-x21 {font-size:2.1rem;}
.fs-x24 {font-size:2.4rem;}
.fs-x26 {font-size:2.6rem;}
.fs-x28 {font-size:2.8rem;}
.fs-x30 {font-size:3rem;}
.fs-x36 {font-size:3.6rem;}
.fs-x40 {font-size:4rem;}
.fs-x50 {font-size:5rem;}
.fs-x60 {font-size:6rem;}


/* margin settings */
/* margin bottom */
.mb-xxsmall {margin-bottom:3px !important;}
.mb-xsmall {margin-bottom:5px !important;}
.mb-small {margin-bottom:10px !important;}
.mb-medium {margin-bottom:15px !important;}
.mb-large {margin-bottom:30px !important;}
.mb-xlarge {margin-bottom:50px !important;}
.mb-xxlarge {margin-bottom:80px !important;}
.mb-exlarge {margin-bottom:100px !important;}
.mb-ultralarge {margin-bottom:150px !important;}

@media all and (max-width:768px) {
.mb-xxsmall {margin-bottom:3px !important;}
.mb-xsmall {margin-bottom:5px !important;}
.mb-small {margin-bottom:10px !important;}
.mb-medium {margin-bottom:15px !important;}
.mb-large {margin-bottom:20px !important;}
.mb-xlarge {margin-bottom:30px !important;}
.mb-xxlarge {margin-bottom:50px !important;}
.mb-exlarge {margin-bottom:70px !important;}
.mb-ultralarge {margin-bottom:100px !important;}	
}

/* margin top */
.mt-xxsmall {margin-top:3px !important;}
.mt-xsmall {margin-top:5px !important;}
.mt-small {margin-top:10px !important;}
.mt-medium {margin-top:15px !important;}
.mt-large {margin-top:30px !important;}
.mt-xlarge {margin-top:50px !important;}
.mt-xxlarge {margin-top:80px !important;}
.mt-exlarge {margin-top:100px !important;}
.mt-ultralarge {margin-top:150px !important;}

@media all and (max-width:768px) {
.mt-xxsmall {margin-top:3px !important;}
.mt-xsmall {margin-top:5px !important;}
.mt-small {margin-top:10px !important;}
.mt-medium {margin-top:15px !important;}
.mt-large {margin-top:20px !important;}
.mt-xlarge {margin-top:30px !important;}
.mt-xxlarge {margin-top:50px !important;}
.mt-exlarge {margin-top:70px !important;}
.mt-ultralarge {margin-top:100px !important;}	
}

.m-auto {
	margin-left:auto;
	margin-right:auto;
}

.mr-medium {margin-right:30px !important;}

@media all and (max-width:768px) {
.mr-medium {margin-right:0 !important;}
}


/* padding */
.p-small {padding:15px !important;}
.p-medium {padding:30px !important;}


/* width size */
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w33 {width:33% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w66 {width:66% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}


/* タブレットサイズで横幅100%に変化 */
.w10tab {width:10% !important;}
.w20tab {width:20% !important;}
.w25tab {width:25% !important;}
.w30tab {width:30% !important;}
.w33tab {width:33% !important;}
.w40tab {width:40% !important;}
.w48tab {width:48% !important;}
.w50tab {width:50% !important;}
.w60tab {width:60% !important;}
.w66tab {width:66% !important;}
.w70tab {width:70% !important;}
.w75tab {width:75% !important;}
.w80tab {width:80% !important;}
.w90tab {width:90% !important;}
.w100tab {width:100% !important;}

@media all and (max-width:768px) {
.w10tab,.w20tab,.w25tab,.w30tab,.w33tab,
.w40tab,.w48tab,.w50tab,.w60tab,.w66tab,.w70tab,
.w75tab,.w80tab,.w90tab,.w100tab {
width:100% !important
}
}

/* スマホサイズで横幅100%に変化 */
.w10sp {width:10% !important;}
.w20sp {width:20% !important;}
.w25sp {width:25% !important;}
.w30sp {width:30% !important;}
.w33sp {width:33% !important;}
.w40sp {width:40% !important;}
.w48sp {width:48% !important;}
.w50sp {width:50% !important;}
.w60sp {width:60% !important;}
.w66sp {width:66% !important;}
.w70sp {width:70% !important;}
.w75sp {width:75% !important;}
.w80sp {width:80% !important;}
.w90sp {width:90% !important;}
.w100sp {width:100% !important;}

@media all and (max-width:560px) {
.w10sp,.w20sp,.w25sp,.w30sp,.w33sp,
.w40sp,.w48sp,.w50sp,.w60sp,.w66sp,.w70sp,
.w75sp,.w80sp,.w90sp,.w100sp {
width:100% !important
}
}


/* image settings */
.block_image {
    width:100%;
    position:relative;
    background:#F1F2F2;
}


.block_image::before {
    padding-top:100%;
    content:"";
    display:block;
}


.block_image img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:contain;
}



#wrapper {
	width:100%;
	background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(249, 241, 221, 1) 10px, rgba(249, 241, 221, 1) 20px);
	overflow:hidden;
}


header {
	width:100%;
	height:150px;
	text-align:center;
	padding:20px 0 0;
}


.logo {
	width:150px;
	margin:0 auto;
}


.logo img {
	width:100%;
}


@media all and (max-width:1024px) {
header {
	width:100%;
	height:100px;
	text-align:center;
	padding:20px 0 0;
}


.logo {
	width:100px;
	margin:0 auto;
}	
}


@media all and (max-width:640px) {
header {
	width:100%;
	height:60px;
	text-align:center;
	padding:10px 0 0;
}


.logo {
	width:60px;
	margin:0 auto;
}	
}





.block_mv {
	width:100%;
	max-width:1680px;
	margin:0 auto 220px;
	position:relative;
}


@media all and (max-width:768px) {
.block_mv {
	width:100%;
	max-width:1680px;
	margin:0 auto 150px;
	position:relative;
}
}


@media all and (max-width:640px) {
.block_mv {
	width:100%;
	max-width:1680px;
	margin:0 auto 100px;
	position:relative;
}
}


.block_mv > img {
	width:100%;
}


.block_mv h2 {
	font-size:clamp(1.6rem, 2.9vw, 5rem);
	color:#714f4b;
	display:inline-block;
	position:absolute;
	top:10%;
	left:8%;
	font-weight: 800;
	font-style: normal;
	letter-spacing: 2px;
}


.chiffon_mv {
	width:55%;
	position:absolute;
	top:45%;
	left:-3%;
}


@media all and (max-width:640px) {
.chiffon_mv {
	width:55%;
	position:absolute;
	top:50%;
	left:-3%;
}
}


.chiffon_mv img {
	width:100%;
}



/* summary */
.sec_summary {
	width:100%;
	max-width:1280px;
	margin:0 auto;
}


.ttl_summary {
	width:60%;
	max-width:600px;
	margin:0 auto 250px;
}


@media all and (max-width:768px) {
.ttl_summary {
	width:60%;
	max-width:500px;
	margin:0 auto 250px;
}
}


@media all and (max-width:640px) {
.ttl_summary {
	width:70%;
	max-width:500px;
	margin:0 auto 250px;
}
}


.ttl_summary img {
	width:100%;
}


.block_summary {
	width:100%;
	max-width:1280px;
	padding:0 60px 730px;
	margin:0 auto;
	position:relative;
}


.block_summary h3 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:3.6rem;
}


.img_summary01 {
	width:76%;
	position:absolute;
	left:48%;
	top:-250px;
}


.img_summary02 {
	width:76%;
	position:absolute;
	left:-15%;
	bottom:5%;
}


.img_summary03 {
	width:22.6vw;
	max-width:290px;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
}


.img_summary01 img,
.img_summary02 img,
.img_summary03 img {
	width:100%;
}


@media all and (max-width:1024px) {
.block_summary {
	width:100%;
	max-width:1280px;
	padding:0 60px 600px;
	margin:0 auto;
	position:relative;
}
}


@media all and (max-width:768px) {
.block_summary h3 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.6rem;
}
	
	
.img_summary01 {
	width:60%;
	position:absolute;
	left:48%;
	top:-250px;
}


.img_summary02 {
	width:60%;
	position:absolute;
	left:-15%;
	bottom:5%;
}


.img_summary03 {
	width:22.6vw;
	max-width:290px;
	position:absolute;
	left:75%;
	top:0;
	transform:translateX(-50%);
}
	
	
.block_summary {
	width:100%;
	max-width:1280px;
	padding:0 60px 400px;
	margin:0 auto;
	position:relative;
}
}


@media all and (max-width:640px) {
.block_summary h3 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.6rem;
}
	
	
.img_summary01 {
	width:70%;
	position:absolute;
	left:35%;
	top:-230px;
}


.img_summary02 {
	width:80%;
	position:absolute;
	left:30%;
	bottom:10%;
}


.img_summary03 {
	width:30vw;
	max-width:290px;
	position:absolute;
	left:70px;
	top:-250px;
	transform:translateX(0);
}
	
	
.block_summary {
	width:100%;
	max-width:1280px;
	padding:0 35px 250px;
	margin:0 auto;
	position:relative;
}
}




/* lineup */
.sec_lineup {
	width:96%;
	max-width:1280px;
	margin:0 auto 250px;
	text-align:center;
	position:relative;
}


@media all and (max-width:1024px) {
.sec_lineup {
	width:96%;
	max-width:1280px;
	margin:0 auto 100px;
	text-align:center;
	position:relative;
}
}


.ttl_lineup {
	width:70%;
	max-width:330px;
	margin:0 auto 100px;
}


.ttl_lineup img {
	width:100%;
}


.child_lineup {
	width:13.8vw;
	max-width:280px;
	min-width:200px;
	position:absolute;
	top:10%;
	right:-5%;
}


@media all and (max-width:1024px) {
.child_lineup {
	width:13.8vw;
	max-width:280px;
	min-width:200px;
	position:absolute;
	top:10%;
	right:0;
}
}


@media all and (max-width:768px) {	
.child_lineup {
	width:13.8vw;
	max-width:280px;
	min-width:180px;
	position:absolute;
	top:10%;
	right:0;
}
}


@media all and (max-width:640px) {	
.child_lineup {
	width:13.8vw;
	max-width:280px;
	min-width:120px;
	position:absolute;
	top:-5%;
	right:auto;
	left:0;
}
}


.child_lineup img {
	width:100%;
}


.sec_lineup h4 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:3.6rem;
}


@media all and (max-width:768px) {
.ttl_lineup {
	width:70%;
	max-width:230px;
	margin:0 auto 50px;
}
	
.sec_lineup h4 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.6rem;
}
}


@media all and (max-width:640px) {
.ttl_lineup {
	width:70%;
	max-width:180px;
	margin:0 auto 50px;
}
	
.sec_lineup h4 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.4rem;
}
}


.img_product {
	width:50%;
	max-width:700px;
	margin:0 auto 30px;
}


.img_product img {
	width:100%;
}


.block_price {
	width:90%;
	max-width:800px;
	font-size:3.6rem;
	margin:0 auto 80px;
	font-weight:900;
}


.price {
	font-size:4.2rem;
	color:#eb6100;
}


.tax {
	font-size:2.4rem;
	font-weight:700;
}


@media all and (max-width:768px) {
.img_product {
	width:45%;
	max-width:700px;
	margin:0 auto 30px;
}
	
.block_price {
	width:90%;
	max-width:800px;
	font-size:3rem;
	margin:0 auto 50px;
	font-weight:900;
}


.price {
	font-size:3.6rem;
	color:#eb6100;
}


.tax {
	font-size:2rem;
	font-weight:700;
}
}


@media all and (max-width:640px) {
.img_product {
	width:66%;
	max-width:700px;
	margin:0 auto 30px;
}
	
.block_price {
	width:90%;
	max-width:800px;
	font-size:2.6rem;
	margin:0 auto 50px;
	font-weight:900;
}


.price {
	font-size:3.2rem;
	color:#eb6100;
}


.tax {
	font-size:1.8rem;
	font-weight:700;
}
}



.block_lineup {
	width:96%;
	max-width:1280px;
	margin:0 auto 200px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


@media all and (max-width:1024px) {
.block_lineup {
	width:96%;
	max-width:1280px;
	margin:0 auto 100px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
}


.lineup_child {
	width:30%;
	height:320px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px;
}


.lineup_child:nth-child(4) {
	width:30%;
	height:320px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px 17.5%;
}


.lineup_child:nth-child(5) {
	width:30%;
	height:320px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 17.5% 30px 0;
}


.lineup_child:nth-child(6) {
	width:30%;
	height:320px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px 17.5%;
}


.lineup_child:nth-child(7) {
	width:30%;
	height:320px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 17.5% 30px 0;
}


.lineup_child::before {
	content:"";
	display:block;
	width:100%;
	height:130px;
	position:absolute;
	top:0;
	left:0;
}


@media all and (max-width:1024px) {
.lineup_child {
	width:32%;
	height:250px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px;
}


.lineup_child:nth-child(4) {
	width:32%;
	height:250px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px 17%;
}


.lineup_child:nth-child(5) {
	width:32%;
	height:250px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 17% 30px 0;
}


.lineup_child:nth-child(6) {
	width:32%;
	height:250px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px 17%;
}


.lineup_child:nth-child(7) {
	width:32%;
	height:250px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 17% 30px 0;
}


.lineup_child::before {
	content:"";
	display:block;
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	left:0;
}
}


@media all and (max-width:768px) {
.lineup_child {
	width:32%;
	height:200px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px;
}


.lineup_child:nth-child(4) {
	width:32%;
	height:200px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px 17%;
}


.lineup_child:nth-child(5) {
	width:32%;
	height:200px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 17% 30px 0;
}


.lineup_child:nth-child(6) {
	width:32%;
	height:200px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 30px 17%;
}


.lineup_child:nth-child(7) {
	width:32%;
	height:200px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 17% 30px 0;
}


.lineup_child::before {
	content:"";
	display:block;
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	left:0;
}
}


@media all and (max-width:640px) {
.lineup_child {
	width:48%;
	height:160px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 15px;
}


.lineup_child:nth-child(4) {
	width:48%;
	height:160px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 15px;
}


.lineup_child:nth-child(5) {
	width:48%;
	height:160px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 15px;
}


.lineup_child:nth-child(6) {
	width:48%;
	height:160px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 15px;
}


.lineup_child:nth-child(7) {
	width:48%;
	height:160px;
	display:flex;
	flex-direction: column;
	border-radius: 10px;
	overflow:hidden;
	position:relative;
	background:#FFF;
	margin:0 0 15px;
}


.lineup_child::before {
	content:"";
	display:block;
	width:100%;
	height:60px;
	position:absolute;
	top:0;
	left:0;
}
}


.lineup_child.plain::before {background:#facd89;}
.lineup_child.matcha::before {background:#cce198;}
.lineup_child.choco::before {background:#7e6b5a;}
.lineup_child.tea::before {background:#f29b76;}
.lineup_child.lemmon::before {background:#fff799;}
.lineup_child.caramel::before {background:#ac6a00;}
.lineup_child.strawberry::before {background:#f19ec2;}
.lineup_child.matcha_c::before {background:#89c997;}
.lineup_child.coming::before {background:#DDD;}


.lineup_variation {
	width:calc(100% - 40px);
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	font-size:2.1rem;
	font-family:"Zen Maru Gothic", serif;
	font-weight:500;
}


.block_taste {
	width:100%;
	position:relative;
	margin:0 0 30px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0,0,0,.2);
}


.block_taste img {
	width:100%;
	border-radius: 10px;
}


.name_taste {
	display:inline-block;
	width:inherit;
	font-size:6rem;
	text-shadow:
    2px 2px 0 #FFF,
    -2px 2px 0 #FFF,
    -2px -2px 0 #FFF,
    2px -2px 0 #FFF;
	position:absolute;
	bottom:-30px;
	left:50%;
	transform:rotate(-7deg) translateX(-50%);
	font-family: "Yellowtail", cursive;
	font-weight: 400;
	font-style: normal;
}


@media all and (max-width:1024px) {
.block_taste {
	width:100%;
	position:relative;
	margin:0 0 20px;
	border-radius: 10px;
	box-shadow: 0px 10px 10px rgba(0,0,0,.2);
}
	
	
.name_taste {
	display:inline-block;
	width:inherit;
	font-size:4.5rem;
	text-shadow:
    2px 2px 0 #FFF,
    -2px 2px 0 #FFF,
    -2px -2px 0 #FFF,
    2px -2px 0 #FFF;
	position:absolute;
	bottom:-20px;
	left:50%;
	transform:rotate(-7deg) translateX(-50%);
	font-family: "Yellowtail", cursive;
	font-weight: 400;
	font-style: normal;
}
}


@media all and (max-width:768px) {
.lineup_variation {
	width:calc(100% - 20px);
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	font-size:1.8rem;
	font-family:"Zen Maru Gothic", serif;
	font-weight:500;
}
	
	
.name_taste {
	display:inline-block;
	width:inherit;
	font-size:3.6rem;
	text-shadow:
    2px 2px 0 #FFF,
    -2px 2px 0 #FFF,
    -2px -2px 0 #FFF,
    2px -2px 0 #FFF;
	position:absolute;
	bottom:-20px;
	left:50%;
	transform:rotate(-7deg) translateX(-50%);
	font-family: "Yellowtail", cursive;
	font-weight: 400;
	font-style: normal;
}
}

@media all and (max-width:640px) {
.lineup_variation {
	width:calc(100% - 20px);
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	font-size:1.4rem;
	font-family:"Zen Maru Gothic", serif;
	font-weight:500;
}
	
	
.name_taste {
	display:inline-block;
	width:inherit;
	font-size:2.6rem;
	text-shadow:
    2px 2px 0 #FFF,
    -2px 2px 0 #FFF,
    -2px -2px 0 #FFF,
    2px -2px 0 #FFF;
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:rotate(-7deg) translateX(-50%);
	font-family: "Yellowtail", cursive;
	font-weight: 400;
	font-style: normal;
}
}



/* gallery */
.sec_gallery {
	width:96%;
	max-width:1280px;
	margin:0 auto 250px;
	text-align:center;
}


.block_gallery_txt {
	width:100%;
	padding:0 16vw;
	position:relative;
}

@media all and (max-width:640px) {
.block_gallery_txt {
	width:100%;
	padding:0 8vw;
	position:relative;
}
}


.child_gallery {
	width:21.8vw;
	max-width:280px;
	position:absolute;
	left:0;
	top:80px;
}


@media all and (max-width:1024px) {
.sec_gallery {
	width:96%;
	max-width:1280px;
	margin:0 auto 150px;
	text-align:center;
}
	
	
.child_gallery {
	width:21.8vw;
	max-width:280px;
	position:absolute;
	left:0;
	top:200px;
}
}


@media all and (max-width:640px) {
.child_gallery {
	width:33vw;
	max-width:280px;
	position:absolute;
	left:0;
	top:-80px;
}
}


.child_gallery img {
	width:100%;
}


.ttl_gallery {
	width:70%;
	max-width:320px;
	margin:0 auto 50px;
}


.sec_gallery h4 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:3.6rem;
}


.ttl_gallery img {
	width:100%;
}


.block_gallery {
	width:96%;
	max-width:1280px;
	margin:0 auto;
	background:#FFF;
	padding:20px 20px 15px;
	box-shadow:0px 5px 5px rgba(0,0,0,.2);
}


.block_gallery img {
	width:100%;
}

@media all and (max-width:1024px) {
.block_gallery {
	width:96%;
	max-width:1280px;
	margin:0 auto;
	background:#FFF;
	padding:10px 10px 7px;
	box-shadow:0px 5px 5px rgba(0,0,0,.2);
}
}


@media all and (max-width:768px) {
.ttl_gallery {
	width:70%;
	max-width:230px;
	margin:0 auto 50px;
}
	
.sec_gallery h4 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.6rem;
}
}


@media all and (max-width:640px) {
.ttl_gallery {
	width:70%;
	max-width:180px;
	margin:0 auto 50px;
}
	
.sec_gallery h4 {
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-style: normal;
	font-size:2.4rem;
}
}




/* contact */
.sec_contact {
	width:96%;
	max-width:840px;
	margin:0 auto 250px;
	position:relative;
}


@media all and (max-width:1024px) {
.sec_contact {
	width:96%;
	max-width:680px;
	margin:0 auto 150px;
	position:relative;
}
}


@media all and (max-width:768px) {
.sec_contact {
	width:96%;
	max-width:520px;
	margin:0 auto 100px;
	position:relative;
}
}


.ttl_contact {
	width:70%;
	max-width:330px;
	margin:0 auto 50px;
}


.ttl_contact img {
	width:100%;
}


.child_contact {
	width:12vw;
	max-width:185px;
	position:absolute;
	top:0;
	right:-14vw;
}


.child_contact img {
	width:100%;
}


.block_txt_contact {
	width:100%;
	border-top:1px solid #714f4b;
	border-bottom:1px solid #714f4b;
	padding:3px 0;
	text-align:center;
	font-size:2.1rem;
}


.block_txt_contact h4 {
	border-top:1px solid #714f4b;
	border-bottom:1px solid #714f4b;
	font-size:2.4rem;
	padding:1em 0;
	font-weight:normal;
}

.contact_info {
	padding:1em 0;
	border-bottom:1px solid #714f4b;
}


.contact_info span {
	font-size:3.6rem;
	font-weight:600;
}


.addInfo {
	padding:1em 0;
	border-bottom:1px solid #714f4b;
	font-size:2.4rem;
	font-weight:500;
}


@media all and (max-width:768px) {
.child_contact {
	width:16vw;
	max-width:185px;
	position:absolute;
	top:0;
	right:-12vw;
}
	
	
.ttl_contact {
	width:70%;
	max-width:230px;
	margin:0 auto 50px;
}
	
.block_txt_contact {
	width:100%;
	border-top:1px solid #714f4b;
	border-bottom:1px solid #714f4b;
	padding:3px 0;
	text-align:center;
	font-size:1.8rem;
}


.block_txt_contact h4 {
	border-top:1px solid #714f4b;
	border-bottom:1px solid #714f4b;
	font-size:2rem;
	padding:1em 0;
	font-weight:normal;
}
	
.contact_info span {
	font-size:2.2rem;
	font-weight:600;
}
	
.addInfo {
	padding:1em 0;
	border-bottom:1px solid #714f4b;
	font-size:1.8rem;
	font-weight:500;
}
}


@media all and (max-width:640px) {
.child_contact {
	width:22vw;
	max-width:185px;
	position:absolute;
	top:-50px;
	right:0;
}
	
	
.ttl_contact {
	width:70%;
	max-width:180px;
	margin:0 auto 50px;
}
	
.block_txt_contact {
	width:100%;
	border-top:1px solid #714f4b;
	border-bottom:1px solid #714f4b;
	padding:3px 0;
	text-align:center;
	font-size:1.6rem;
}


.block_txt_contact h4 {
	border-top:1px solid #714f4b;
	border-bottom:1px solid #714f4b;
	font-size:1.8rem;
	padding:1em 0;
	font-weight:normal;
}
	
.contact_info span {
	font-size:2.2rem;
	font-weight:600;
}
	
.addInfo {
	padding:1em 0;
	border-bottom:1px solid #714f4b;
	font-size:1.6rem;
	font-weight:500;
}
}


.btn_order {
	display:block;
	width:100%;
	max-width:560px;
	margin:0 auto 30px;
	background:#eb6100;
	color:#FFF;
	text-align:center;
	padding:1.5em;
	border-radius: 10px;
}


.pr-small {padding-right:20px;}

@media all and (max-width:640px) {
.pr-small {padding-right:0px;}
}



/* order */
.sec_order {
	width:96%;
	max-width:840px;
	margin:0 auto 150px;
	text-align:center;
	position:relative;
}


@media all and (max-width:1024px) {
.sec_order {
	width:96%;
	max-width:840px;
	margin:0 auto 100px;
	text-align:center;
	position:relative;
}
}


.ttl_order {
	width:70%;
	max-width:330px;
	margin:0 auto 50px;
}


.ttl_order img {
	width:100%;
}


@media all and (max-width:768px) {
.ttl_order {
	width:60%;
	max-width:230px;
	margin:0 auto 30px;
}
}


.ttl_form {
	font-size:1.8rem;
}


.ttl_form.reqire {
	display:inline-block;
	font-size:1.8rem;
	padding:0 60px 0 0;
	position:relative;
}


.ttl_form.reqire::after {
	content:"必須";
	font-size:1.2rem;
	display:inline-block;
	color:#FFF;
	background:#eb6100;
	padding:3px 10px;
	border-radius: 5px;
	position:absolute;
	top:3px;
	right:0;
}


.ttl_form2 {
	font-size:2.1rem;
}


.ttl_form2.reqire {
	display:inline-block;
	font-size:2.1rem;
	padding:0 60px 0 0;
	position:relative;
}


.ttl_form2.reqire::after {
	content:"必須";
	font-size:1.2rem;
	display:inline-block;
	color:#FFF;
	background:#eb6100;
	padding:3px 10px;
	border-radius: 5px;
	position:absolute;
	top:5px;
	right:0;
}



.block_flex {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


/* footer */
footer {
	width:100%;
	text-align:center;
	padding:110px 0 200px;
}


.img_footer {
	width:80%;
	max-width:330px;
	margin:0 auto 80px;
}


.img_footer img {
	width:100%;
}


@media all and (max-width:768px) {
footer {
	width:100%;
	text-align:center;
	padding:70px 0 120px;
}


.img_footer {
	width:80%;
	max-width:200px;
	margin:0 auto 80px;
}
}


.table_wrapper {
	width:100%;
}

@media all and (max-width:560px) {
.table_wrapper {
	width:100%;
	overflow-x: scroll;
	padding:5px;
}
	
.table_wrapper table {
	width:300% !important;
}
}

.tbl_shipping {
	width:100%;
	font-size:1.4rem;
	background:#FFF;
	border-top:1px solid #714f4b;
	border-left:1px solid #714f4b;
}

.tbl_shipping th, .tbl_shipping td {
	border-bottom:1px solid #714f4b;
	border-right:1px solid #714f4b;
	padding:.5em;
}