@charset "utf-8";

/* -------------------------------------------------
   基本
------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
html {
	height: 100%;
	font-size: 62.5%; /* 10px */
}
body {
	color: #333333;
	font-size: 0.9em;
	font-size: 2.8125vw;
	text-align: center;
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #FFFFFF;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display: block;
}
input, select {
    vertical-align: middle;
	background-color: transparent;
}
input, select, textarea {
	/*-webkit-appearance: none;*/ /*iPhone*/
}
input:focus {
	outline: 0;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
ul,li {
    padding: 0;
    list-style: none;
}
img {
    max-width: 100%;
	vertical-align: top;
}
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: transparent;
	vertical-align: baseline;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a img {
	display: block;
}
a:link, a:visited {
	color: #732820;
	text-decoration: none;
}
.fix::after {
    clear: both;
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
}
/* -------------------------------------------------
   ヘッダー
------------------------------------------------- */
#head {
	width: 100%;
	position: relative;
    padding-bottom: 14.6875%; /* 47/320 */
	border-top: 0.9375vw solid #FFBF4E; /* 3/320 */
}
#head .logo {
	position: absolute;
	left: 3.125%; /* 10/320 */
	top: 18%;/* 9/50 */
	width: 53.125%; /* 170/320 */
}
#head .tel {
	position: absolute;
	right: 3.125%; /* 10/320 */
	top: 36%;/* 18/50 */
	width: 37.5%; /* 120/320 */
}
#gnavi {
    width: 100%;
}
#gnavi li {
    width: 20%;
	float: left;
	line-height: 0;
    box-sizing: border-box;
}
#gnavi li a {
	display: block;
}
/* -------------------------------------------------
   トップページ
------------------------------------------------- */
#headNews {
	width: 100%;
	height: 0; /* 35px */
	color: #222222;
	text-align: left;
	position: relative;
	padding-bottom: 10.9375%; /* 35/320 */
	background: url("https://www.96229.co.jp/sp/img/base/bg_crumb.png") repeat-x left top;
	background-size: 3.125% auto; /* 10/320 */
}
#headNews p {
	position: absolute;
	left: 4.6875%; /* 15/320 */
	top: 55%;
	line-height: 0;
	width: 90.625%; /* 290/320 */
    box-sizing: border-box;
}
#headNews p span {
	color: #732820;
}
#headArea {
	width: 100%;
	margin: 0 0 3.125%; /* 10/320 */
}
#headArea h2 {
	line-height: 0;
}
#contents .home {
	width: 93.75%; /* 300/320 */
	margin: 0 auto;
}
.home #order {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home #check {
	margin-bottom: 5%; /* 15/300 */
}
.home #worry {
	margin-bottom: 5%; /* 15/300 */
}
.home .point h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home .point .img {
	margin-bottom: 4%; /* 12/300 */
}
.home .point .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.home .point .txt span {
	color: #FF6600;
}
.home #chart {
	margin-bottom: 2.6666%; /* 8/300 */
}
.home #graph {
	margin-bottom: 2.6666%; /* 8/300 */
}
.home #photo {
	margin-bottom: 5%; /* 15/300 */
}
.home #voice h3 {
	text-align: center;
	margin: 0 auto 2.6666%; /* 8/300 */
}
.home #voice .inn {
	width: 100%;
	margin: 0 auto 5%; /* 15/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
}
.home #voice .box {
	width: 48.333333%; /* 145/300 */
}
.home #voice .box:first-child {
	float: left;
}
.home #voice .box:last-child {
	float: right;
}
.home #voice .img {
	margin-bottom: 5.5172%; /* 8/145 */
}
.home #voice dt {
	color: #6C9E00;
	margin: 0 auto;
	line-height: 1.5;
	text-align: center;
}
.home #voice dd {
	text-align: left;
	line-height: 1.7;
	margin-bottom: 2.0%; /* 3/145 */
}
.home #voice .age {
	color: #732820;
	text-align: right;
	padding-right: 1.7%; /* 2.5/145 */
}
.home #voice .btn {
	width: 90%; /* 270/300 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: center;
}
.home #solve {
	margin-bottom: 5%; /* 15/300 */
}
.home #catch {
	margin-bottom: 5%; /* 15/300 */
}
.home #again {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home #email {
	width: 100%;
	color: #CC3300;
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	text-align: left;
	line-height: 1.7;
	margin-bottom: 5%; /* 15/300 */
	padding: 5.5% 3.90625% 4.5% 5.46875%; /* 16.5*12.5*13.5*17.5/300 */
	background-color: #FFF0EE;
    box-sizing: border-box;
	border-radius: 2px;
}
.home #kanri h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home #kanri .img {
	margin-bottom: 4%; /* 12/300 */
}
.home #kanri .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.home #kanri .txt span {
	color: #FF6600;
}
.home #extra {
	margin-bottom: 5%; /* 15/300 */
}
.home #smile {
	margin-bottom: 5%; /* 15/300 */
}
.home #kuro h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home #kuro .img {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.home #kuro .tit {
	width: 96.666666%; /* 290/300 */
	color: #FF9900;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin: 0 auto 3.333333%; /* 10/300 */
	padding-bottom: 1.666666%; /* 5/300 */
	background: url("https://www.96229.co.jp/sp/img/base/border_orange.png") repeat-x center bottom;
	background-size: 1.333333333% auto; /* 4/300 */
	position: relative;
}
.home #kuro .tit:before {
	content: "\f0da";
	padding: 0 0.6896% 0 2.7586%; /* 2*8/290 */
	font-family: "Font Awesome 5 Free";
}
.home #kuro .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.home #vita h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home #vita .img {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.home #vita .tit {
	width: 96.666666%; /* 290/300 */
	color: #FF9900;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin: 0 auto 3.333333%; /* 10/300 */
	padding-bottom: 1.666666%; /* 5/300 */
	background: url("https://www.96229.co.jp/sp/img/base/border_orange.png") repeat-x center bottom;
	background-size: 1.333333333% auto; /* 4/300 */
	position: relative;
}
.home #vita .tit:before {
	content: "\f0da";
	padding: 0 0.6896% 0 2.7586%; /* 2*8/290 */
	font-family: "Font Awesome 5 Free";
}
.home #vita .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.home #item h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.home #item .inn {
	width: 100%;
	margin: 0 auto 5%; /* 15/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
}
.home #item .box {
	width: 48.333333%; /* 145/300 */
}
.home #item .box:first-child {
	float: left;
}
.home #item .box:last-child {
	float: right;
}
.home #item .box p {
	position: relative;
	margin-bottom: 5.5172%; /* 8/145 */
}
.home #item .box .sold::after {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 30.35%; /* 44px */
	height: 43%; /* 43px */
    content: '';
	background: url("https://www.96229.co.jp/sp/img/base/icon_sold.png") no-repeat;
	background-size: 100% auto;
}
.home #item .box .sale::after {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 30.35%; /* 44px */
	height: 43%; /* 43px */
    content: '';
	background: url("https://www.96229.co.jp/sp/img/base/icon_sale.png") no-repeat;
	background-size: 100% auto;
}
.home #item .box dt {
	line-height: 1.45;
	text-align: center;
	margin-bottom: 2.7586%; /* 4/145 */
}
.home #item .box dt a {
	color: #732820;
}
.home #item .box dd {
	text-align: left;
	line-height: 1.5;
}
.home .regist {
	margin-bottom: 5%; /* 15/300 */
}
.home #regist {
	margin-bottom: 5%; /* 15/300 */
}
/* -------------------------------------------------
   下層ページ（共通）
------------------------------------------------- */
#bread {
	width: 100%;
	height: 0; /* 35px */
	color: #222222;
	text-align: left;
	position: relative;
	margin-bottom: 3.125%; /* 10/320 */
	padding-bottom: 10.9375%; /* 35/320 */
	background: url("https://www.96229.co.jp/sp/img/base/bg_crumb.png") repeat-x left top;
	background-size: 3.125% auto; /* 10/320 */
}
#bread.gap { /* 各商品ページ */
	margin-bottom: 0;
}
#bread ol {
	position: absolute;
	left: 4.6875%; /* 15/320 */
	top: 53.4%;
	line-height: 0;
	width: 90.625%; /* 290/320 */
    box-sizing: border-box;
}
#bread li {
	display: inline;
}
#bread li a {
	color: #4E250B;	
	margin: 0 1.875% 0 0; /* 6/320 */
	padding: 0 4.375% 0 0;  /* 14/320 */
	background: url("https://www.96229.co.jp/sp/img/base/icon_bread.png") no-repeat right center;
	background-size: 4px 7px;
}
.page .wrap {
	width: 93.75%; /* 300/320 */
	margin: 0 auto;
}
.page .catch {
	margin: 0 0 3.125%; /* 10/320 */
}
.page .item .tit {
	margin: 0 auto 3%; /* 9/300 */
}
.page .item .inn {
	width: 100%;
	margin: 0 0 3.3%; /* 10/300 */
}
.page .item .img {
	width: 46.666666%; /* 140/300 */
	float: left;
	position: relative;
}
.page .item .img::after {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 17.15%; /* 24px */
	height: 20.91%; /* 23px */
    content: '';
	background: url("https://www.96229.co.jp/sp/img/base/icon_free.png") no-repeat;
	background-size: 100% auto;
}
.page .item .box {
	width: 50%; /* 150/300 */
	float: right;
}
.page .item .box dl {
	margin: 0 0 4.4%; /* 6/150 */
	padding: 3.6% 0 0; /* 5/150 */
}
.page .item .box dt {
	margin: 0 0 6.0%; /* 9/150 */
}
.page .item .box .btn {
	width: 96.666666%; /* 145/150 */
}
.page .item .box .txt {
	color: #FF6600;
	text-align: left;
}
.page #reco {
	margin: 0 0 4.6875%; /* 15/320 */
}
.page .regist {
	margin: 0 0 4.6875%; /* 15/320 */
}
/* -------------------------------------------------
   商品ページ（共通）page2修正
------------------------------------------------- */
#contents .page2 {
	width: 93.75%; /* 300/320 */
	margin: 0 auto;
}
.page2 #order {
	margin-bottom: 3.3333%; /* 10/300 */
}
.sample2 #order,
.present2 #order,
.otoku2 #order,
.feel2 #order {
	margin-bottom: 1.6666%; /* 5/300 */
}
.page2 #check {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #worry {
	margin-bottom: 5%; /* 15/300 */
}
.page2 .solve h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.page2 .solve .img {
	margin-bottom: 4%; /* 12/300 */
}
.page2 .solve .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.page2 .solve .txt span {
	color: #FF6600;
}
.page2 #chart {
	margin-bottom: 2.6666%; /* 8/300 */
}
.page2 #graph {
	margin: 0 0 2.6666%; /* 8/300 */
}
.page2 #photo {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #voice h3 {
	text-align: center;
	margin: 0 auto 2.6666%; /* 8/300 */
}
.page2 #voice .inn {
	width: 100%;
	margin: 0 auto 5%; /* 15/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
}
.page2 #voice .box {
	width: 48.333333%; /* 145/300 */
}
.page2 #voice .box:first-child {
	float: left;
}
.page2 #voice .box:last-child {
	float: right;
}
.page2 #voice .img {
	margin-bottom: 5.5172%; /* 8/145 */
}
.page2 #voice dt {
	color: #6C9E00;
	margin: 0 auto;
	line-height: 1.5;
	text-align: center;
}
.page2 #voice dd {
	text-align: left;
	line-height: 1.7;
	margin-bottom: 2.0%; /* 3/145 */
}
.page2 #voice .age {
	color: #732820;
	text-align: right;
	padding-right: 1.7%; /* 2.5/145 */
}
.page2 #voice .btn {
	width: 90%; /* 270/300 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: center;
}
.page2 #tweet {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.page2 #review {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.page2 #catch {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #again {
	margin-bottom: 3.3333%; /* 10/300 */
}
.page2 #email {
	width: 100%;
	color: #CC3300;
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	text-align: left;
	line-height: 1.7;
	margin-bottom: 5%; /* 15/300 */
	padding: 5.5% 3.90625% 4.5% 5.46875%; /* 16.5*12.5*13.5*17.5/300 */
	background-color: #FFF0EE;
    box-sizing: border-box;
	border-radius: 2px;
}
.page2 #kanri h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.page2 #kanri .img {
	margin-bottom: 4%; /* 12/300 */
}
.page2 #kanri .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.page2 #kanri .txt span {
	color: #FF6600;
}
.page2 #extra {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #smile {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #spec h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.page2 #spec .img {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.page2 #spec .tit {
	width: 96.666666%; /* 290/300 */
	color: #FF9900;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin: 0 auto 3.333333%; /* 10/300 */
	padding-bottom: 1.666666%; /* 5/300 */
	background: url("https://www.96229.co.jp/sp/img/base/border_orange.png") repeat-x center bottom;
	background-size: 1.333333333% auto; /* 4/300 */
	position: relative;
}
.page2 #spec .tit:before {
	content: "\f0da";
	padding: 0 0.6896% 0 2.7586%; /* 2*8/290 */
	font-family: "Font Awesome 5 Free";
}
.page2 #spec .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
#spec table {
	width: 100%;
 	font-size: 1.1rem; /* 11px */
	font-size: 3.4375vw; /* 11/320 */
	margin: 0 auto 3.125%; /* 10/320 */
}
#spec table tr:nth-child(odd) {
	background-color: #FFF6DD;
}
#spec table th {
	width: 26.666666%; /* 80/300 */
	font-weight: normal;
	text-align: left;
	line-height: 1.8;
	vertical-align: middle;
	padding: 3.9% 0 3.4% 4.6%;
}
#spec table td {
	text-align: left;
	line-height: 1.8;
	padding: 3.9% 2.4% 3.4% 0;
}
.sample #spec table tr:nth-child(5) td,
.repeat #spec table tr:nth-child(5) td,
.present #spec table tr:nth-child(5) td,
.normal #spec table tr:nth-child(5) td,
.otoku #spec table tr:nth-child(5) td,
.feel #spec table tr:nth-child(5) td,
.vsample #spec table tr:nth-child(5) td,
.vnormal #spec table tr:nth-child(5) td {
	padding: 4.3% 2.4% 3.7% 0;
}
.sample #spec table tr:nth-child(6) td,
.repeat #spec table tr:nth-child(6) td,
.present #spec table tr:nth-child(6) td,
.normal #spec table tr:nth-child(6) td,
.otoku #spec table tr:nth-child(6) td,
.feel #spec table tr:nth-child(6) td,
.vsample #spec table tr:nth-child(6) td,
.vnormal #spec table tr:nth-child(6) td {
	padding: 4.4% 2.4% 3.8% 0;
}
.sample #spec table tr:nth-child(8) td,
.repeat #spec table tr:nth-child(8) td,
.present #spec table tr:nth-child(8) td,
.normal #spec table tr:nth-child(8) td,
.otoku #spec table tr:nth-child(8) td,
.feel #spec table tr:nth-child(8) td,
.vsample #spec table tr:nth-child(8) td,
.vnormal #spec table tr:nth-child(8) td {
	line-height: 1.9;
}
.blotion #spec table tr:nth-child(3) td,
.blotion #spec table tr:nth-child(5) td {
	padding: 4.4% 2.4% 3.8% 0;
}
.page2 #spec .btn {
	width: 90%; /* 270/300 */
	text-align: center;
	margin: 0 auto 1.6666%; /* 5/300 */
}
.page2 #spec .one {
	width: 96.666666%; /* 290/300 */
	color: #FF6600;
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	line-height: 1.7;
	text-align: center;
	margin: 0 auto 6.6%; /* 20/300 */
}
.page2 #view {
    margin-bottom: 5%;
}
.page2 #item h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.page2 #item .inn {
	width: 100%;
	margin: 0 auto 5%; /* 15/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
}
.page2 #item .box {
	width: 48.333333%; /* 145/300 */
}
.page2 #item .box:first-child {
	float: left;
}
.page2 #item .box:last-child {
	float: right;
}
.page2 #item .box p {
	position: relative;
	margin-bottom: 5.5172%; /* 8/145 */
}
.page2 #item .box .sold::after {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 30.35%; /* 44px */
	height: 43%; /* 43px */
    content: '';
	background: url("https://www.96229.co.jp/sp/img/base/icon_sold.png") no-repeat;
	background-size: 100% auto;
}
.page2 #item .box dt {
	line-height: 1.45;
	text-align: center;
	margin-bottom: 2.7586%; /* 4/145 */
}
.page2 #item .box dt a {
	color: #732820;
}
.page2 #item .box dd {
	text-align: left;
	line-height: 1.5;
}
.page2 .regist {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #regist {
	margin-bottom: 5%; /* 15/300 */
}
.home #postNote,
.page2 #postNote {
	width: 100%;
	color: #CC3300;
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	text-align: left;
	line-height: 1.7;
	margin-bottom: 5%; /* 15/300 */
	padding: 5.5% 3.90625% 4.5% 5.46875%; /* 16.5*12.5*13.5*17.5/300 */
	background-color: #FFF0EE;
    box-sizing: border-box;
	border-radius: 2px;
}
.page2 #faq2 h3 {
	margin-bottom: 5%; /* 15/300 */
}
.page2 #faq2 dl {
	width: 96.666666%; /* 290/300 */
	text-align: left;
	margin: 0 auto;
}
.page2 #faq2 dt {
	color: #6C9E00;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 3.4482%; /* 10/290 */
	padding-bottom: 1.724138%; /* 5/290 */
	background: url("https://www.96229.co.jp/sp/img/base/border_green.png") repeat-x center bottom;
	background-size: 1.379310344% auto; /* 4/290 */
}
.page2 #faq2 dd {
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin-bottom: 6.8965%; /* 20/290 */
	line-height: 1.7;
}
/* -------------------------------------------------
   サンプル
------------------------------------------------- */
.sample #movie h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.sample #movie .box {
	width: 100%; /* 320/320 */
	padding: 1.5625%; /* 5/320 */
	margin: 0 auto 5%; /* 15/300 */
	border: 1px solid #E0E0E0;
    box-sizing: border-box;
}
.sample #movie .inn {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.sample #movie .inn iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
/* -------------------------------------------------
   定期購入
------------------------------------------------- */
.repeat #again {
	margin-bottom: 5%; /* 15/300 */
}
.repeat #plus h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.repeat #plus .img {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.repeat #plus .tit {
	width: 96.666666%; /* 290/300 */
	color: #FF9900;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin: 0 auto 3.333333%; /* 10/300 */
	padding-bottom: 1.666666%; /* 5/300 */
	background: url("https://www.96229.co.jp/sp/img/base/border_orange.png") repeat-x center bottom;
	background-size: 1.333333333% auto; /* 4/300 */
	position: relative;
}
.repeat #plus .tit:before {
	content: "\f0da";
	padding: 0 0.6896% 0 2.7586%; /* 2*8/290 */
	font-family: "Font Awesome 5 Free";
}
.repeat #plus .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 1%; /* 3/300 */
	text-align: left;
	line-height: 1.7;
}
.repeat #nutry {
	margin-bottom: 2%; /* 6/300 */
}
.repeat #addto {
	margin-bottom: 5%; /* 15/300 */
}
.repeat #bonus {
	margin-bottom: 5%; /* 15/300 */
}
.repeat #price {
	margin-bottom: 5%; /* 15/300 */
}
/* -------------------------------------------------
   まとめ買い
------------------------------------------------- */
.present #plus h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.present #plus .img {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.present #plus .tit {
	width: 96.666666%; /* 290/300 */
	color: #FF9900;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin: 0 auto 3.333333%; /* 10/300 */
	padding-bottom: 1.666666%; /* 5/300 */
	background: url("https://www.96229.co.jp/sp/img/base/border_orange.png") repeat-x center bottom;
	background-size: 1.333333333% auto; /* 4/300 */
	position: relative;
}
.present #plus .tit:before {
	content: "\f0da";
	padding: 0 0.6896% 0 2.7586%; /* 2*8/290 */
	font-family: "Font Awesome 5 Free";
}
.present #plus .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 1%; /* 3/300 */
	text-align: left;
	line-height: 1.7;
}
.present #nutry {
	margin-bottom: 2%; /* 6/300 */
}
.present #addto {
	margin-bottom: 5%; /* 15/300 */
}
/* -------------------------------------------------
   機能性成分
------------------------------------------------- */
.vsample #chart {
	margin-bottom: 2.6666%; /* 8/300 */
}
.vsample #photo {
	margin-bottom: 3.3333%; /* 10/300 */
}
.vsample #addto {
	margin-bottom: 3.3333%; /* 10/300 */
}
.vsample #value {
	margin-bottom: 3.3333%; /* 10/300 */
}
.vsample #email {
	margin-bottom: 3.3333%; /* 10/300 */
}
.repeat #addto2 {
	margin-bottom: 5%; /* 15/300 */
}
/* -------------------------------------------------
/* 卵殻膜化粧品
------------------------------------------------- */
.blotion h2 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #catch {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #check {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #worry {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #solve {
	margin-bottom: 3.3333%; /* 10/300 */
	background-color: #FFF9EF;
}
.blotion #solve h3 {
	width: 86.666666%; /* 260/300 */
	margin: 0 auto;
}
.blotion #solve .box p.wide {
	width: 91.666666%; /* 275/300 */
	margin: 0 auto 1.3333%; /* 4/300 */
}
.blotion #solve .box p {
	width: 86.666666%; /* 260/300 */
	margin: 0 auto 3.3333%; /* 10/300 */
}
.blotion #solve .box dl {
	width: 85%; /* 255/300 */
	color: #5C2536;
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 4%; /* 12/300 */
	text-align: left;
	line-height: 1.7;
}
.blotion #solve .note {
	width: 86.666666%; /* 260/300 */
	padding: 0 0 8.3333%; /* 25/300 */
	margin: 0 auto;
}
.blotion .chara h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion .chara .img {
	margin-bottom: 4%; /* 12/300 */
}
.blotion .chara .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
.blotion .chara .txt span {
	color: #FF6600;
}
.blotion #shoho {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #photo {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #voice {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #press {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #story {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #email {
	margin-bottom: 3.3333%; /* 10/300 */
}
.blotion #nojyo {
	margin-bottom: 5%; /* 15/300 */
}
.sample #sale20,
.vsample #sale20,
.normal #sale20,
.vnormal #sale20,
.blotion #sale20 {
	margin-bottom: 3.3333%; /* 10/300 */
}
/* -------------------------------------------------
/* 太陽卵美健セット
------------------------------------------------- */
.bikenset .intro .fst {
	margin-bottom: 3.3333%;
}
.bikenset .intro .snd {
    margin-bottom: 3.3333%;
}
.bikenset .intro .trd {
    margin-bottom: 3.3333%;
}
.bikenset #shoho {
    margin-bottom: 5%;
}
.bikenset #worry {
    margin-bottom: 5%;
}
/* -------------------------------------------------
   商品一覧
------------------------------------------------- */
.listmap #again {
	margin-bottom: 5%; /* 15/300 */
}
.listmap #plus h3 {
	margin-bottom: 3.3333%; /* 10/300 */
}
.listmap #plus .img {
	width: 100%;
	margin-bottom: 5%; /* 15/300 */
}
.listmap #plus .tit {
	width: 96.666666%; /* 290/300 */
	color: #FF9900;
	font-size: 1.4rem; /* 14px */
	font-size: 4.375vw; /* 14/320 */
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	margin: 0 auto 3.333333%; /* 10/300 */
	padding-bottom: 1.666666%; /* 5/300 */
	background: url("https://www.96229.co.jp/sp/img/base/border_orange.png") repeat-x center bottom;
	background-size: 1.333333333% auto; /* 4/300 */
	position: relative;
}
.listmap #plus .tit:before {
	content: "\f0da";
	padding: 0 0.6896% 0 2.7586%; /* 2*8/290 */
	font-family: "Font Awesome 5 Free";
}
.listmap #plus .txt {
	width: 96.666666%; /* 290/300 */
	font-size: 1.2rem; /* 12px */
	font-size: 3.75vw; /* 12/320 */
	margin: 0 auto 5%; /* 15/300 */
	text-align: left;
	line-height: 1.7;
}
/* -------------------------------------------------
   利用案内
------------------------------------------------- */
#guide h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#guide #step {
	display: table;
	width: 93.333333%; /* 280/300 */
	padding: 3.5% 3.33333333% 3.0%; /* 10/300 */
	margin: 0 0 5%; /* 15/300 */
	background-color: #FFF0EE;
    border-radius: 2px;
}
#guide #step li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#step01 h3 {
	margin: 0 0 3.3%; /* 10/300 */
}
#step01 .box {
	width: 98.333333%; /* 295/300 */
	margin: 0 0 6.6% 1.6%; /* 20*5/300 */
}
#step01 .box dl {
	width: 45.762711%; /* 135/295 */
	float: left;
}
#step01 .box dt {
	margin: 0 0 3.6%; /* 5/135 */
}
#step01 .box p {
	width: 50.847457%; /* 150/295 */
	float: right;
}
#step02 h3 {
	margin: 0 0 3.3%; /* 10/300 */
}
#step02 .tit {
	margin: 0 0 2.6%; /* 8/300 */
}
#step02 .box_a {
	width: 98.333333%; /* 295/300 */
	margin: 0 0 5% 1.6%; /* 15*5/300 */
}
#step02 .box_a .txt {
	width: 45.762711%; /* 135/295 */
	float: left;
}
#step02 .box_a .img {
	width: 50.847457%; /* 150/295 */
	float: right;
}
#step02 .box_b {
	width: 98.333333%; /* 295/300 */
	margin: 0 0 3.3% 1.6%; /* 10*5/300 */
}
#step02 .box_b .txt {
	width: 45.762711%; /* 135/295 */
	float: left;
}
#step02 .box_b .img {
	width: 50.847457%; /* 150/295 */
	float: right;
}
#step02 .post {
	margin: 0 0 5%; /* 15/300 */
}
#step02 .box_c .txt {
	font-size: 1.1em;
	text-align: left;
	line-height: 2.2;
	margin: 0 0 2.2% 1.6%; /* 5/300 */
}
#step02 .box_c .img {
	margin: 0 0 5%; /* 15/300 */
}
#step02 .box_c ul {
	margin: 0 0 5%; /* 15/300 */
}
#step02 .box_c li:first-child {
	margin: 0 0 2%; /* 6/300 */
}
#step03 h3 {
	margin: 0 0 2.6%; /* 8/300 */
}
#step03 .box_a {
	font-size: 1.1em;
	text-align: left;
	margin: 0 0 3.3%; /* 10/300 */
}
#step03 .box_a p {
	line-height: 1.7;
	margin: 0 0 2.8% 1.6%; /* 5/300 */
}
#step03 .box_a dt {
    color: #FF7604;
	line-height: 1.6;
	margin: 0 0 0.8% 4%; /* 12/300 */
}
#step03 .index {
	margin: 0 0 3.6%; /* 11/300 */
}
#step03 .box_b {
	margin: 0 0 6.6%; /* 20/300 */
}
#step03 .box_b .txt {
	margin: 0 0 3.3%; /* 10/300 */
}
#step04 h3 {
	margin: 0 0 2.0%; /* 6/300 */
}
#step04 .box {
	margin: 0 0 6.6%; /* 20/300 */
}
#step04 .box .txt {
	font-size: 1.1em;
	text-align: left;
	line-height: 2.2;
	margin: 0 0 2.2% 1.6%; /* 5/300 */
}
#step05 h3 {
	margin: 0 0 2.0%; /* 6/300 */
}
#step05 .box {
	font-size: 1.1em;
	text-align: left;
	margin: 0 0 6.6%; /* 20/300 */
}
#step05 .box .txt {
	line-height: 2.2;
	margin: 0 0 2.2% 1.6%; /* 5/300 */
}
#step05 .box dl {
	margin: 0 0 3.3%; /* 10/300 */
}
#step05 .box dt {
    color: #FF7604;
	line-height: 1.6;
	margin: 0 0 0.8% 4%; /* 12/300 */
}
#step06 h3 {
	margin: 0 0 2.0%; /* 6/300 */
}
#step06 .box {
	font-size: 1.1em;
	text-align: left;
	margin: 0 0 4%; /* 12/300 */
}
#step06 .box .txt {
	line-height: 2.2;
	margin: 0 0 2.2% 1.6%; /* 5/300 */
}
#step06 .btn {
	width: 90%; /* 270/300 */
	text-align: center;
	margin: 0 auto 8%; /* 24/300 */
}
/* -------------------------------------------------
   商品一覧
------------------------------------------------- */
.listmap .catch {
	margin: 0 0 4%; /* 12/320 */
	/*margin: 0 0 3.125%; /* 10/320 */
}
#outline .tit {
	margin: 0 0 3.3%; /* 10/300 */
}
#outline .box {
	width: 100%;
	margin: 0 0 3.3%; /* 10/300 */
}
#outline .box .txt {
	width: 56.666666%; /* 170/300 */
	float: left;
}
#outline .box .img {
	width: 40%; /* 120/300 */
	float: right;
}
#faq {
	margin: 0 0 5.0%; /* 15/300 */
}
#faq h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#faq dl {
	font-size: 1.0em;
	text-align: left;
	margin: 0 0 4.2%; /* 12/300 */
}
#faq dt {
	color: #4E250B;
	line-height: 1.8;
	margin: 0 0 3.0%; /* 9/300 */
	padding: 2.0% 0 1.4% 8.6%; /* 6*4*25/300 */
	background: url("https://www.96229.co.jp/sp/img/listmap/icon_que.png") no-repeat 2.2% center #FDF8D8; /* 6/300 */
	background-size: 4.8% auto; /* 14/28 */
}
#faq dd {
	margin-left: 2.0%; /* 6/300 */
}
#faq dd div {
	padding: 0 0 0 6.6%; /* 20/300 */
	background: url("https://www.96229.co.jp/sp/img/listmap/icon_ans.png") no-repeat left 2.0%; /* 6/300 */
	background-size: 4.8% auto; /* 14/28 */
}
#faq dd div p {
	line-height: 1.8;
}
#faq .fst {
	padding: 0 0 2%; /* 6/300 */
	margin: 0 0 2.2%; /* 6/300 */
	background: url("https://www.96229.co.jp/sp/img/listmap/bg_img_a.png") no-repeat 96% 88%;
	background-size: 30% auto; /* 90/300 */
}
#faq .snd {
	padding: 0 0 2%; /* 6/300 */
	margin: 0 0 2.2%; /* 6/300 */
	background: url("https://www.96229.co.jp/sp/img/listmap/bg_img_b.png") no-repeat 96% 88%;
	background-size: 30% auto; /* 90/300 */
}
#faq .trd {
	padding: 0 0 2%; /* 6/300 */
	margin: 0 0 2.2%; /* 6/300 */
	background: url("https://www.96229.co.jp/sp/img/listmap/bg_img_c.png") no-repeat 96% 88%;
	background-size: 30% auto; /* 90/300 */
}
#faq .fth {
	padding: 0 0 2%; /* 6/300 */
	margin: 0 0 2.2%; /* 6/300 */
	background: url("https://www.96229.co.jp/sp/img/listmap/bg_img_d.png") no-repeat 96% 88%;
	background-size: 30% auto; /* 90/300 */
}
/* -------------------------------------------------
   会社概要
------------------------------------------------- */
#begin h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#begin .fst {
	width: 100%;
	margin: 0 0 3.3%; /* 10/300 */
}
#begin .snd {
	width: 100%;
	margin: 0 0 5%; /* 15/300 */
}
#begin .box p,
#begin .box dl {
	width: 48.333333%; /* 145/300 */
}
#begin .fst p {
	float: left;
}
#begin .fst dl {
	float: right;
}
#begin .snd dl {
	float: left;
}
#begin .snd p {
	float: right;
}
#begin .box dt {
	line-height: 1.9;
	padding-top: 3.8%; /* 5/145 */
}
#trade h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#trade table {
	width: 100%;
	margin: 0 auto 1.5625%; /* 5/320 */
}
#trade table tr:nth-child(odd) {
	background-color: #FDF8D8;
}
#trade table th {
	width: 25%; /* 75/300 */
	font-weight: normal;
	text-align: left;
	line-height: 1.8;
	vertical-align: middle;
	padding: 3.6% 0 2.9% 4.6%;
}
#trade table td {
	text-align: left;
	line-height: 1.8;
	padding: 3.6% 2.4% 2.9% 0;
}
#trade table td.line {
	line-height: 1.6;
}
#trade table td.list {
	line-height: 1.9;
	padding: 3.9% 2.4% 3.2% 0;
}
#trade .catch {
	margin: 0 0 4.6875%; /* 15/320 */
}
#policy {
	text-align: left;
}
#policy h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#policy .text_a {
	width: 96.666666%; /* 290/300 */
	margin: 0 auto 3.3%; /* 10/300 */
	line-height: 1.8;
}
#policy .text_b {
	width: 96.666666%; /* 290/300 */
	margin: 0 auto 3.3%; /* 10/300 */
	line-height: 1.8;
}
#policy .text_c {
	width: 96.666666%; /* 290/300 */
	margin: 0 auto 10%; /* 30/300 */
	text-align: right;
	line-height: 1.8;
}
#policy .box_a {
	margin: 0 0 5%; /* 15/300 */
	padding: 4.2% 2.4% 3.5% 4.6%;
	background-color: #FFF0EE;
    border-radius: 2px;
}
#policy .box_b {
	margin: 0 0 3.3%; /* 10/300 */
	padding: 3.9% 2.4% 3.2% 4.6%;
	background-color: #FFF0EE;
    border-radius: 2px;
}
#policy .box_a li {
    line-height: 1.9;
}
#policy .box_b li {
    line-height: 1.8;
}
#policy .index {
	margin: 0 0 2.6%; /* 8/300 */
}
#policy .lead {
 	width: 96.666666%; /* 290/300 */
	line-height: 1.8;
	margin: 0 auto 5%; /* 15/300 */
	padding: 0.6% 0 0.6% 3.3%; /* 2*2*10/300 */
    box-sizing: border-box;
	border-left: 3px solid #F3DFC0;
}
#policy dl {
	margin: 0 0 3.3%; /* 10/300 */
}
#policy dl.last {
	margin: 0 0 5%; /* 15/300 */
}
#policy dt {
    color: #FF7604;
	line-height: 1.6;
	margin: 0 0 0.8% 4%; /* 12/300 */
}
#policy dd {
	line-height: 1.6;
	margin: 0 0 3.3%; /* 10/300 */
	padding: 3.9% 2.4% 3.2% 4.6%;
	background-color: #FFF0EE;
    border-radius: 2px;
}
/* -------------------------------------------------
   メルマガ
------------------------------------------------- */
#entry h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#entry .text {
	width: 96.666666%; /* 290/300 */
	margin: 0 auto 4%; /* 12/300 */
	font-size: 1.1em;
	text-align: left;
	line-height: 1.7;
}
#entry li {
	width: 90%; /* 270/300 */
	text-align: center;
	margin: 0 auto 3.3%; /* 10/300 */
}
#entry li:last-child {
	margin: 0 auto 5%; /* 15/300 */
}
#entry .post {
	margin: 0 0 5%; /* 15/300 */
}
#model {
	margin: 0 0 10%; /* 30/300 */
}
#model h2 {
	margin: 0 0 3.3%; /* 10/300 */
}
#model h3 {
	color: #4E250B;
	font-size: 1.1em;
	line-height: 1.9;
	text-align: left;
	font-weight: normal;
	margin: 0 0 3.3%; /* 10/300 */
	padding: 2.4% 0 1.9% 3.3%; /* 8*6*10/300 */
	background-color: #FDF8D8;
}
#model .box {
	width: 93.333333%; /* 280/300 */
	margin: 0 auto 3.3%; /* 10/300 */
}
#model p {
	font-size: 1.1em;
	text-align: left;
	line-height: 1.7;
	margin: 0 0 5%; /* 15/300 */
}
#model .index {
	margin: 0 0 3.3%; /* 10/300 */
}
/* -------------------------------------------------
   テンプレート（共通）
------------------------------------------------- */
section .title_c {
	width: 100%;
	margin-bottom: 4.6875%; /* 15/320 */
	background: url("https://www.96229.co.jp/sp/img/base/bg_title_c.png") repeat-x left top;
	background-size: 3.125% auto; /* 10/320 */
}
section .title_c h1,
section .title_c h3 {
	font-size: 1.2rem;
	line-height: 2.2;
	text-align: center;
	font-weight: normal;
	padding: 2.4% 0 2.2%;
}
.ar_link_l a {
    color: #555;
	margin: 0 auto;
	display: block;
	line-height: 1.6;
	border-radius: 2px;
	border: 1px solid #D2D2D2;
	padding: 3.435% 2.4% 3.235%; /* height*34px */
    font: bold 1.2rem arial, helvetica, sans-serif;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
.button .btg_r {
	border-radius: 2px;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.button .bto_r {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding: 3.81% 2.4% 3.60%; /* height*44px */
	border-radius: 2px;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.button_or {
	width: 84.375%; /* 270/320 */
	padding: 3.228% 2.4% 3.026%; /* height*44px */
	text-align: center;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.formbox .submit {
	border-radius: 2px;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.button_or input[type="submit"],
.button .bto_r input[type="submit"] {
	width: 100%;
	margin: 0 auto;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	display: block;
	border: none;
}
form select {
	color: #3F3F3F;
	font-size: 1.2rem;
	text-indent: 2px;
	line-height: 1.6;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
span.sps-smp-required { /* 必須 */
	background: #E73656;
}
/* ログイン
------------------------------------------------- */
p.info { /* 案内文 */
	width: 90.625%; /* 290/320 */
	font-size: 1.1rem;
    text-align: left;
	line-height: 1.7;
	margin: 0 auto 3.3%;
}
p.info span br {
	display: none;
}
p.error { /* エラー */
	width: 90.625%; /* 290/320 */
	color: #FF6600;
	font-size: 1.1rem;
    text-align: left;
	line-height: 1.7;
	margin: 0 auto 3.3%;
}
.formbox {
	width: 90.625%; /* 290/320 */
	margin: 0 auto 9.375%; /* 30/320 */
	font-size: 1.1rem;
	text-align: left;
}
.formbox .formbar h3 {
    color: #FF7604;
	line-height: 1.6;
	margin: 0 0 0.8%; /* 12/290 */
}
.formbox .formcontents form dl {
	margin: 0 0 5.4%; /* 16/290 */
}
.formbox .formcontents form dd {
	margin: 0 0 3.3%; /* 10/290 */
}
.formbox .formcontents form dd .form_t {
	font-size: 1.1rem;
}
.formbox .formcontents .form_t p,
.formbox .formcontents .text_s {
	line-height: 1.7;
}
.formbox .formcontents form dd input {
	width: 90%;
	color: #3F3F3F;
	font-size: 1.2rem;
	text-indent: 2px;
	line-height: 1.6;
	padding: 2.2% 2.4%;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.formbox .button .btg_r input[type="submit"] {
	width: 100%;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	border: none;
	margin: 0 auto;
	display: block;
}
.formbox .info .ar_link_r {
	margin: 5% auto; /* 15/290 */
}
/* ログイン／パスワード
------------------------------------------------- */
.formbox_n .formcontents .ar_link_l {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 9.375%; /* 30/320 */
}
.formbox_n .formcontents .ar_link_l a {
}
/* 会員登録
------------------------------------------------- */
.formbox .info {
	width: 100%;
	font-size: 1.1rem;
	line-height: 1.7;
	margin: 0 0 5.4%; /* 16/290 */
	text-align: left !important;
}
.formbox .button {
	width: 93.103448% !important; /* 270/290 */
	margin: 0 auto 5%; /* 15/290 */
}
.formbox .button .btg_r {
	width: 100%;
	border: none;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
	padding: 3.81% 2.4% 3.60%; /* height*44px */
}
.formbox .button .btg_r a {
	color: #FFFFFF;
}
.formcontents .text-left {
	line-height: 1.7;
	margin: 0 0 5.4%; /* 16/290 */
}
.formbox .ar_link_r {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 5%; /* 15/290 */
}
.formbox .ar_link_r a {
	color: #FFF;
	border: none;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	padding: 3.806% 2.4% 3.606%; /* height*42px */
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #9dbd2b 0%,#7b9913 100%);
	background: -moz-linear-gradient(top,  #9dbd2b 0%, #7b9913 100%);
	background: linear-gradient(to bottom,  #9dbd2b 0%,#7b9913 100%);
}
/* 会員登録（フォーム）
------------------------------------------------- */
div.info {
	width: 90.625%; /* 290/320 */
	font-size: 1.1rem;
	line-height: 1.7;
	margin: 0 auto 3.3%;
    text-align: left !important;
}
form[class="sps_entryForm"] {
	font-size: 1.1em;
}
form[class="sps_entryForm"] .formbox {
	margin: 0 auto 3.3%;
}
form[class="sps_entryForm"] .formbox .form_t {
	margin: 0 0 3.3%;
}
form[class="sps_entryForm"] .formbox .form_t .red {
	color: #FF6600;
}
form .formbox .form_t .input_l input {
	width: 95%;
	color: #3F3F3F;
	font-size: 1.2rem;
	text-indent: 2px;
	line-height: 1.6;
	padding: 2.2% 2.4%;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
form[name="entryForm"] .form_group {
    margin: 0;
    padding: 0;
    clear: both;
    display: inline-block;
}
form[name="entryForm"] .form_group p {
	margin: 0 0 2.8%;
}
form[name="entryForm"] .form_group .radio {
    float: left;
    list-style: none;
    position: relative;
    display: inline-block;
    border: 1px solid #DDD;
    border-right: none;
    overflow: hidden;
}
form[name="entryForm"] .form_group .radio:first-of-type {
    border-radius: 2px 0 0 2px;
}
form[name="entryForm"] .form_group .radio:last-of-type {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid #DDD;
}
form[name="entryForm"] .form_group .radio label {
    display: block;
    padding: 10px 12px;
    text-align: center;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
    background: -moz-linear-gradient(top, #fff, #eee);
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	margin: 0 !important;
}
form[name="entryForm"] .form_group .radio:first-of-type label {
    border-radius: 2px 0 0 2px;
}
form[name="entryForm"] .form_group .radio:last-of-type label {
    border-radius: 0 2px 2px 0;
}
form[name="entryForm"] .form_group .radio input[type=radio] {
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    position: absolute;
}
form[name="entryForm"] .form_group .radio input[type=radio]:checked {
    cursor: auto;
}
form[name="entryForm"] .form_group .radio input[type=radio]:checked + label {
	background: -webkit-linear-gradient(top,  #dedede 0%,#fcfcfc 60%);
	background: -moz-linear-gradient(top,  #dedede 0%, #fcfcfc 60%);
	background: linear-gradient(to bottom,  #dedede 0%,#fcfcfc 60%);
}
form .formbox .form_t select {
	width: 50%;
	line-height: 1.3;
	padding: 3.2% 2.4%;
	background: url("https://www.96229.co.jp/sp/img/base/caret_down.png") no-repeat right center #FFF;
	background-size: 18px 7px;
}
form[class="sps_entryForm"] .formbox .form_t select[name="GroupList"] { /* グループ */
	width: 100%;
	padding: 4.0% 2.4%;
}
form[class="sps_entryForm"] .formbox .form_t .input_l input[name="NewGroupName"] {
	padding: 4.0% 2.4%;
}
.agreement {
	width: 96.875%; /* 310/320 */
	margin: 0 auto 6.25%; /* 20/320 */
}
.agreement pre {
    word-wrap: break-word;
	white-space: pre-wrap;
}
.formnavi .button {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 5%; /* 15/320 */
}
.formnavi .button .btg_r {
	width: 100%;
	box-sizing: border-box;
	padding: 3.81% 2.4% 3.60%; /* height*44px */
}
.formnavi .button .btg_r input[type="submit"] {
	width: 100%;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	border: none;
	margin: 0 auto;
	display: block;
}
.formnavi .ar_link_l {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 9.375%; /* 30/320 */
}
/* レビュー
------------------------------------------------- */
.pagelist {
	font-size: 1.1rem;
	margin: 0 auto 4.6875%; /* 15/320 */
}
.pagelist:last-of-type {
	margin: 0 auto 9.375%; /* 30/320 */
}
.pagelist .here {
	margin: 0 auto 1.5625%; /* 5/320 */
}
.pagelist ul {
	width: 93.75%; /* 300/320 */
	font-size: 1.1rem;
	text-align: center;
	margin: 0 auto 4.6875%; /* 15/320 */
}
.pagelist li {
    margin: 0 1.4%;
    padding: 2.0% 0 1.8%;
	display: inline-block;
    line-height: 1.8;
}
.pagelist li span {
    padding: 4px 6px;
    display: inline-block;
    border-radius: 2px;
}
.pagelist li a {
    padding: 4px 10px;
    display: inline-block;
	background-color: #F9EFE1;
    border-radius: 2px;
}
.pagelist .back_b,
.pagelist .next_b {
	display: none;
}
.customersbox {
	font-size: 1.1rem;
	text-align: left;
	margin: 0 auto 9.375%; /* 30/320 */
}
.customersbox .commenttitle {
	font-size: 1.2rem;
    line-height: 1.6;
    margin: 0 0 3.75%; /* 12/320 */
	padding: 3.6% 8.2% 2.9%;
	background: -moz-linear-gradient(left,  #ffffff 0%, #fdf8d8 20%, #fdf8d8 80%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
}
.customersbox .commenttitle a {
	color: #6C9E00;
}
.customersbox .rightarrow {
	width: 90.625%; /* 290/320 */
	margin: 0 auto 2.5%; /* 8/320 */
	text-align: right;
}
.customersbox .customerbar {
	width: 90.625%; /* 290/320 */
	clear: both;
	overflow: hidden;
	margin: 0 auto 3.125%; /* 10/320 */
}
.customersbox .customerbar .f_l {
	width: 60%;
	float: left;
}
.customersbox .customerbar .f_l .recommend {
	padding-right: 1.4%;
}
.customersbox .customerbar .f_l .recommend img {
	width: 6.9%; /* 12/32 */
	height: auto;
	vertical-align: text-bottom;
}
.customersbox .customerbar .f_r {
	float: right;
	margin-top: -0.3%;
}
.customersbox .customerscomment {
	width: 90.625%; /* 290/320 */
	margin: 0 auto 4.6875%; /* 15/320 */
}
.customersbox .customerscomment p {
	line-height: 1.7;
}
.customersbox .customerscomment p br {
	display: none;
}
.customersbox .shopcomment {
	width: 90.625%; /* 290/320 */
	margin: 0 auto;
}
.customersbox .shopcomment .plus {
	clear: both;
	overflow: hidden;
	margin: 0 0 3.125%; /* 10/320 */
}
.customersbox .shopcomment .plus .f_l {
	color: #FF6600;
	text-align: right;
}
.customersbox .shopcomment .plus .f_l:after {
    content: "…を読む";
}
.customersbox .shopcomment .plus .f_r {
	display: none;
}
.customersbox .shopcomment .minus {
    display: none;
}
.customersbox .shopcomment .minus p {
	line-height: 1.7;
}
.commenttitle {
	font-size: 1.2rem;
	text-align: left;
    line-height: 1.6;
    margin: 0 auto 3.75%; /* 12/320 */
	padding: 3.6% 8.2% 2.9%;
	background: -moz-linear-gradient(left,  #ffffff 0%, #fdf8d8 20%, #fdf8d8 80%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
}
.commenttitle a {
	color: #6C9E00;
}
.commenttitle a p {
	color: #732820;
	line-height: 1.3;
	text-align: center;
	margin-top: 2.5%; /* 8/320 */
	padding: 3.6% 8.2% 3.2%;
	background: -moz-linear-gradient(left,  #fdfae6 0%, #ffffff 20%, #ffffff 80%, #fdfae6 100%);
	background: -webkit-linear-gradient(left,  #fdfae6 0%,#ffffff 20%,#ffffff 80%,#fdfae6 100%);
	background: linear-gradient(to right,  #fdfae6 0%,#ffffff 20%,#ffffff 80%,#fdfae6 100%);
}
.commenttitle a p .recommend {
}
.commenttitle a p .recommend img {
	width: 5.37%; /* 12px */
	height: auto;
	display: inline-block;
}
.commenttitle a p .recommend img:last-child {
	padding-right: 1.4%;
}
/* 問合わせ
------------------------------------------------- */
#contact {
	width: 90.625%; /* 290/320 */
	margin: 0 auto 9.375%; /* 30/320 */
	font-size: 1.1rem;
	text-align: center;
	display: block;
}
#contact p {
	margin-bottom: 4.6875%; /* 15/320 */
}
#contact dl {
	margin-bottom: 6.25%; /* 20/320 */
}
#contact dt {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 3.3%; /* 10/290 */
}
#contact dt a {
	color: #FFF;
	border: none;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	padding: 3.806% 2.4% 3.606%; /* height*42px */
}
#contact dl:first-of-type dt a {
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
#contact dl:last-of-type dt a {
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #9dbd2b 0%,#7b9913 100%);
	background: -moz-linear-gradient(top,  #9dbd2b 0%, #7b9913 100%);
	background: linear-gradient(to bottom,  #9dbd2b 0%,#7b9913 100%);
}
/* レジ1（カート）
------------------------------------------------- */
section font[color~="red"] { /* エラー */
	width: 90.625%; /* 290/320 */
	color: #FF6600;
	font-size: 1.1rem;
	margin: -3.6% auto 3.3%;
	line-height: 1.7;
    text-align: left;
	display: block;
}
#mp_ta_message {
	width: 90.625%; /* 290/320 */
	font-size: 1.1rem;
	margin: 0 auto 3.75%; /* 12/320 */
	line-height: 1.7;
}
#mp_ta_message div { /* メッセージ */
}
#mp_ta_message div span {
	color: #FF6600;
}
#mp_ta_message + br {
	display: none;
}
.text_1 {
	color: #FF6600;
	font-size: 1.1rem;
    font-weight: normal;
	margin: 0 auto 3.75%; /* 12/320 */
	line-height: 1.7;
}
.attention { /* カゴは空です */
	font-size: 1.1rem;
	margin: 0 auto 3.75%; /* 12/320 */
}
aside .ar_link_r { /* アドレス帳を選ぶ */
	font-size: 1.1rem;
	margin: 0 auto 3.75%; /* 12/320 */
}
section .title h1 { /* ご注文内容 */
	color: #6C9E00;
    line-height: 1.6;
	font-size: 1.2rem;
	font-weight: normal;
    margin: 0 auto 3.75%; /* 12/320 */
	padding: 3.2% 0 2.9%;
	background: -moz-linear-gradient(left,  #ffffff 0%, #fdf8d8 20%, #fdf8d8 80%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
}
.formtable {
	width: 90.625%; /* 290/320 */
	margin: 0 auto 6.25%; /* 20/320 */
 	font-size: 1.1rem;
	text-align: left;
}
.formtable .table2 {
	margin: 0 auto 3.125%; /* 10/320 */
}
.formtable .table2 td[rowspan="4"] { /* 商品画像 */
	width: 34.482758%; /* 100/290 */
	padding-right: 3.4%; /* 10/290 */
	vertical-align: top;
}
.formtable .table2 td[rowspan="4"] + td { /* 商品情報 */
	padding-bottom: 1.4%; /* 4/290 */
}
.formtable .table2 tr td span { /* 商品名 */
	color: #732820;
}
.formtable .table2 .esy .input_s { /* 単価 */
	color: #333333;
}
.formtable .table2 .esy .input_s input { /* 袋数 */
	width: 14%;
	color: #3F3F3F;
	font-size: 1.1rem;
	line-height: 1.4;
	text-indent: 2px;
	margin: 0 2.0%;
	padding: 2px 6px;
	border-radius: 2px;
	vertical-align: baseline;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.formtable .table2 .esy .del {
	margin: 3.6% 0 6.8%; /* 10*20/290 */
}
.formtable .table2 .esy .del input[type="submit"] { /* 削除 */
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    color: #555;
    cursor: pointer;
    padding: 2px 16px;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
    overflow: visible;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    font: bold 1.2rem arial, helvetica, sans-serif;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
}
.formtable form .edit {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 4.8%; /* 14/290 */
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 2.861% 2.4% 2.661%; /* height*34px */
	border: 1px solid #D2D2D2;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
}
.formtable form .edit input[type="submit"] { /* カートを更新 */
	width: 100%;
    color: #555;
	border: none;
	margin: 0 auto;
	display: block;
	line-height: 1.6;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    font: bold 1.2rem arial, helvetica, sans-serif;
}
.formtable table {
	width: 100%;
	margin-bottom: 4.6875%;
}
.formtable table tr th {
	font-weight: normal;
}
.formtable table tr td {
	line-height: 1.6;
	vertical-align: middle;
	box-sizing: border-box;
}
.formtable table tr td.l {
    width: 40%;
	color: #732820;
    padding: 3.8% 2.0% 3.4% 3.2%;
    border: 1px solid #FFF0E4;
	background-color: #FFFAF6;
}
.formtable table tr td.r {
	width: 60%;
	color: #3F3F3F;
    padding: 3.8% 2.0% 3.4% 3.2%;
    border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
}
#pi_link .formcontents .ar_link_l { /* 買い物を続ける */
	width: 84.375%; /* 270/320 */
	margin: 0 auto 6.25%; /* 20/320 */
}
#pi_link .formcontents .ar_link_l #mp_link_item1 {
	color: #FFF;
	display: block;
	border: none;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	text-shadow: none;
	border-radius: 2px;
	padding: 3.806% 2.4% 3.606%; /* height*42px */
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #9dbd2b 0%,#7b9913 100%);
	background: -moz-linear-gradient(top,  #9dbd2b 0%, #7b9913 100%);
	background: linear-gradient(to bottom,  #9dbd2b 0%,#7b9913 100%);
}
#pi_buy .formbox_n form .button_or { /* 購入手続きに進む */
	margin: 0 auto 9.375%; /* 30/320 */
}
.formbox form .formcontents { /* 会員（ログイン） */
}
.formbox form .formcontents dl {
	margin-bottom: 5.4%; /* 16/290 */
}
.formbox form .formcontents dd {
	margin-bottom: 3.3%; /* 10/290 */
}
.formbox form .formcontents dd .form_t {
	font-size: 1.1rem;
	margin-bottom: 0;
}
.formbox form .formcontents dd .input_l input {
	width: 90%;
	color: #3F3F3F;
	font-size: 1.2rem;
	text-indent: 2px;
	line-height: 1.6;
	padding: 2.2% 2.4%;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.formbox form .formcontents .submit { /* ログイン */
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 5%; /* 15/290 */
	padding: 3.551% 2.4% 3.351%; /* height*44px */
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.formbox form .formcontents .submit input[type="submit"] {
	width: 100%;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	border: none;
	margin: 0 auto;
	display: block;
}
.formbox .formcontents form .submit { /* 会員登録 */
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 5%; /* 15/290 */
	padding: 3.551% 2.4% 3.351%; /* height*44px */
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.formbox .formcontents form .submit input[type="submit"] {
	width: 100%;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	border: none;
	margin: 0 auto;
	display: block;
}
.cart_guest_area_separator {
	display: none;
}
#pi_refund .formbox_n .formcontents .ar_link_r { /* 返品条件 */
	display: none;
}
/* レジ1（購入情報）
------------------------------------------------- */
.full { /* レジ用ナビ */
	margin: 0 auto 5%; /* 15/320 */
}
.full img {
	width: 90.625%; /* 290/320 */
	height: auto;
}
.required {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 3.3%;
}
.required br {
	display: none;
}
form[class="sps_entryForm"] .formbox .form_t .red {
	color: #FF6600;
}
form[class="sps_entryForm"] .formbox .form_t input[type="checkbox"] { /* 住所保存 */
    width: 14px; /* 14/290 */
    height: 14px; /* 14/290 */
	margin: 0 1.8% 0 0;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    -webkit-appearance: none;
}
form[class="sps_entryForm"] .formbox .form_t input[type="checkbox"]:checked {
	background: -webkit-radial-gradient(center, ellipse cover,  #f68908 0%,#f68908 45%,#ffffff 50%);
	background: -moz-radial-gradient(center, ellipse cover,  #f68908 0%, #f68908 45%, #ffffff 50%);
	background: radial-gradient(ellipse at center,  #f68908 0%,#f68908 45%,#ffffff 50%);
}
form[class="sps_entryForm"] .formbox .form_t label[for="ADDRSAVE1"] {
    margin: 3.3% 0;
	line-height: 1.4;
    display: inline-block;
	vertical-align: middle;
}
form[class="sps_entryForm"] .button_or { /* この住所へ送る */
	margin: 0 auto 3.125%; /* 10/320 */
}
form[class="sps_entryForm"] .ar_link_l { /* 戻る */
	width: 84.375%; /* 270/320 */
	margin: 0 auto 9.375%; /* 30/320 */
}
.formcontents .button {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 5%; /* 15/290 */
}
.formcontents .ar_link_l {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 9.375%; /* 30/320 */
}
/* レジ1（アドレス）
------------------------------------------------- */
form[name="formgroup"] {
	margin: 0 auto 5%; /* 15/320 */
}
form[name="formgroup"] select[name="groupId"] {
	width: 50%;
	line-height: 1.3;
	padding: 2.8% 2.4%;
	background: url("https://www.96229.co.jp/sp/img/base/caret_down.png") no-repeat right center #FFF;
	background-size: 18px 7px;
}
.pagelist2 {
	font-size: 1.1rem;
	margin: 0 auto 4.6875%; /* 15/320 */
}
.pagelist2:last-of-type {
	margin: 0 auto 6.25%; /* 20/320 */
}
/* レジ2（定期関連）
------------------------------------------------- */
form .formbox .formcontents .info input[type="radio"] {
    width: 14px; /* 14/290 */
    height: 14px; /* 14/290 */
	margin: 0 1.8% 0 0;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    -webkit-appearance: none;
}
form .formbox .formcontents .info input[type="radio"]:checked {
	background: -webkit-radial-gradient(center, ellipse cover,  #f68908 0%,#f68908 45%,#ffffff 50%);
	background: -moz-radial-gradient(center, ellipse cover,  #f68908 0%, #f68908 45%, #ffffff 50%);
	background: radial-gradient(ellipse at center,  #f68908 0%,#f68908 45%,#ffffff 50%);
}
form .formbox .formcontents .info label {
	vertical-align: middle;
}
form .formcontents .form_t {
	margin-bottom: 3.3%;
}
form .formcontents .form_t p {
	margin-right: 1.4%;
}
form .formcontents .form_t input[type="radio"] {
    width: 14px; /* 14/290 */
    height: 14px; /* 14/290 */
	margin: 0 1.8% 0 0;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    -webkit-appearance: none;
}
form .formcontents .form_t input[type="radio"]:checked {
	background: -webkit-radial-gradient(center, ellipse cover,  #f68908 0%,#f68908 45%,#ffffff 50%);
	background: -moz-radial-gradient(center, ellipse cover,  #f68908 0%, #f68908 45%, #ffffff 50%);
	background: radial-gradient(ellipse at center,  #f68908 0%,#f68908 45%,#ffffff 50%);
}
form .formcontents .form_t label {
	line-height: 1.4;
    display: inline-block;
	vertical-align: middle;
    margin: 1.2% 0 0.8%;
}
form .formcontents .form_t .info {
	width: 90%;
	padding: 0 !important;
	text-align: left !important;
}
form .formcontents .form_t .info select {
	margin-right: 1.4%;
}
form .formcontents select[name="WEEK_EACH_MONTH_T"] {
	margin-bottom: 2.8%;
}
form .formcontents select[name="RECV_TIME"] {
	margin-bottom: 3.3%;
}
form .formbox .text-center .edit {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 4.8%; /* 14/290 */
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 2.861% 2.4% 2.661%; /* height*34px */
	border: 1px solid #D2D2D2;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
}
form .formbox .text-center .edit input { /* お届け日を確認 */
	width: 100%;
    color: #555;
	border: none;
	margin: 0 auto;
	display: block;
	line-height: 1.6;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    font: bold 1.2rem arial, helvetica, sans-serif;
}
form .formbox .formcontents b.red {
	color: #FF6600;
	margin: 0 auto 2.8%;
	font-weight: normal;
	display: inline-block;
}
form .formbox .formcontents .form_t .formtable { /* お届け日 */
	width: 100% !important
}
form .formbox .formcontents .info label input[name="autoPointFlag"] {
	vertical-align: text-bottom;
}
/* レジ2（支払方法）
------------------------------------------------- */
#formPayment .form_group .form_t .formbox .formbar .radio h3 {
    width: 100%;
	margin: 0 0 3.3% !important;
	display: inline-block !important;
}
#formPayment .form_group .form_t .formbox .formbar .radio h3 input[type="radio"] {
    width: 14px; /* 14/290 */
    height: 14px; /* 14/290 */
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
    -webkit-appearance: none;
}
#formPayment .form_group .form_t .formbox .formbar .radio h3 input[type="radio"]:checked {
	background: -webkit-radial-gradient(center, ellipse cover,  #f68908 0%,#f68908 45%,#ffffff 50%);
	background: -moz-radial-gradient(center, ellipse cover,  #f68908 0%, #f68908 45%, #ffffff 50%);
	background: radial-gradient(ellipse at center,  #f68908 0%,#f68908 45%,#ffffff 50%);
}
#formPayment .form_group .form_t .formbox .formbar .radio h3 label {
	font-size: 1.2rem;
	line-height: 1.4;
	vertical-align: middle;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info { /* カード情報 */
	padding: 0;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info li {
	font-size: 1.1rem;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info ul:first-child {
    box-sizing: border-box;
	margin: 0 3.448275%; /* 10/290 */
	padding-left: 3.448275%; /* 10/290 */
	border-left: 3px solid #F3DFC0;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info h4 {
	font-weight: normal;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info .button_or {
	width: 93.103448%; /* 270/290 */
    padding: 0;
    box-shadow: none;
	background: transparent;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info .button_or .red {
	font-size: 1.0rem;
	margin-top: 2.0%; /* 6/290 */
	text-align: left; 
	background-color: #FFFFFF;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info .button_or input {
    color: #555;
	margin: 0 auto;
	display: block;
	line-height: 1.6;
	border-radius: 2px;
	border: 1px solid #D2D2D2;
	padding: 3.435% 2.4% 3.235%; /* height*34px */
    font: bold 1.2rem arial, helvetica, sans-serif;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
#formPayment .form_group .form_t .formbox .formcontents #card_info .button_or input.off {
	opacity: 0.6;
}
#formPayment .form_group .form_t .formbox .formcontents #card_info #main {
	width: 93.103448%; /* 270/290 */
	text-align: center;
	margin: 5.2% auto 3.4%; /* 15*10/290 */
}
#formPayment .form_group .form_t .formbox .formcontents #main {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 3.4%;
}
#formPayment .formbox .formcontents .form_t select {
	width: 60%;
}
#formPayment .formbox .formcontents .form_group textarea { /* 決め手 */
	width: 95%;
	height: 80px;
	color: #3F3F3F;
	font-size: 1.2rem;
	line-height: 1.6;
	padding: 6px;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
#formPayment .formbox .formcontents .form_t textarea { /* ご要望 */
	width: 95%;
	height: 80px;
	color: #3F3F3F;
	font-size: 1.2rem;
	line-height: 1.6;
	padding: 6px;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
/* レジ2（ポイント）
------------------------------------------------- */
form .formbox .formcontents .form_t .input_2 input[type="number"] {
	width: 50%;
	color: #3F3F3F;
	font-size: 1.2rem;
	text-indent: 2px;
	line-height: 1.6;
	margin-right: 1.4%;
	padding: 2.2% 2.4%;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
form .formnavi .button {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 5%; /* 15/320 */
}
/* レジ3（入力確認）
------------------------------------------------- */
.formtable .table4 th {
	color: #732820;
	line-height: 1.6;
	font-weight: normal;
	text-align: center;
    padding: 3.8% 2.4% 3.4%;
    border: 1px solid #FFF0E4;
	background-color: #FFFAF6;
	box-sizing: border-box;
	vertical-align: middle;
}
.formtable .table4 th:first-child {
	width: 45%;
}
.formtable .table4 td {
	color: #3F3F3F;
	line-height: 1.6;
	text-align: center;
	padding: 3.8% 2.4% 3.4%;
    border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	box-sizing: border-box;
	vertical-align: middle;
}
.formtable .table4 td:first-child {
	width: 45%;
	text-align: left;
    padding: 3.8% 2.4% 3.4% 3.2%;
}
.formtable table td.r[colspan="2"] { /* 定期 */
	border: none;
}
/* レジ4（注文完了）
------------------------------------------------- */
.button .btg_r {
	width: 84.375%; /* 270/320 */
	margin: 0 auto;
}
.button .btg_r button[type="button"] { /* お店のトップへ戻る */
	width: 100%;
	color: #FFF;
	display: block;
	border: none;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	margin: 0 auto 9.375%;
	padding: 4.918% 2.4% 4.718%; /* height*42px */
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #9dbd2b 0%,#7b9913 100%);
	background: -moz-linear-gradient(top,  #9dbd2b 0%, #7b9913 100%);
	background: linear-gradient(to bottom,  #9dbd2b 0%,#7b9913 100%);
}
.button .btg_r button[type="submit"] { /* マイページへ */
	width: 100%;
	color: #FFF;
	display: block;
	border: none;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	border-radius: 2px;
	padding: 1.19% 2.4% 0.99%; /* height*44px */
	background-color: transparent;
}
/* レジ5（複数送付）
------------------------------------------------- */
.formbox .submit input.submit_or {
    width: 100%;
    margin: 0 auto;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6;
    display: block;
    border: none;
}
/* マイページ
------------------------------------------------- */
.mypagelist {
	margin-bottom: 9.375%; /* 30/320 */
}
.mypagelist .formlist .bar h3 {
	color: #6C9E00;
    line-height: 1.6;
	font-size: 1.2rem;
	font-weight: normal;
    margin: 0 auto 3.75%; /* 12/320 */
	padding: 3.2% 0 2.9%;
	background: -moz-linear-gradient(left,  #ffffff 0%, #fdf8d8 20%, #fdf8d8 80%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#fdf8d8 20%,#fdf8d8 80%,#ffffff 100%);
}
.mypagelist .formlist .listmenu li a {
	background: url("https://www.96229.co.jp/sp/img/base/list_purple.png") no-repeat right center;
	background-size: 3px auto;
}
/* 購入履歴（ご注文番号別）
------------------------------------------------- */
aside dl dt.ar_link_l { /* 戻る */
	width: 84.375%; /* 270/320 */
	margin: 0 auto 9.375%; /* 30/320 */
}
.period form[name="list"] {
	margin: 0 auto 5%; /* 15/320 */
}
.period form[name="list"] .here { /* 表示期間 */
	font-size: 1.2rem;
	vertical-align: middle;
}
.period form[name="list"] select[name="year"],
.period form[name="list"] select[name="month"]  {
	line-height: 1.3;
	margin-right: 0.2%;
	padding: 1.8% 3.6% 1.8% 2.8%;
}
.period form[name="list"] .edit input[type="submit"] {
	color: #3F3F3F;
	font-size: 1.1rem;
	text-indent: 2px;
	line-height: 1.6;
	padding: 1.4% 3.6% 1.3% 2.8%;
	border-radius: 2px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.listmenu {
	width: 87.5%; /* 280/320 */
	margin: 0 auto 6.25%; /* 20/320 */
	font-size: 1.1rem;
	text-align: left;
	line-height: 1.7;
}
.listmenu li {
	padding: 3.75% 3.125%; /* 12*10/320 */
	background: url("https://www.96229.co.jp/sp/img/base/border_brown.png") repeat-x center bottom;
	background-size: 4px 1px;
}
.listmenu li a {
	display: block;
}
/* 購入履歴詳細
------------------------------------------------- */
.itemlist {
	width: 84.375%; /* 270/320 */
	margin: 0 auto 4.6875%; /* 15/320 */
}
.itemlist li {
	clear: both;
	overflow: hidden;
}
.itemlist li .li_l {
	width: 18.518518%; /* 50/270 */
    float: left;
}
.itemlist li .li_r {
	width: 77.777777%; /* 210/270 */
    float: right;
	font-size: 1.2rem;
	text-align: left;
}
.itemlist li .li_r div {
	line-height: 1.6;
	margin-bottom: 3.3%;
}
.itemlist li .li_r .price {
	color: #333333;
}
/* 申込詳細
------------------------------------------------- */
.formtable .itemlist {
	width: 93.103448%; /* 270/290 */
}
form[name="RegularPauseResumption"] + .info .edit input { /* 再開休止 */
    color: #3F3F3F;
    font-size: 1.2rem;
    text-indent: 2px;
    line-height: 1.6;
    border-radius: 2px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
	padding: 1.4% 3.6% 1.4% 2.8%;
}
.formtable table td.r .edit {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto 4.8%; /* 14/290 */
	float: left;
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 2.861% 2.4% 2.661%; /* height*34px */
	border: 1px solid #D2D2D2;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
}
.formtable table td.r .edit input[type="button"] {
	width: 100%;
    color: #555;
	border: none;
	margin: 0 auto;
	display: block;
	line-height: 1.6;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    font: bold 1.2rem arial, helvetica, sans-serif;
}
.formtable p[style] { /* 申込解約 */
	color: #FF6600 !important;
}
.formtable p[style] br {
	display: none;
}
.formcontents form .button .btg_r { /* 解約する */
	width: 100%;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding: 3.81% 2.4% 3.60%; /* height*44px */
	border-radius: 2px;
	box-shadow: 1px 1px 2px 0px rgba(164, 164, 164, 1);
	background: -webkit-linear-gradient(top,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
	background: -moz-linear-gradient(top,  #fab06b 0%, #ef8d31 75%, #ef8d31 100%);
	background: linear-gradient(to bottom,  #fab06b 0%,#ef8d31 75%,#ef8d31 100%);
}
.formcontents form .button .btg_r input[type="submit"] {
	width: 100%;
	margin: 0 auto;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	display: block;
	border: none;
}
/* アドレス帳
------------------------------------------------- */
.formcontents .button .btg_r {
	width: 100%;
	box-sizing: border-box;
	padding: 3.81% 2.4% 3.60%; /* height*44px */
}
.formcontents .button .btg_r a {
	width: 100%;
	color: #FFF;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	border: none;
	margin: 0 auto;
	display: block;
	background-color: transparent;
}
.period form[name="formgroup"] .here {
	font-size: 1.2rem;
	vertical-align: middle;
}
.period form[name="formgroup"] select[name="group"]  {
	width: 50%;
	line-height: 1.3;
	padding: 2.8% 2.4%;
	background: url("https://www.96229.co.jp/sp/img/base/caret_down.png") no-repeat right center #FFF;
	background-size: 18px 7px;
}
.formtable form .table3 th {
	color: #732820;
	line-height: 1.6;
	font-weight: normal;
	text-align: center;
    padding: 3.8% 2.4% 3.4%;
    border: 1px solid #FFF0E4;
	background-color: #FFFAF6;
	box-sizing: border-box;
	vertical-align: middle;
}
.formtable form .table3 td {
	color: #3F3F3F;
	line-height: 1.6;
	text-align: center;
	padding: 3.8% 2.4% 3.4%;
    border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	box-sizing: border-box;
	vertical-align: middle;
}
.formtable form .table3 .edit,
.formtable form .table3 .del {
	width: 93.103448%; /* 270/290 */
	margin: 0 auto;
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 2.861% 2.4% 2.661%; /* height*34px */
	border: 1px solid #D2D2D2;
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dedede 60%);
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #dedede 60%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#dedede 60%);
}
.formtable form .table3 .edit input[type="submit"],
.formtable form .table3 .del input[type="submit"] {
	width: 100%;
    color: #555;
	border: none;
	margin: 0 auto;
	display: block;
	line-height: 1.6;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
    font: bold 1.2rem arial, helvetica, sans-serif;
}
/* -------------------------------------------------
   フッター
------------------------------------------------- */
#foot {
	width: 100%;
	background: url("https://www.96229.co.jp/sp/img/base/bg_foot.png") repeat left top;
	background-size: 10px 10px;
}
#foot .inn {
	width: 90.625%; /* 290/320 */
	margin: 0 auto;
	padding: 6.25% 0; /* 20/320 */
	padding-bottom: 4.6875%; /* 15/320 */
}
#fmenu ul {
	margin: 0 0 3.4%; /* 10/290 */
}
#fmenu ul:last-child {
	margin: 0 0 5.2%; /* 15/290 */
}
#fmenu li {
	width: 48.275862%; /* 140/290 */
}
#fmenu li:first-child {
	float: left;
}
#fmenu li:last-child {
	float: right;
}
#fnavi ul {
	margin: 0 0 3.4%; /* 10/290 */
}
#fnavi li {
	width: 50%; /* 145/290 */
}
#fnavi li:nth-child(odd) {
	float: left;
}
#fnavi li:nth-child(even) {
	float: right;
}
#fnavi li a {
	display: block;
}
#farea {
	margin: 0 0 4.2%; /* 12/290 */
}
#farea .logo {
	width: 43.103448%; /* 125/290 */
	float: left;
}
#farea .tel {
	width: 53.448275%; /* 155/290 */
	float: right;
}
#flink {
	width: 100%;
	margin: 0 0 4.2%; /* 12/290 */
	position: relative;
    padding-bottom: 13.793103%; /* 40/290 */
	background: url("https://www.96229.co.jp/sp/img/base/bg_flink.png") no-repeat left top;
	background-size: 100% auto;
}
#flink p {
	width: 8.620689%; /* 25/290 */
	position: absolute;
	top: 17.5%; /* 7/40 */
}
#flink .back {
	left: 3.448275%; /* 10/290 */
}
#flink .upon {
	left: 45.689655%; /* 132.5/290 */
}
#flink .twit {
	left: 75.862068%; /* 220/290 */
}
#flink .face {
	right: 3.448275%; /* 10/290 */
}
#flink p a {
	display: block;
}
#foot .sns {
    width: 55.862068%; /* 162/290 */
    margin: 0 auto 4.137931%; /* 12/290 */
}
#foot .sns li {
	width: 18.518518%; /* 30/162 */
	float: left;
	margin-right: 8.64%; /* 14/162 */
}
#foot .sns li:last-child {
	margin: 0;
}
iframe[name="google_conversion_frame"] {
	display: none;
}
/* テンプレート
------------------------------------------------- */
.ch {
	display: none; /* 表示 */
}
img[src^="https://b.shopserve.jp/tracking/tracking.php"]{
	display: none; /* トラッキング */
}
#sps-page-top { /* ページ上 */
	display: none !important;
}
.freearea nav#menu { /* サイド */
	display: none;
}
/* -------------------------------------------------
   jquery.mmenu.css
------------------------------------------------- */
.mm-menu,.mm-panels,
.mm-panels>.mm-panel {
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 0;
	box-sizing: border-box;
}
.mm-menu {
	box-sizing: border-box;
}
.mm-hidden {
	display: none!important;
}
.mm-menu,
.mm-panels>.mm-panel:not(.mm-hidden) {
	display: block;
}
.mm-menu {
	position: absolute;
	bottom: 0;
	padding: 0;
}
.mm-panels,
.mm-panels>.mm-panel {
	position: absolute;
	bottom: 0;
	background: inherit;
	border-color: inherit;
}
.mm-panels {
	overflow: hidden;
}
.mm-panel {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease,-webkit-transform .4s ease;
	-webkit-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	transform: translate(100%,0);
}
.mm-panel.mm-opened {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}
.mm-panels>.mm-panel {
	width: 100%;
	padding: 6.25%; /* 15/240 */
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.1) inset;
	background: url("https://www.96229.co.jp/sp/img/base/bg_foot.png") repeat left top;
	background-size: 10px 10px;
}
.mm-menu {
}
.mm-page {
	position: relative;
	box-sizing: border-box;
}
.mm-navbar {
	display: none;
}
.mm-listview {
	width: 100%; /* 210px */
	margin: 0 auto;
}
.mm-listview li {
}
.mm-listview li a {
	display: block;
}
.mm-slideout {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease,-webkit-transform .4s ease;
	z-index: 1;
}
html.mm-opened {
	overflow-x: hidden;
	position: relative;
}
html.mm-blocking,
html.mm-blocking body {
	overflow: hidden;
}
html.mm-background .mm-page {
	background: inherit;
}
#mm-blocker {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(3,2,1,0);
}
html.mm-blocking #mm-blocker {
	display: block;
}
.mm-menu.mm-offcanvas {
	position: fixed;
	z-index: 0;
	display: none;
	width: 75%; /* 240/320 */
}
.mm-menu.mm-offcanvas.mm-current {
	display: block;
}
.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened {
	z-index: 10;
}
/* -------------------------------------------------
   jquery.mmenu.positioning.css
------------------------------------------------- */
.mm-menu.mm-offcanvas.mm-right {
	left: auto;
}
html.mm-right.mm-opening .mm-slideout { /* 240/320 */
	-webkit-transform: translate(-75%,0);
	-ms-transform: translate(-75%,0);
	transform: translate(-75%,0);
}
html.mm-front .mm-slideout {
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	z-index: 0;
}
html.mm-front #mm-blocker {
	z-index: 1;
}
html.mm-front .mm-menu.mm-offcanvas {
	z-index: 2;
}