@charset "Shift-Jis";

* {
	box-sizing: border-box;
}
/*---------- ページ全体の指定 ----------*/

html, body, header, sect, article, nav, footer,
div, span, p, img, a, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
html {
	background-color: #d2fee5;
}
body {
	width: 100%;
	max-width: 656px;
	background-color: #ffffff;
	font-size: 12pt;
	font-family: sans-serif;
	font-weight: 200;
	line-height: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 8px 16px;
	color: #333;
}
p {
	margin: 8px;
	line-height: 1.5em;
}
img {
	width: 100%;
}
.nowrap {
	white-space: nowrap;
}
.w100 {
	width: 100%;
}
/*---------- 共通 ----------*/
.ue0 {
	margin-top: 0;
}
.ue8 {
	margin-top: 8px!important;
}
.uep8 {
	padding-top: 8px;
}
.ue16 {
	margin-top: 16px;
}
.ue24 {
	margin-top: 24px!important;
}
.shita-3 {
	margin-bottom: -3px!important;
}
.shita0 {
	margin-bottom: 0;
}
.shita8 {
	margin-bottom: 8px;
}
.shita12 {
	margin-bottom: 12px!important;
}
.shita24 {
	margin-bottom: 24px!important;
}
.migi8 {
	margin-right: 8px!important;
}
.jougep6 {
	padding-top: 7px!important;
	padding-bottom: 5px!important;
}
.jouge16 {
	margin-top: 16px;
	margin-bottom: 16px;
}
.jouge_em1 {
	margin-top: 1em;
	margin-bottom: 1em;
}

