@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  vertical-align: baseline;
}

img {
    vertical-align: bottom;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
ul {list-style: none;}

/* ========================================
General
======================================== */
html,body {
	font-size:62.5%;
	line-height: 1.75;
	box-sizing: border-box;
}

@media (min-width: 767px){
body {
	background: #faf7f0;
	}
	
.inner {
	filter: drop-shadow(0px 50px 30px rgba(0, 0, 0, .2));
}
}

body {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
	font-size: 1.4rem;
	color: #000;
	word-wrap: break-word;
}

.wrap {
    width: 100%;
    margin: 0 auto;
}

.inner {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    max-width: 750px;
}

._mb_10 {margin-bottom: 10px;}
._mb_20 {margin-bottom: 20px;}
._mb_30 {margin-bottom: 30px;}
._mb_40 {margin-bottom: 40px;}

/* ========================================
Cart
======================================== */
.mv_cart,
.box_cart {position: relative;}

.mv_cart a,
.box_cart a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	transition: .3s;
    width: 84%;
  top: -10px
}

.mv_cart a.regi {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	transition: .3s;
    width: 88%;
  top: 10px;
}
@media (max-width: 767px){
.mv_cart a,
.box_cart a {
  top: -5px
}

.mv_cart a.regi {
  top: 5px;
}
}



.mv_cart a.regi img {
  width: 100%;
  margin: 0 auto
}

.link_cart img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.box_cart a {top: 0;}

.mv_cart a:hover,
.box_cart a:hover  {
	opacity: .7;
}

/* ========================================
Note
======================================== */
.info_inner,
.note_inner {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0 0;
    font-size: 1.1rem;
}

.info_ttl_a,
.info_ttl_b {
    font-size: 1.4rem;
    font-weight: bold;
    color: #321d0c;
}

.info_ttl_b {font-size: 1.3rem;}

.info_inner dl dt {font-weight: bold;}
.info_inner dl dd {margin: 0 0 10px;}

.list_bullet_a ul li {
	position: relative;
    padding-left: 1em;
}

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

.note_toggle>ul:first-child {
	border-top: 1px solid #CCC;
}

.note_toggle a.toggle {
    position: relative;
    display: block;
    padding: 7px 5px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #321d0c;
    border-bottom: 1px solid #CCC;
    text-decoration: none;
}

.note_toggle a.toggle::after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-top: 3px solid #CCC;
    border-right: 3px solid #CCC;
    content: "";
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.note_toggle a.toggle.arrow::after {
    content: "";
    display: block;
    position: absolute;
    right: 17px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-top: 3px solid #CCC;
    border-right: 3px solid #CCC;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.note_toggle a.toggle.active:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.box_toggle {
    display: none;
    padding: 10px 0;
    border-bottom: 1px solid #CCC;
	width: 100%;
}

.note_em, .note_contents dl dt {
    font-weight: bold;
    color: #321d0c;
}

.list_bullet_a ul li {
	position: relative;
    padding-left: 1em;
}

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

.note_contents .list_note_a li {display: flex;}
.note_contents .list_note_a .mark {margin-right: .3rem;}

@media (min-width: 767px){
	.info_inner, .note_inner {
  font-size: 1.4rem;
	}
	.note_toggle a.toggle {
		padding: 14px 10px;
		font-size: 1.8rem;
		}

	.inner {
		filter: drop-shadow(0px 50px 30px rgba(0, 0, 0, .2));
	}
}

/* ========================================
Fotter
======================================== */
footer .inner {
    padding: 20px 0;
    background: #fff;
}

footer p {
    font-size: 1.1rem;
	text-align: center;
}

video {
	display: block;
	width: 100%;
	filter: drop-shadow(0px 0px #000);
}