@charset "utf-8";


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

	オンライン

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

.online h1 {
	font-size: 140%;
	margin: 10px 0 20px 0;
}
	@media screen and (max-width: 768px) {
  	.online h1 {
			line-height: 120%;
			text-align: center;
			margin: 20px 0 0 0;
		}
	}

.online .category-list a {
	text-decoration: none;
}

.online dl.category-list {
	margin: 0 0 5% 0;
	overflow: hidden;
}
	@media screen and (max-width: 768px) {
  	.online dl.category-list {
  		width: 80%;
  		margin: 0 auto 10% auto;
		}
	}

.online dl.category-list dt {
	clear: both;
	font-size: 120%;
	font-weight: bold;
	padding: 2% 0 2% 0;
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: left; /* 水平中心 */
}
	@media screen and (max-width: 768px) {
  	.online dl.category-list dt {
  		font-size: 90%;
  		padding: 7% 0 3% 0;
		}
	}

.online dl.category-list dt:before, .catch:after {
	border-top: 1px solid;
	content: "";
	width: 1em;
}

.online dl.category-list dt:before {
	margin-right: 1em;
}

.online dl.category-list dt a {
	color: #0E5234;
}

.online dl.category-list dd a {
	float: left;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	width: 24%;
	margin: 0 1% 1% 0;
	padding: 2% 1%;
	background: #EEE;
	box-sizing: border-box;
}
	@media screen and (max-width: 768px) {
  	.online dl.category-list dd a {
  		display: block;
  		float: none;
  		font-size: 80%;
  		width: 100%;
  		padding: 2% 1%;
  		margin: 0 0 1% 0;
		}
	}

.online dl.category-list dd a:hover {
	color: #FFF;
	background: #0E5234;
	transition: 1s;
}

.online dl.category-list dd a img {
	width: 100%;
}

.online .tsukurite-list {
	display: flex;
  flex-wrap: wrap;
  text-align: center;
  column-gap: 0.2%;
  row-gap: 2px;
  font-size: 90%;
  margin-top: 20px;
}

.online .tsukurite-list .listbox {
  font-size: 95%;
  font-weight: bold;
  line-height: 160%;
  width: 22.8%;
  padding: 1% 1% 2% 1%;
  background: #EEE;
}

.online .tsukurite-list .listbox a img {
	width: 100%;
	margin: 0 0 12px 0;
}

.online .tsukurite-list .listbox a span {
	display: block;
	font-size: 75%;
	font-weight: normal;
}




.single-online {
	width: 100%;
	margin: 0 auto 30px auto;
}

.single-online h1 {
	float: left;
	font-size: 140%;
	font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","メイリオ",Meiryo,serif;
	margin: 5px 0 12px 0;
	width: 80%;
}
	@media screen and (max-width: 768px) {
  	.single-online h1 {
	 		float: none;
			font-size: 100%;
			line-height: 160%;
			text-align: center;
			width: 90%;
			margin: 0 auto 5% auto;
		}
	}

.single-online .itemarea {
	float: right;
	font-weight: bold;
	color: #0E5234;
	border: 3px solid #0E5234;
	padding: 2px 20px;
}
	@media screen and (max-width: 768px) {
		.single-online .itemarea {
	 		float: none;
 			font-size: 80%;
 			text-align: center;
 			color: #333;
 			background: none;
 			width: 80%;
 			margin: 6px auto 10px auto;
			padding: 0;
		}
	}

.single-online h2 {
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	margin: 50px 0 20px 0;
}

.single-online .photo-area {
	clear: both;
	overflow: hidden;
}

.single-online .itemphoto {
	float: right;
	width: 70%;
}
	@media screen and (max-width: 1024px) {
		.single-online .itemphoto {
			float: none;
			width: 100%;
		}
	}

.single-online .itemphoto img {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
}

.single-online .itemthumbnail {
	float: left;
	width: 27.7%;
	height: 700px;
	overflow: auto;
	direction: rtl;
	padding: 0 0 0 10px;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemthumbnail {
			float: none;
			width: 100%;
			height: auto !important;
			height: 574px;
			margin: 0 0 20px 0;
			padding: 0;
		}
	}

.single-online .itemthumbnail li {
	float: left;
	width: 48.3%;
	margin: 1px;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemthumbnail li {
			width: 24.47%;
		}
	}

.single-online .itemthumbnail li img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.single-online .itemstory {
	float: right;
	line-height: 180%;
	width: 70%;
	margin: 0 auto 40px auto;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemstory {
			float: none;
			width: 90%;
		}
	}

.single-online .itemstory img {
	margin: 10px 0 30px 0;
}