.margin0 {
	margin: 0;
}
.margin_px8-0-0-8 {
	margin: 8px 0 0 8px;
}
.margin_px0-0-16-8 {
	margin: 0 0 8px 8px;
}
.margin_px0-8-24-40 {
	margin: 0 8px 24px 40px;
}
.padding8 {
	padding: 8px;
}
.pt_px4 {
	padding-top: 4px;
}
.pt_px8 {
	padding-top: 8px;
}
.pt_px16 {
	padding-top: 16px;
}
.pb_px8 {
	padding-bottom: 8px;
}
.pl_px8 {
	padding-left: 8px!important;
}
.pl_em0_5 {
	padding-left: 0.5em;
}
.pl_em1 {
	padding-left: 1em;
}
.pl_em2 {
	padding-left: 2em;
}
.pl_em3 {
	padding-left: 3em;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left8 {
	margin-left: 8px;
}
.bg_fff {
	background: #fff!important;
}
/*---------- 画像拡大 ----------*/
.box1{
	position: relative;
	float: right;
	width: 40%;
	margin: 8px 4px 4px;
	box-shadow: 2px 2px 2px #777;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-radius: 8px;
	padding: 0;
}
.box2{
	position: relative;
	float: right;
	width: 30%;
	margin: 8px 4px 4px;
	box-shadow: 2px 2px 2px #777;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-radius: 8px;
	padding: 0;
}
.box3{
	position: relative;
	float: left;
	width: 20%;
	margin: 0 8px 4px 0;
	box-shadow: 2px 2px 2px #777;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-radius: 8px;
	padding: 0;
}
	.box1 img,.box2 img,.box3 img {
		width: calc(100% - 2px);
		border-radius: 8px;
		margin: 1px;
	}
	.box1 img.loupe,.box2 img.loupe,.box3 img.loupe {
		position: absolute;
		width: 20px;
		left: 2px;
		bottom: 2px;
		border: solid 1px #777;
		border-radius: 6px;
		padding: 2px;
	}
/*---------- header ----------*/
header {
	width: calc(100% + 16px);
	margin: -8px 0 0 -8px;
}
	header h1 {
		display: table;
		line-height: 1em;
		font-size: 12pt;
		width: 100%;
		margin-bottom: 0px;
	}
	header a {
		display: table;
		width: 100%;
		margin-bottom: 0px;
	}

/*---------- h ----------*/
h1 {
	font-size: 12pt;

}
h1.small {
	font-size: 9pt;
	color: #555;
	text-align: center;
	margin: 0 0 8px;
}
h2, h3, h4, h5, h6 {
	font-size: 12pt!important;
}
h2.indexneo {
	background: #930;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
}
h2.indexzoudai {
	background: #06f;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.indexsupple {
	background: #f09;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.indexhokegoods {
	background: #f30;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.indexhoke {
	background: #093;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.indexcolumn {
	background: #c00;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.indexmap {
	background: #f9c;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.kaimonoguide, h3.kaimonoguide, h4.kaimonoguide, h5.kaimonoguide, h6.kaimonoguide, p.kaimonoguide {
	background: #db7;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
h2.pring {
	background: #fc0;
	color: #000;
	font-size: 11pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
	margin-top: 16px;
}
	h2.pring span {
		color: #02b;
		font-weight: bold;
	}
	h2.pring span.redb {
		color: #f00;
		font-weight: bold;
	}
h2.kz, .kz {
	clear: both;
	width: 100%;
	color: #f00;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.2em;
	padding: 9px 8px 0 4px;
	margin-top: 16px;
	border-bottom: solid 4px #800;
}
h2.ex {
	clear: both;
	width: 100%;
	font-size: 12pt;
	line-height: 1.2em;
	padding: 9px 8px 0 4px;
	margin-top: 16px;
	border-bottom: solid 4px #800;
}
h3 {
	font-size: 11pt;
	margin: 6px 0;
}
h2.midori, h3.midori, h4.midori, h5.midori, h6.midori, p.h-modoki {
	background: #ded;
	font-size: 11pt;
	margin-top: 12px;
	padding: 7px 8px 5px;
	font-weight: normal;
	}

.border0 {
	border: none;
}
/*---------- topmenu ----------*/
.topmenu {
	margin-bottom: 21px;
}
	.topmenu a {
		display: table;
		width: 100%;
		margin-bottom: 8px;
	}
	.topmenu a img {
		margin-bottom: -3px;
		box-shadow: 2px 1px 2px #ccc;
	}

/*---------- p ----------*/
.b1 {
	font-weight: bold;
	margin: 12px 0 0;
}
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold!important;
}
.black {
	color: #333;
}
.red {
	color: #f00;
}
.redb {
	color: #f00;
	font-weight: bold;
}
.yellow {
	color: #ff0;
}
.white {
	color: #fff;
}
.orange {
	color: #e80;
}
.green {
	color: #080;
}
.brown {
	color: #800;
}
.purple {
	color: #508
}
.font6 {
	font-size: 6pt;
}
.font7 {
	font-size: 7pt;
}
.font8 {
	font-size: 8pt;
}
.font9 {
	font-size: 9pt;
}
.font10 {
	font-size: 10pt;
}
.font11 {
	font-size: 11pt;
}
.font12 {
	font-size: 12pt;
}
.font13 {
	font-size: 13pt;
}
.font13-5 {
	font-size: 13.5pt!important;
}
.font14 {
	font-size: 14pt!important;
}
.font16 {
	font-size: 16pt!important;
}
.font_px14 {
	font-size: 14px!important;
}
.centerb{
	text-align: center;
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.lt {
	text-decoration: line-through;
}
.ffamily {
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
.lspace2 {
	letter-spacing: 2px;
}
.box {
	margin: auto 0;
	border: solid 2px #000;
	padding: 0.5em 8px;
}
.lineh_em1 {
	line-height: 1em!important;
}
.character {
	background: #a02;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4em;
	margin: 16px 0 0;
	padding: 0.2em 0 0 1em!important;
	text-shadow: 1px 1px 1px #000, 1px 0px 1px #000, 0px 1px 1px #000, -1px -1px 1px #000, -1px 0px 1px #000, 0px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 2px 2px 4px #220;
}
.character2 {
	color: #b36;
	font-size: 140%;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.2em;
	padding: 1px 0 1px 1em;
	letter-spacing: 0.2em;
	text-decoration: none;
}
.enclose_red {
	border: solid 1px #f00;
	padding: 0 4px;
}
.enclose_black {
	border: solid 1px #000;
	padding: 0 4px;
}

/*---------- img ----------*/
.center90 {
	display: block;
	width: 90%;
	margin: auto;
}
.center70 {
	display: block;
	width: 70%;
	margin: auto;
}
.right25 {
	float: right;
	width: 25%;
}
.left30 {
	float: left;
	width: 30%;
}
.right30 {
	float: right;
	width: 30%;
}
.left40 {
	float: left;
	width: 40%;
}
.right40 {
	float: right;
	width: 40%;
}
.w-per50 {
	width: 50%;
}
.lead {
	width: 98%;
	margin: 0 1% 8px;
	box-shadow: 2px 1px 2px #aaa;
	border-radius: 8px;
}
.lead2 {
	width: 98%;
	margin: 8px 1%;
	box-shadow: 3px 3px 4px #777;
	border-radius: 8px;
}
.lead3 {
	display: block;
	width: 88%;
	margin: 48px 6% 8px;
	box-shadow: 3px 3px 4px #777;
	border-radius: 8px;
}
.newman1 {
	margin-top: -3px;
}
.hiroba {
	float: left;
	width: 10%;
	margin: 0 16px 0 32px;
}
.half {
	float: left;
	width: calc(50% - 2.3%);
	margin: 8px .3% 36px 2%;
	padding:0;
}

.half2 {
	float: left;
	width: calc(50% - 2.3%);
	margin: 8px 2% 36px .3%;
	padding:0;
}

/*---------- div ----------*/
.neobox {
	clear: both;
	width: 96%;
	margin: 0 2% 16px;
	background: #ffd;
	border: double 3px #000;
	padding: 8px;
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
.neokoe {
	overflow: hidden;
	width: 96%;
	margin: 8px 2% 0;
	background: #ffd;
	border: solid 1px #000;
	padding: 8px;
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
	.neokoe div.kao {
		float: left;
		width: 15%;
		margin: 0 0 -30000px;
		padding: 0 0 30000px;
	}
	.neokoe div.koe {
		float: right;
		width: 85%;
		margin: 0 0 -30000px;
		padding: 0 8px 30000px;
	}
.neotoku {
	width: 100%;
	margin: 24px 0 16px;
	background: #006;
	padding: 8px;
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
	.neotoku div {
		width: 100%;
		margin: 4px 0 0;
		background: #fff;
		padding: 4px;
		font-family: 'ＭＳ Ｐゴシック',sans-serif;
	}
.flex {
	display: flex;
}
.width95_ml5 {
	width: 95%;
	margin-left: 5%;
}
/*---------- a ----------*/
.kzlinkbutton {
	display: block;
	width: 98%;
	margin: 12px 1%;
	background: #cfb;
	background: -moz-linear-gradient(top,  #cfb 0%, #fff 50%, #cfb 100%);
	background: -webkit-linear-gradient(top,  #cfb 0%,#fff 50%, #cfb 100%);
	background: linear-gradient(to bottom,  #cfb 0%,#fff 50%, #cfb 100%);
	text-align: center;
	line-height: 4.8em;
	font-weight: bold;
	border: solid 1px #0a8;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #777;
}

.kuma_qa1 div a,
.indexbutton {
	display: block;
	width: 90%;
	margin: 12px 5%;
	background: #cfb;
	background: -moz-linear-gradient(top,  #eee 0%, #fff 50%, #ddd 100%);
	background: -webkit-linear-gradient(top,  #eee 0%,#fff 50%, #ddd 100%);
	background: linear-gradient(to bottom,  #eee 0%,#fff 50%, #ddd 100%);
	text-align: center;
	line-height: 2.4em;
	color: #000;
	text-decoration: none;
	border: solid 1px #ccc;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #777;
}
.indexbutton {
	letter-spacing: 2px;
	text-align: left;
	padding-left: 3.4em;
	font-size: 80%;
	font-weight: bold;
	line-height: 2em;
	margin-top: 8px;
	margin-bottom: 8px;
}
		.indexbutton:before {
			counter-increment: number;
			content: "・";
			margin-left: -2.3em;
		}
.kuma_qa1 div a {
	line-height: 1.2em;
	font-size: 80%;
	text-align: left;
	padding: 6px 6px 6px 3.4em;
}
		.kuma_qa1 div a:before {
			counter-increment: number;
			content: "Ｑ"counter(number)".";
			margin-left: -2.3em;
		}
.hirobamenu {
	display: block;
	width: 98%;
	height: 40px;
	margin: 8px auto;
	padding: 0 4px 0 8px;
	line-height: 40px;
	font-size: 11pt;
	border: #eee solid 1px;
	border-radius: 16px;
	box-shadow: 2px 1px 2px #ddd
}
.hirobamenu2 {
	display: block;
	width: 98%;
	height: 40px;
	margin: 8px auto;
	padding: 0 12px 0 8px;
	line-height: 1.2em;
	font-size: 11pt;
	border: #eee solid 1px;
	border-radius: 16px;
	box-shadow: 2px 1px 2px #ddd
}
	.hirobamenu img, .hirobamenu2 img {
		float: left;
		width: 38px;
		margin: 0 4px 0 0;
		border-radius: 8px;
	}
	.hirobamenu box {
		float: right;
		width: calc(100% - 58px);
		height: 38px;
		margin: 0 4px 0 0;
		border-radius: 8px;
	}
	.hirobamenu2 box {
		float: right;
		width: calc(100% - 58px);
		height: 38px;
		margin: 0 4px 0 0;
		padding-top: 3px;
		border-radius: 8px;
	}
.a1 {
	display: block;
	width: 100%;
	line-height: 1.2em;
	margin: 16px auto;
	padding: 8px 0 12px;
	text-align: center;
	color: #e00;
	font-weight: bold;
	font-size: 14px;
	border: solid 1px #ccc;
	border-radius: 4px;
	background: #ff3;
}
/*---------- ul ----------*/
.mbutton3 {
	clear: both;
	overflow: hidden;
	background: #ddd;
	background: -moz-linear-gradient(top,  #fefefe 0%, #ddd calc( 100% - 3px ), #999 calc( 100% - 2px ), #777 100%);
	background: -webkit-linear-gradient(top,  #fefefe 0%,#ddd  calc( 100% - 3px ), #999 calc( 100% - 2px ), #777 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#ddd  calc( 100% - 3px ), #999 calc( 100% - 2px ), #777 100%);
	margin: 8px 0 2px;
	padding-bottom: 8px;
}
	.mbutton3 div {
		float: left;
		width: calc( ( 100% - 32px ) / 3 );
	}
	.mbutton3 div.naka {
		width: calc( ( ( 100% - 32px ) / 3 ) + 32px );
		border-left: solid 16px #fff;
		border-right: solid 16px #fff;
		margin: 0 0 -30000px;
		padding: 0 0 30000px;
	}
	.mbutton3 div a,.mbutton3 div.naka a {
		display: block;
		margin: 0 0 -30000px;
		padding: 8px 8px 30000px;
		line-height: 1.5em;
		width: calc( 100% - 2px );
		font-weight: bold;
		font-size: 90%;
		box-shadow: 2px 0 2px #777;
		letter-spacing: -1px;
		text-align: center;
		border-top: inset 1px rgba(254,254,254,0.15);
	}
	.mbutton3 div.none {
		background: #fff;
		margin: 0 0 -30000px;
		padding: 8px 8px 30000px;
	}
	.mbutton3 div.nakanone {
		background: #fff;
		width: calc( ( ( 100% - 32px ) / 3 ) * 2 + 32px );
		border-left: solid 16px #fff;
		border-right: solid 16px #fff;
		margin: 0 0 -30000px;
		padding: 0 0 30000px;
	}
.tokucho{
	margin: 0 16px auto;
	font-size: 14pt;
	list-style-type: none;
}
	.tokucho li{
		line-height: 1.2em;
		padding-top: 0.9em;
		padding-left: 36px;
		background: url(../../img/checkmark.png) no-repeat left top;
		background-size: 1.2em;
		background-position: 10px 10px;
	}
	.tokucho li:first-child{

	}
.hosho {
	list-style: circle;
	margin-left: 32px;
}
.hosho li {
	margin: 8px;
}
.advice {
	counter-reset: number;
	list-style: none;
	margin: 0;
	padding: 0;
}
	.advice li {
		margin: 8px;
		line-height: 1.5em;
		padding-left: 3em;
	}
		.advice li:before {
			counter-increment: number;
			content: "※"counter(number)"．";
			margin-left: -2.6em;
			color: #f00;
			font-weight: bold;
		}
.advice2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.advice2 li {
		margin: 8px;
		line-height: 1.5em;
		padding-left: 3em;
	}
		.advice2 li:before {
			counter-increment: number;
			content: "※"counter(number)"．";
			margin-left: -2.6em;
			color: #f00;
			font-weight: bold;
		}
/*---------- background ----------*/
.bg_ffc {
	background: #ffc;
}
/*---------- border ----------*/
.border_333-px1 {
	border: solid 1px #333;
}
/*---------- cart ----------*/

#cart, #cart2 {
	background: #f30;
	margin: 32px 0;
	padding-bottom: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#cart h2, #cart p.sdfjka {
	background: #000;
	border: solid 8px #ff0;
	text-align: center;
	padding: 6px 4px 2px;
	line-height: 2em;
	color: #fff;

}
	#cart div,#cart2 div {
		background: #eee;
		width: calc( 100% - 16px );
		margin: 0 8px;
	}
	#cart div.shita0,#cart2 div.shita0 {
		margin-bottom: 0;
	}
	#cart div.ueshita0_8,#cart2 div.ueshita0_8 {
		margin-bottom: 0;
		padding-top: 8px;
		background: #800;
		background: -moz-linear-gradient(top,  #800 0%, #800 40%, #eee 60%, #eee 100%);
		background: -webkit-linear-gradient(top,  #800 0%,#800 40%, #eee 60%, #eee 100%);
		background: linear-gradient(to bottom,  #800 0%,#800 40%, #eee 60%, #eee 100%);
	}
		#cart div div.cartpart,#cart2 div div.cartpart {
			overflow: hidden;

		}
			#cart div div.cartpart div.cartleft,#cart2 div div.cartpart div.cartleft {
				float: left;
				overflow: visible;
				width: 30%;
				margin: 0 0;
				padding: 0 0;
			}
				#cart div div.cartpart div.cartleft img,#cart2 div div.cartpart div.cartleft img {
					width: calc( 100% - 8px );
					margin: 4px;
					border: solid 1px #000;
				}
			#cart div div.cartpart div.cartright,#cart2 div div.cartpart div.cartright {
				float: right;
				overflow: visible;
				width: 70%;
				margin: 0 0;
				padding: 0 0;
				font-weight: bold;
			}
				#cart div div.cartpart div.cartright form,#cart2 div div.cartpart div.cartright form {
					margin:0 8px;
				}

.cart212 {
	background: #f30;
	margin: 8px 0;
	padding-bottom: 1px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.cart212 h2 {
	background: #000;
	border: solid 8px #ff0;
	text-align: center;
	padding: 6px 4px 2px;
	line-height: 2em;
	color: #fff;

}
	.cart212 div {
		background: #eee;
		width: calc( 100% - 16px );
		margin: 0 8px;
	}
	.cart212 div.shita0 {
		margin-bottom: 0;
	}
	.cart212 div.ueshita0_8 {
		margin-bottom: 0;
		padding-top: 8px;
		background: #800;
		background: -moz-linear-gradient(top,  #800 0%, #800 40%, #eee 60%, #eee 100%);
		background: -webkit-linear-gradient(top,  #800 0%,#800 40%, #eee 60%, #eee 100%);
		background: linear-gradient(to bottom,  #800 0%,#800 40%, #eee 60%, #eee 100%);
	}
		.cart212 div div.cartpart {
			overflow: hidden;

		}
			.cart212 div div.cartpart div.cartleft {
				float: left;
				overflow: visible;
				width: 30%;
				margin: 0 0;
				padding: 0 0;
			}
				.cart212 div div.cartpart div.cartleft img {
					width: calc( 100% - 8px );
					margin: 4px;
					border: solid 1px #000;
				}
			.cart212 div div.cartpart div.cartright {
				float: right;
				overflow: visible;
				width: 70%;
				margin: 0 0;
				padding: 0 0;
				font-weight: bold;
			}
				.cart212 div div.cartpart div.cartright form {
					margin:0 8px;
				}

form {
	margin: 0 8px;
}
ul.faladskg {
	list-style-type: none;
	display:table;
	margin: 0 0 4px 3.8em;
}
	ul.faladskg li {
		line-height: 1.4em;
	}
	ul.faladskg li:before {
				content: 'セット内容:';
				margin-left: -5.55em;
	}
ul.faladskg2 {
	list-style-type: none;
	display:table;
	margin: 0 0 4px 4.3em;
}
	ul.faladskg2 li {
		line-height: 1.4em;
	}
	ul.faladskg2 li:before {
				content: 'セット内容:';
				margin-left: -5.48em;
	}
	#cart div.cartbanner,#cart2 div.cartbanner {
		width: 100%;
		background: #fff;
		margin: 0;
	}
		#cart div.cartbanner img {
			margin-bottom: 16px;
		}
select {
-webkit-appearance: none;
	height: 3em;
	display: block;
	width: 100%;
	padding-left: 4px;
	background: #fff;
	margin: 0 auto;
	border: solid 1px #000;
	border-radius: 4px;
}
.cartbutton {
-webkit-appearance: none;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #f00;
	margin-top: 4px;
	padding: 9px 16px 7px;
	border-radius: 4px;
	border: solid 1px #000;
}
.cartnaiyou {
	margin: 0 16px;
	padding: 0 0 8px;
}
.borderb {
	border-bottom: solid 1px #999;
}

	div.hyou {
		border-bottom: solid 1px #000;
	}
		div.hyou div.table {
			background: #fff;
			overflow: hidden;
			width: 100%;
			margin: 0;
			padding: 0;
		}
			div.hyou div.table div.table-left {
				float: left;
				background: #ffc;
				width: 32%;
				margin: 0 0 -30000px;
				padding: 0 0 30000px;
				border: solid 1px #000;
			}
				div.hyou div.table div.table-left p {
					margin: 5px 4px 4px;
					color: #000;
					
					font-size: 10pt;
					font-weight: bold;
					line-height: 1.2em;
				}
			div.hyou div.table div.table-right {
				float: right;
				background: #fff;
				width: 68%;
				margin: 0 0 -30000px;
				padding: 0 0 30000px;
				border: solid 1px #000;
				border-left: none;
			}
				div div.table div.table-right p {
					margin: 5px 4px 4px;
					color: #000;
					font-size: 10pt;
					line-height: 1.2em;
				}
				 div div.table div.table-right p.no2 {
					margin: 8px 4px 4px;
					color: #000;
					
					font-size: 10pt;
					line-height: 1.2em;
				}
#cart3 {
	background: #d20;
	border: solid 8px #ff0;
	text-align: center;
	padding: 6px 4px 2px;
	line-height: 2em;
	color: #fff;
}
.flex_c {
	display: flex;
}
.flex_c div {
	display: block;
	background:#ccc;
	margin: 3px 3px;
	padding: 8px;
}
.flex_c div img {

}
.flex_c div p {
	margin: 0;
	padding: 0;
	line-height: 12pt;
}
.cartbutton2 {
	width: 80%;
	margin: 0 10%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #f00;
	padding: 7px 14px 5px 18px;
	letter-spacing: 2px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #000;
	border:solid 1px #000;
	cursor: pointer;
}
	@media(max-width:480px){
		.cartbutton2 {
			font-size: 12px;
			letter-spacing: 0;
		}
	}
/*---------- 高さを揃える ----------*/
.onajitakasa4_6 {
	clear: both;
	overflow: hidden;
}
	.onajitakasa4_6 div.left {
		float: left;
		width: 40%;
		margin: 0 0 -30000px;
		padding: 0 0 30000px;
	}
	.onajitakasa4_6 div.right {
		float: right;
		width: 60%;
		margin: 0 0 -30000px;
		padding: 0 0 30000px;
	}
/*---------- navi ----------*/
.navi {
	display: block;
	width:100%;
	text-align: center;
	font-size: 10pt;
	margin: 48px auto ;
}
	.navi a {
		display: block;
		float: left;
		width: 60px;
		margin: 0 calc(((100% / 3) - 60px) / 2);
	}
	.navi img {
		display: block;
		width: 60px;
		margin: 0 auto 48px;
	}
		.navi img.hashi {
			width: auto;
			margin: 0;
		}
/*---------- counter ----------*/
.counter, .counter2 {
	clear: both;
	text-align: center;
	font-size: 10pt;
	margin: 48px auto 0;
}
	.counter img, .counter2 img {
		width: auto;
	}
/*---------- iframe ----------*/
.autoHeight {
	width: 100%;
	box-sizing: content-box;
	overflow: hidden;
}
.height300 {
	box-sizing: border-box;
	width: calc(100% - 4px);
	height: 300px;
	overflow: hidden;
	margin:8px 0 0;
}
.i-board {
	box-sizing: border-box;
	width: 100%;
	margin:8px 0 0;
}
/*---------- hiroba ----------*/
div.hiroba {
	display: table;
	width: 100%;
	margin: 8px 0;
	padding: 0 16px;
	/*background: #fff;*/
	border-radius: 8px;
}
div.hiroba a {
	display: table;
	width: 100%;
	font-weight: bold;
	line-height: 1em;
	margin: 16px 0;
	padding: 8px 8px 8px 48px;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 1px 1px 4px #777;
	background-size: 32px auto;
}
div.hiroba a.douga2 {
	width: 98%;
	margin: 8px  1% 8px 3%;
	padding: 0;
	box-shadow: none;
}
div.hiroba a span {
	font-weight: 200;
	font-size: 9pt;
}
.henpin {
	background: url('../../img/hiroba/henpin.jpg') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.size_z {
	background: url('../../img/hiroba/size_z.png') no-repeat 8px 2px;
}
.size_neo {
	background: url('../../img/hiroba/size_neo.png') no-repeat 8px 6px;
}
.lose_z {
	background: url('../../img_z/z_iv60.png') no-repeat 8px 2px;
}
.lose_neo {
	background: url('../../img_neo/neo_bk60.png') no-repeat 8px 6px;
}
.contact {
	background: url('../../img/hiroba/contact.png') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.zoudai {
	background: url('../../img/hiroba/zoudai.png') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.penis-training {
	background: url('../../img/hiroba/penis-training.jpg') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.faq {
	background: url('../../img/hiroba/faq.png') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.faq2 {
	background: url('../../img/hiroba/hiroba.png') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.manual {
	background: url('../../img/hiroba/manual.png') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.parts {
	background: url('../../img/hiroba/parts.png') no-repeat 8px 2px;
	line-height: 1.5em!important;
}
.support {
	background: url('../../img/hiroba/support.png') no-repeat 4px 4px;
	background-size: 40px auto!important;
	line-height: 1.2em!important;
	padding-right: 16px!important;
}
.yellow-marker {
	float: right;
	background: #ffa;
	padding: 7px 8px 5px 10px;
	margin: 2px 2px auto auto;
	font-size: 160%;
	border-radius: 6px;
	transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-webkit-transform: rotate(-8deg);
}

.kabulink2 {
	display: table;
	width: 90%;
	margin: 16px auto 24px;
}
	.kabulink2 a {
		float: left;
		display: block;
		width: calc((100% / 2) - 8px);
		height: 3em;
		margin: 4px;
		padding-top: 0.65em;
		color: #111;
		font-weight: bold;
		text-shadow: 2px 2px 2px #fff;
		text-align: center;
		text-decoration: none;
		background: rgba(230, 255, 200, 0.4);
		border: outset 2px #777;
		border-radius: 4px;
		box-shadow: 2px 2px 2px #777;
	}
	.kabulink2 a.wide {
		width: calc(100% - 8px);
	}
/*---------- 動画 ----------*/
.douga{
	box-sizing: border-box;
	margin: auto 1% auto 3%;
	width: 98%;
	border-radius:10px;
	border-top: solid 3px #000;
	border-left: solid 3px #000;
	border-right: solid 5px #000;
	border-bottom: solid 5px #000;
	-webkit-box-shadow: 1px 1px 3px 0px #999;
	-moz-box-shadow: 1px 1px 3px 0px #999;
	box-shadow: 1px 1px 3px 0px #999;
}
/*---------- SNS ----------*/
.sns {
	clear: both;
	display: block;
	width: 100%;
}
.sns a {
	display: block;
	width: calc( 100% / 6);
	float: left;
	padding: 3%;
    margin-top: -12px;
    margin-bottom: 48px;
}
.sns a img {
	display: block;
}
/*--- cartpart__Neo --------------------------------------------------*/
#cartpart {
	clear: both;
	margin: 56px 0;
}
#cartpart h2, #cartpart h3, #cartpart h4, #cartpart h5, #cartpart h6 {
	text-align: center;
	color: #fff;
	background: #f00;
	border: solid 6px #ff0;
	padding: 16px 0 12px;
}
#cartpart p {
	margin: 12px 16px;
	line-height: 2em;
}
#cartpart input[type="submit"] , #cartpart p span {
	width: 80%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #f00;
	padding: 7px 14px 5px 18px;
	letter-spacing: 2px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #000;
	border:solid 1px #000;
	cursor: pointer;
}
	#cartpart input[type="submit"] {
		display: block;
		margin: 8px auto 12px;
	}
	#cartpart p span {
		margin: 0 8px 0 6px;
	}
	#cartpart p span.nowrap {
		margin: 0;
		font-weight: normal;
		color: #000;
		background: none;
		padding: 0;
		letter-spacing: 0;
		box-shadow: none;
		border: none;
		cursor: default;
		font-size: 16px;
	}


#cartpart div {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border: solid 2px #000;
}
	#cartpart div div {
		display: table;
		float: left;
		width: 100%;
		border: solid 2px #000;
		box-sizing: border-box;
	}
		#cartpart div div div {
			display: table;
			width: 50%;
			float:left;
			border: dotted 1px #777;
			box-sizing: border-box;
		}
			#cartpart div div div img {
				box-sizing: border-box;
				padding: 16px;
			}
			#cartpart div div div p {
				padding: 0;
				margin: 8px 0;
				line-height: 1em;
				text-align: center;
			}
			#cartpart div div div:nth-child(3) {
				width: 100%;
				background: #cff;
				padding: 0;
			}
			#cartpart div div:nth-child(3) div:nth-child(3),
			#cartpart div div:nth-child(4) div:nth-child(3) {
				width: 100%;
				background: #ffd;
				padding: 0;
			}
			#cartpart div div:nth-child(5) div:nth-child(3),
			#cartpart div div:nth-child(6) div:nth-child(3) {
				width: 100%;
				background: #eee;
				padding: 0;
			}

/*--- cartpart2__Z/Z�U/ウェイト --------------------------------------------------*/
#cartpart2, .cartpart2 {
	clear: both;
	margin: 56px 0;
}
#cartpart2 h2, #cartpart2 h3, #cartpart2 h4, #cartpart2 h5, #cartpart2 h6 {
	text-align: center;
	color: #fff;
	background: #f00;
	border: solid 6px #ff0;
	padding: 16px 0 12px;
	font-size: 12pt;
}
#cartpart2 p, .cartpart2 p {
	margin: 12px 16px;
	line-height: 2em;
}
#cartpart2 input[type="submit"] , #cartpart2 p span,
.cartpart2 input[type="submit"] , .cartpart2 p span {
	width: 80%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #f00;
	padding: 7px 14px 5px 18px;
	letter-spacing: 2px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #000;
	border:solid 1px #000;
	cursor: pointer;
}
	#cartpart2 input[type="submit"], .cartpart2 input[type="submit"] {
		display: block;
		margin: 8px auto 12px;
	}
	#cartpart2 p span, .cartpart2 p span {
		margin: 0 8px 0 6px;
	}
	#cartpart2 p span.nowrap, .cartpart2 p span.nowrap {
		margin: 0;
		font-weight: normal;
		color: #000;
		background: none;
		padding: 0;
		letter-spacing: 0;
		box-shadow: none;
		border: none;
		cursor: default;
		font-size: 16px;
	}