.single-online .itemstory p em {
	display: block;
	font-size: 80%;
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-align: right;
	line-height: 160%;
	color: #666;
	margin: -8px 0 0 0;
}

.single-online .itemstory .staffvoice {
}

.single-online .itemstory .staffvoice h4 {
	position: relative;
	top: 50px;
	font-size: 160%;
	color: #0E5234;
	text-align: center;
	background: #FFF;
	width: 50%;
	margin: 0 auto;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemstory .staffvoice h4 {
  		font-size: 140%;
  		width: 80%;
		}
	}

.single-online .itemstory .staffvoice .inner {
	width: 90%;
	border-radius: 12px;
	padding: 15px 0 30px 0;
	border: 5px solid #0E5234;
	margin: 40px auto 50px auto;
	overflow: hidden;
}


.single-online .itemstory .staffvoice .icon {
	clear: both;
	width: 120px;
	height: 120px;
	margin: 20px auto 0 auto;
	background: #FFF;
	border: 3px solid #0E5234;
	border-radius: 74px;
	padding: 10px;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemstory .staffvoice .icon {
  		float: none;
  		margin: 20px auto 0 auto;
		}
	}

.single-online .itemstory .staffvoice .icon img {
	width: 100%;
	border-radius: 100px;
}

.single-online .itemstory .staffvoice .comment {
	text-align: center;
	width: 100%;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemstory .staffvoice .comment {
  		width: 100%;
  		margin: 5px 0 0 0;
		}
	}

.single-online .itemstory .staffvoice .comment div {
	position: relative;
  display: inline-block;
  margin: 1.5em auto 1.5em auto;
  padding: 12px 16px;
  min-width: 120px;
  max-width: 100%;
  width: 80%;
  color: #FFF;
  font-size: 90%;
  line-height: 150%;
  background: #0E5234;
  box-sizing: border-box;
  border-radius: 6px;
}
	@media screen and (max-width: 1024px) {
  	.single-online .itemstory .staffvoice .comment div {
  		display: block;
  		font-size: 80%;
  		width: 90%;
  		margin: 0 auto 20px auto;
		}
	}


.single-online .itemstory .staffvoice .comment div:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  z-index: 2;
}

.single-online .itemstory .staffvoice .comment div:after {
  content: "";
  position: absolute;
  top: -26px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #0E5234;
  z-index: 1;
}

.single-online .itemstory .staffvoice .comment div p {
  margin: 0;
  padding: 0;
}

.single-online .spec1,
.single-online .spec2,
.single-online .spec3,
.single-online .spec4,
.single-online .spec5,
.single-online .cart {
	font-size: 95%;
	border: 1px dotted #999;
	padding: 4%;
	margin-bottom: 20px;
}

	@media screen and (max-width: 768px) {
		.single-online .spec1,
		.single-online .spec2,
		.single-online .spec3,
		.single-online .spec4,
		.single-online .spec5 {
			font-size: 85%;
			line-height: 160%;
		}
	}

.single-online .spec1 li,
.single-online .spec2 li,
.single-online .spec3 li,
.single-online .spec4 li,
.single-online .spec5 li {
	font-size: 95%;
	text-indent: -12px;
	margin: 0 0 10px 25px;
}
	@media screen and (max-width: 768px) {
		.single-online .spec1 li,
		.single-online .spec2 li,
		.single-online .spec3 li,
		.single-online .spec4 li,
		.single-online .spec5 li {
			line-height: 180%;
		}
	}

.single-online .spec1 h4,
.single-online .spec2 h4,
.single-online .spec3 h4,
.single-online .spec4 h4,
.single-online .spec5 h4,
.single-online .cart h4{
	font-size: 120%;
	font-weight: bold;
	color: #333;
	margin: 0 0 25px 0;
}

	@media screen and (max-width: 768px) {
		.single-online .spec1 h4,
		.single-online .spec2 h4,
		.single-online .spec3 h4,
		.single-online .spec4 h4,
		.single-online .spec5 h4,
		.single-online .cart h4{
			font-size: 100%;
			margin: 5px 0 10px 0;
		}
	}

.single-online .spec1 dl,
.single-online .spec2 dl,
.single-online .spec3 dl,
.single-online .spec4 dl,
.single-online .spec5 dl {
	margin-bottom: 20px;
}

.single-online .spec1 dt,
.single-online .spec2 dt,
.single-online .spec3 dt,
.single-online .spec4 dt,
.single-online .spec5 dt {
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.single-online .spec1 dd,
.single-online .spec2 dd,
.single-online .spec3 dd,
.single-online .spec4 dd,
.single-online .spec5 dd {
	margin: 0 0 20px 15px;
}
	@media screen and (max-width: 768px) {
		.single-online .spec1 dd,
		.single-online .spec2 dd,
		.single-online .spec3 dd,
		.single-online .spec4 dd,
		.single-online .spec5 dd {
			line-height: 180%;
		}
	}

.single-online .spec1 span,
.single-online .spec2 span,
.single-online .spec3 span,
.single-online .spec4 span,
.single-online .spec5 span {
	display: block;
	margin: 10px 0 0 0;
}

/* ---------- spec1 ---------- */

.single-online .spec1 p {
	line-height: 180%;
	margin: 0;
}

.single-online .spec1 em {
	font-weight: bold;
	color: #b22222;
}

/* ---------- spec1 ---------- */

/* ---------- spec2 ---------- */

.single-online .spec2 table {
	line-height: 125%;
	width: 100%;
	margin: 0 auto;
}
	@media screen and (max-width: 768px) {
		.single-online .spec2 table {
			font-size: 90%;
		}
	}


.single-online .spec2 table th {
	text-align: center;
	color: #FFF;
	background: #333;
	border: 1px solid #CCC;
	padding: 12px 8px;
}

.single-online .spec2 table td.title {
	text-align: left;
	width: 31%;
	background: #EEE;
}

.single-online .spec2 table td {
	text-align: left;
	border: 1px solid #CCC;
	padding: 12px 8px;
	background: #FFF;
	width: 23%
}

.single-online .spec2 table td span {
	font-size: 85%;
}

.single-online .spec2 table td.title {
	text-align: left;
	width: 30%;
	background: #EEE;
}

.single-online .spec2 table th {
	text-align: left;
	color: #FFF;
	background: #333;
	border: 1px solid #CCC;
	padding: 12px 8px;
}

/* ---------- spec2 ---------- */

/* ---------- cart ---------- */

.single-online .cart-bottom {
	margin: 40px 0 0 0;
}

.single-online .cart-top {
	float: right;
	width: 70%;
}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top {
			float: none;
			width: 100%;
			margin-bottom: 50px;
		}
	}

	@media screen and (max-width: 1024px) {
		.single-online .cart-bottom h4 {
			text-align: center;
			margin: 30px 2% 0 2%;
			padding: 0;
		}
	}

.single-online .cart-top div {
	width: 100% !important;
}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top div {
  		width: 98% !important;
  		margin: 0 auto;
		padding: 0 !important;
		}
	}

.single-online .cart-bottom div {
	width: auto !important;
}

	@media screen and (max-width: 768px) {
		.single-online .cart-top .cartjs_block {
			width: 90% !important;
			margin: 0 auto;
		}	
	}
	@media screen and (max-width: 768px) {
		.single-online .cart-bottom .cartjs_block {
			padding: 0 !important;
		}	
	}

.single-online .cart-top table {
	float: left;
	width: 55% !important;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-top table {
			float: none;
			width: 100% !important;
			margin: 0 auto;
		}
	}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top table {
			float: none;
			width: 100% !important;
			margin: 0 auto;
		}
	}

.single-online .cart-bottom table {
	width: 100% !important;
	margin: 15px auto 15px auto !important;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-bottom table {
			margin: 5px auto 15px auto !important;
		}
	}

.single-online .cart-top th,
.single-online .cart-bottom th {
	font-size: 90%;
	font-weight: normal;
	line-height: 160%;
	color: #FFF;
	width: 32% !important;
	padding: 6px 10px;
	background: #333;
	border: 1px solid #999 !important;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-top th,
		.single-online .cart-bottom th {
			font-size: 90%;
			color: #FFF !important;
			width: 32% !important;
			padding: 6px 10px;
			background: #0E5234 !important;
		}
	}

.single-online .cart-top td,
.single-online .cart-bottom td {
	font-weight: normal !important;
	text-align: left;
	background: #FFF;
	padding: 6px 10px;
	border: 1px solid #999 !important;
}

.single-online .cart-top td input,
.single-online .cart-bottom td input {
	padding: 4px 6px;
}

.single-online .cart-top td select,
.single-online .cart-bottom td select {
	padding: 4px 6px 7px 6px;
	width: 100%;
}

.single-online .cart-top .cartjs_box,
.single-online .cart-bottom .cartjs_box {
	border: none !important;
}

.single-online .cart-top .cartjs_cart_in {
	display: block;
	float: right;
	width: 40% !important;
}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top .cartjs_cart_in {
		float: none;
		width: 98% !important;
		margin: 0 auto;
		}
	}