#cartpart2 div, .cartpart2 div {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border: solid 2px #000;
}
	#cartpart2 div div, .cartpart2 div div {
		display: table;
		float: left;
		width: 100%;
		border: solid 2px #000;
		box-sizing: border-box;
	}
		#cartpart2 div div div, .cartpart2 div div div {
			display: table;
			width: 50%;
			float:left;
			border: dotted 1px #777;
			box-sizing: border-box;
		}
			#cartpart2 div div div img, .cartpart2 div div div img {
				box-sizing: border-box;
				padding: 16px;
			}
			#cartpart2 div div div p, .cartpart2 div div div p {
				padding: 0;
				margin: 8px 0;
				line-height: 1em;
				text-align: center;
			}
			#cartpart2 div div div:nth-child(3), .cartpart2 div div div:nth-child(3) {
				width: 100%;
				background: #cff;
				padding: 0;
			}
			#cartpart2 div div:nth-child(3) div:nth-child(3),
			#cartpart2 div div:nth-child(4) div:nth-child(3),
			.cartpart2 div div:nth-child(3) div:nth-child(3),
			.cartpart2 div div:nth-child(4) div:nth-child(3) {
				width: 100%;
				background: #cfd;
				padding: 0;
			}
			#cartpart2 div div:nth-child(5) div:nth-child(3),
			#cartpart2 div div:nth-child(6) div:nth-child(3),
			.cartpart2 div div:nth-child(5) div:nth-child(3),
			.cartpart2 div div:nth-child(6) div:nth-child(3)  {
				width: 100%;
				background: #dfc;
				padding: 0;
			}
			#cartpart2 div div:nth-child(7) div:nth-child(3),
			#cartpart2 div div:nth-child(8) div:nth-child(3),
			.cartpart2 div div:nth-child(7) div:nth-child(3),
			.cartpart2 div div:nth-child(8) div:nth-child(3)  {
				width: 100%;
				background: #ffd;
				padding: 0;
			}
			#cartpart2 div div:nth-child(9) div:nth-child(3),
			#cartpart2 div div:nth-child(10) div:nth-child(3),
			.cartpart2 div div:nth-child(9) div:nth-child(3),
			.cartpart2 div div:nth-child(10) div:nth-child(3) {
				width: 100%;
				background: #feb;
				padding: 0;
			}
			#cartpart2 div div:nth-child(11) div:nth-child(3),
			#cartpart2 div div:nth-child(12) div:nth-child(3)
			.cartpart2 div div:nth-child(11) div:nth-child(3),
			.cartpart2 div div:nth-child(12) div:nth-child(3) {
				width: 100%;
				background: #fd9;
				padding: 0;
			}
/*--- cartpart3__ウェイト(錘) --------------------------------------------------*/
#cartpart3 {
	margin: 56px 0;
}
#cartpart3 h2 {
	text-align: center;
	color: #fff;
	background: #f00;
	border: solid 6px #ff0;

	padding: 16px 0 12px;
}
#cartpart3 input[type="submit"] {
	width: 80%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #f00;
	padding: 7px 14px 5px 18px;
	letter-spacing: 2px;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #000;
	border:solid 1px #000;
	cursor: pointer;
}
	#cartpart3 input[type="submit"] {
		display: block;
		margin: 8px auto 12px;
	}
#cartpart3 div {
	display: table;
	width: 100%;
	margin-top: 16px;
	box-sizing: border-box;
	border: solid 2px #000;
}
	#cartpart3 div div {
		display: table;
		float: left;
		width: 100%;
		margin-top: 0;
		border: solid 2px #000;
		box-sizing: border-box;
	}
		#cartpart3 div div div {
			display: table;
			width: 50%;
			float:left;
			border: dotted 1px #777;
			box-sizing: border-box;
		}
			#cartpart3 div div div img {
				box-sizing: border-box;
				padding: 16px;
			}
			#cartpart3 div div div p {
				padding: 0;
				margin: 8px 0;
				line-height: 1em;
				text-align: center;
			}
			#cartpart3 div div div:nth-child(3) {
				width: 100%;
				background: #ffd;
				padding: 0;
			}
			#cartpart3 div div div:nth-child(8) {
				width: 50%;
				background: #ffd;
				padding: 0;
			}
			#cartpart3 div div div:nth-child(9) {
				width: 50%;
				background: #fd9;
				padding: 0;
			}
			#cartpart3 div div div:nth-child(7) {
				border-top: solid 2px #000;
			}
			#cartpart3 div div div:nth-child(7), #cartpart3 div div div:nth-child(9), #cartpart3 div div div:nth-child(11) {
				border-left: solid 2px #000;
			}