.single-online .cart-top .cartjs_cart_in input {
	display: block;
	font-size: 100%;
	text-align: center;
	color: #FFF;
	border: none;
	background: #0E5234;
	padding: 20px 0;
	width: 100%;
	border-radius: 6px;
	cursor: pointer;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-top .cartjs_buy input {
			display: block !important;
			font-size: 90% !important;
			text-align: center !important;
			text-shadow: none !important;
			box-shadow: none !important;
			color: #FFF !important;
			border: none !important;
			background: #0E5234 !important;
			padding: 15px 0 !important;
			margin-bottom: 10px !important;
			width: 100% !important;
			cursor: pointer !important;
		}
	}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top .cartjs_buy input {
			display: block !important;
			font-size: 90% !important;
			text-align: center !important;
			text-shadow: none !important;
			box-shadow: none !important;
			color: #FFF !important;
			border: none !important;
			background: #0E5234 !important;
			padding: 15px 0 !important;
			margin-bottom: 10px !important;
			width: 100% !important;
			cursor: pointer !important;
		}
	}

.single-online .cart-bottom .cartjs_cart_in input {
	font-size: 100%;
	text-align: center;
	color: #FFF;
	border: none;
	background: #0E5234;
	padding: 20px 0;
	margin: 10px 0 0 0;
	width: 100%;
	border-radius: 6px;
	cursor: pointer;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-bottom .cartjs_buy input {
			font-size: 90% !important;
			text-align: center !important;
			text-shadow: none !important;
			box-shadow: none !important;
			color: #FFF !important;
			border: none !important;
			background: #0E5234 !important;
			padding: 15px 0 !important;
			margin: 10px 0 10px 0 !important;
			width: 100% !important;
			cursor: pointer !important;
		}
	}

.single-online .cart-top .cartjs_cart_in input:hover,
.single-online .cart-bottom .cartjs_cart_in input:hover {
	background: #c00;
	transition: 0.5s;
}

.single-online .cart-top .soldout,
.single-online .cart-bottom .soldout {
	float: right;
	font-size: 1.4vw;
	text-align: right;
	color: #c00;
	width: 45% !important;
	margin: 0 auto 5px auto;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-top .soldout,
  	.single-online .cart-bottom .soldout {
  		float: none;
  		font-size: 120%;
  		text-align: center;
  		width: 100% !important;
		}
	}


.single-online .cart-top .hosoku {
	float: right;
	font-size: 1.2vw;
	width: auto !important;
	margin-top: 5px;
}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top .hosoku {
  		float: none;
  		font-size: 120%;
  		width: 80% !important;
  		margin: 15px auto 0 auto;
		}
	}

.single-online .cart-top .product-contact {
	clear: right;
	font-size: 90%;
	text-align: right;
}
	@media screen and (max-width: 1024px) {
  	.single-online .cart-top .product-contact {
  		text-align: center;
		}
	}

.single-online .cart-top span {
	display: block;
	font-size: 90%;
	text-align: center;
	line-height: 160%;
}

.single-online .cart-top span em,
.single-online .cart-bottom span em {
	display: inline-block;
	font-size: 140%;
	font-weight: bold;
	color: #c00;
	margin-bottom: 5px;
}

.single-online .cart-bottom span {
	display: block;
	font-size: 80%;
	line-height: 150%;
}
	@media screen and (max-width: 768px) {
  	.single-online .cart-top span,
  	.single-online .cart-bottom span {
			float: none;
			display: block;
			font-size: 75%;
			line-height: 150%;
			text-align: center;
			margin: 3% 5% 0 5%;
		}
	}

.single-online section .cartjs_product_price {
	margin: 0;
}
	@media screen and (max-width: 768px) {
  	.single-online section .cartjs_product_price {
	  		font-size: 100% !important;
	  		font-weight: normal !important;
			color: #c00 !important;
		}
	}

.single-online section .cartjs_buy p {
	margin: 0;
}

/* ---------- cart ---------- */

/* ---------- 在庫情報 ---------- */

.product_option {
	float: right;
	line-height: 180%;
	width: 70%;
	margin: 20px auto 0 auto;
	background: #EEE;
	padding: 2%;
	box-sizing: border-box;
}
	@media screen and (max-width: 1024px) {
  	.product_option {
		float: none;
		width: 90%;
		margin: 20px auto 10px auto;
		}
	}

.product_option h4 {
}
	@media screen and (max-width: 1024px) {
  	.product_option h4 {
  		text-align: center;
  		margin: 5px 0 3px 0;
		}
	}