/*			#cartpart3 div div div:nth-child(10) {
				border-left: solid 2px #000;
			}
			#cartpart3 div div div:nth-child(7) p, #cartpart3 div div div:nth-child(8) p,
			#cartpart3 div div div:nth-child(9) p, #cartpart3 div div div:nth-child(10) p {
				line-height: 1.2em!important;
			}

*/
/*---------- サイトマップ ----------*/

.sitemap h2 {
	background: #CFA972;
	color: #fff;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1em;
	padding: 9px 8px 7px;
}
.sitemap ul li {
	display: block;
	width: calc(100% - 8%);
	margin: 16px 4%;
	color: #111;
	text-shadow: 2px 2px 2px #fff;
	text-decoration: none;
	border-radius: 8px;
	box-shadow: 2px 2px 6px #ddd;
}
.sitemap ul li a {
	display: block;
	color: #111;
	text-decoration: none;
	height: 2em;
	padding-top: 0.65em;
	padding-left:1.8em;
}
.sitemap ul li:last-child {
	margin-bottom: 32px;
}
/*---------- 商品一覧 ----------*/
.item_link {
	width: 96%;
	list-style: none;
	margin: 16px auto 24px;
	line-height: 58px;
	font-weight: bold;
}
	.item_link li {
		border-bottom: dotted 2px #ccc;
	}
	.item_link li:first-child {
		border-top: dotted 2px #ccc;
	}
	.item_link a {
		display: block;
		width: 100%;
	}
	.item_link img{
		float: left;
		width: 50px;
		margin: 4px 12px;
	}
.m-t_b0816 {
	margin-top: 8px!important;
	margin-bottom: 16px!important;
}
.shousailink {
	display: block;
	width: 90%;
	margin: 0 auto 8px;
	padding: 4px;
	font-size: 12px;
	text-align: center;
	color: #000;
	text-decoration: none;
	box-shadow: 1px 1px 2px #aaa;
	background-color: #def;
	border: outset 1px #fff;
	border-radius: 4px;
}
.w50 {
	width:50%!important;
	clear: both;
}
.noborder {
	border: none!important;
}
/*--- video ---------------------------------------------------*/
video.introduce {
	display: block;
	width: calc(100% - 2em);
	margin: 16px auto 24px;
	border-radius: 4px;
}

/*--- ハンバーガーメニュー ---------------------------------------------------*/
/*--アイコン用css--*/
.menu-btn {
    position: fixed;
    top: 8px;
    right: 8px;
    display: flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #fff;
    border-radius: 4px;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 20px;
    border-radius: 3px;
    background-color: #333;
    position: absolute;
}
.menu-btn span:before {
    bottom: 6px;
}
.menu-btn span:after {
    top: 6px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
/*--メニュー部分用css--*/
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 50%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
/*---------- 商品一覧へのリンクボタン----------*/
#itemlist {
	display: block;
	width: 80px;
	height: 50px;
	position: fixed;
	bottom: 15px;
	right: 8px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border-radius:10px;
	border:1px solid #111;
	background: rgb(17, 78, 1);
	text-align: center;
	filter: alpha(opacity=7);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#itemlist a {
	width: 78px;
	height: 120px;
	border-radius: 10px;
	margin-top: 4px;
	margin-right: 10px;
	color: #fff;
	text-decoration:none;
	display: block;
	text-decoration: none;
	padding-top: 18px;
	padding-bottom: 0;
	margin-bottom: 0;
	height: auto;
	overflow: hidden;
	background: url(../img/itemlist.png) no-repeat center 0;
	font-size: 12px;
	text-align: center;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*---------- pagetopへのリンクボタン----------*/
#totop {
	display: block;
	width: 80px;
	height: 50px;
	position: fixed;
	bottom: 55px;
	right: 8px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border-radius:10px;
	border:1px solid #111;
	background: rgb(78, 78, 78);
	text-align: center;
	filter: alpha(opacity=7);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#totop a {
	width: 78px;
	height: 120px;
	border-radius: 10px;
	margin-top: 4px;
	margin-right: 10px;
	color: #fff;
	text-decoration:none;
	display: block;
	text-decoration: none;
	padding-top: 18px;
	padding-bottom: 0;
	margin-bottom: 0;
	height: auto;
	overflow: hidden;
	background: url(../img/totop.png) no-repeat center 0;
	font-size: 12px;
	text-align: center;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*--- table of contents ---------------------------------------------------*/
.toc {
	width: 96%;
	margin: 24px auto 0;
	padding: 5px 12px 7px;
	border: 1px solid #aaa;
	background-color: #ffe;
	color: #333;
	border-radius: 8px;
	font-size: 12px;
}
.toc summary {
	margin-bottom: 0;
	padding-bottom: 0;
}
.toc ul {
	width: 100%;
	padding: 4px 10px 8px;
	border: 0px solid #777;
	background-color: #ffe;
	box-sizing: border-box;
	list-style: none;
}
.toc ul li {
	position: relative;
	margin-top: 8px;
	margin-left: 0;
	padding: 6px 8px 6px calc(1em + 4px);
	font-size: 12px;
	box-shadow: 1px 1px 0 0 #ffa;
	border-radius: 8px;
}
	.toc ol li:last-child {
		margin-bottom: 8px;
	}

	.toc ul li::before {
		position: absolute;
		top: 50%;
		left: 8px;
		transform: translateY(-50%);
		width: 0px;
		height: 0px;
		margin-top: 1px;
		border: 0.3em solid transparent;
		border-left: 0.4em solid #777;
		content: "";
	}


.toc ul li a {
	text-decoration: none;
	color: #111;
}