.product_option p {
	font-size: 80%;
	margin: 0 0 10px 0;
}
	@media screen and (max-width: 1024px) {
  	.product_option p {
		font-size: 75%;
		line-height: 150%;
		width: 94%;
		margin: 0 auto 10px auto;
		}
	}

.product_option_table {
	margin: -50px 0 0 0;
	padding-bottom: 10px;
	overflow-x: scroll;
}

.product_option_table table.option_table {
	font-size: 80%;
	display: block;
	white-space: pre;
	-webkit-overflow-scrolling: touch;
}
	@media screen and (max-width: 768px) {
  	.product_option_table table.option_table {
  		font-size: 70%;
		width: 740px;
		margin-bottom: 10px;
		}
	}

.product_option_table table.option_table tbody {
	width: 100%;
	display: table;
}

.product_option_table table.option_table th {
	line-height: 150%;
	color: #FFF;
	padding: 10px;
	border: 1px solid #CCC;
	background: #333;
}

.product_option_table table.option_table td {
	line-height: 150%;
	border: 1px solid #CCC;
	background: #FFF;
	white-space: nowrap;
}

.product_option_table table.option_table td .option_price {
	margin: 10px 10px 4px 10px;
}

.product_option_table table.option_table td .option_stock {
	font-size: 120%;
	font-weight: bold;
	margin: 0 10px 10px 10px;
}

.product_option .guide {
	display: block;
	font-size: 80%;
	margin: 0 0 0 2px;
}
	@media screen and (max-width: 768px) {
  	.product_option .guide {
  		margin: 0 0 10px 5px;
		}
	}

/* ---------- 在庫情報 ---------- */


.single-online .feature {
	border: 1px dotted #CCC;
	padding: 4% 4% 1% 4%;
	overflow: hidden;
}

.single-online .feature h5 {
	font-size: 140%;
	margin: 0 0 30px 0;
}
	@media screen and (max-width: 768px) {
  		.single-online .feature h5 {
  			font-size: 90%;
  			line-height: 150%;
  			margin: 5px 0 15px 0;
  		}
	}

.single-online .feature ul {
	width: 100%;
}

.single-online .feature li {
	display: inline-block;
	vertical-align: top;
	font-size: 85%;
	line-height: 180%;
	width: 32.8%;
	margin-bottom: 30px;
}
	@media screen and (max-width: 768px) {
  		.single-online .feature li {
  			display: block;
  			width: 100%;
  		}
	}

.single-online .feature li a {
	position: relative;
	display: block;
	text-decoration: none;
	margin: 0 10px;
}

.single-online .feature img {
	width: 100%;
	margin: 0 0 15px 0;
}

.single-online .feature li strong {
	display: block;
	font-size: 120%;
}
	@media screen and (max-width: 768px) {
  		.single-online .feature li strong {
  			font-size: 90%;
  		}
	}


.single-online .backorder {
	color: #b22222;
	border: 2px dotted #b22222;
	margin: 20px 0 0 0;
	padding: 4%;
	overflow: hidden;
}

.single-online .backorder h5 {
	font-size: 120%;
	color: #b22222;
	margin: 0 0 15px 0;
}

.single-online .backorder p {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}


/* ページ最下部のメーカーページへ戻るボタン */

.other-makeritem a {
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	border: none;
	background: #0E5234;
	padding: 20px 0;
	margin: 0 auto 50px auto;
	width: 70%;
	border-radius: 8px;
	cursor: pointer;
}
	@media screen and (max-width: 768px) {
  		.other-makeritem a {
  			width: 90%;
  			margin: 0 auto 50px auto;
  		}
	}

/* 関連商品一覧 */

.connection-item ul {
	position: relative;
	float: left;
	left: 50%;
	width: 100%;
	margin-bottom: 5%;
}

.connection-item ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	left: -50%;
	font-size: 90%;
	line-height: 160%;
	text-align: center;
	width: 32.6%;
	margin-bottom: 30px;
}
	@media screen and (max-width: 1024px) {
		.connection-item ul li {
			font-size: 70%;
			width: 49%;
		}
	}

.connection-item ul li:last-child {
	border-bottom: none;
}

.connection-item ul li a {
	position: relative;
	display: block;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 10px 0;
	overflow: hidden;
	_zoom: 1;
}

.connection-item ul li a img {
	position: relative;
	text-align: center;
	max-height: 274px;
	object-fit: contain;
	width: 100%;
	margin: 0 auto !important;
	z-index: 0;
}
	@media screen and (max-width: 1024px) {
		.connection-item ul li a img {
			max-height: 170px;
		}
	}

.connection-item ul li .textarea {
	margin: 2% 6% 0 6%;
}

/* --------------- オンライン --------------- */