@charset "UTF-8";

/* PC：product.css */

/* --------------------------------------------------------------------
	製品詳細ページ
-------------------------------------------------------------------- */
div.item_detail_ {
	margin: 0 0 40px 0;
}
div.item_detail_:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* 製品画像 */
div.item_detail_ div.item_image_ {
	float: left;
	margin: 0 23px 0 0;
	overflow: hidden;
	position: relative;
	width: 300px;
}
div.item_detail_ div.slick-slider {
	margin-bottom: 0;
}
div.item_detail_ .slick-next,
div.item_detail_ .slick-prev {
	top: 56%;
}
div.item_detail_ .slick-next {
	right: 15px;
}
div.item_detail_ .slick-prev {
	left: 0;
}
div.item_detail_ .slick-next:before {
	content: url(../img/home/arrow_next_sp.png);
}
div.item_detail_ .slick-prev:before {
	content: url(../img/home/arrow_prev_sp.png);
}
/* main_image */
div.item_image_ div.main_image_ div.slick-slide img {
	border: 1px solid #b3b3b3;
	width: 100%;
}
/* other_images */
div.item_image_ div.thumbnails_ {
	height: 100px;
	margin: 5px -15px 0 0;
}
div.item_image_ div.thumbnails_ div.slick-slide {
	border: 1px solid #b3b3b3;
	cursor: pointer;
	float: left;
	height: 90px;
	margin: 10px 15px 0 0;
	width: 90px;
}
div.item_image_ div.thumbnails_ div.slick-slide img {
	width: 100%;
}
div.item_image_ div.thumbnails_ div.slick-slide:hover {
	opacity: 0.8;
}
/* ポップアップ内 */
div.mfp-content {
	background: none;
}
div.popup_image_ {
	background: #ffffff;
	margin: 20px auto;
	padding: 20px 40px;
	position: relative;
	width: auto;
	max-width: 1000px;
}
div.popup_image_:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
div.mfp-content div.item_image_ {
	float: none;
	margin: 0 auto;
	max-width: 1000px;
}
div.mfp-content .slick-next,
div.mfp-content .slick-prev {
	top: auto;
	bottom: auto;
	right: 27%;
	left: 27%;
}
div.mfp-content .slick-next {
	bottom: 0;
}
div.mfp-content .slick-prev {
	top: 0;
}
div.mfp-content .slick-next:before {
	content: url(../img/home/arrow_next_v_sp.png);
}
div.mfp-content .slick-prev:before {
	content: url(../img/home/arrow_prev_v_sp.png);
}
div.mfp-content div.main_image_ {
	float: right;
	width: 87%;
}
div.mfp-content div.main_image_ div.slick-slide img {
	width: auto;
	max-width: 100%;
}
div.mfp-content div.thumbnails_ {
	float: left;
	height: auto;
	width: 9%;
}
div.mfp-content div.thumbnails_ div.slick-slide {
	float: none;
	margin: 0 0 15px 0;
}
div.mfp-content div.thumbnails_ div.slick-slide {
	height: auto;
}

/* 製品データ */
div.item_data_ {
	float: left;
	min-height: 310px;
	position: relative;
	width: 757px;
}

/* item_data_main */
div.item_data_main_ {
	width: 505px;
}
/* item_icon */
div.item_data_main_ ul.item_icon_ {
	display: inline-block;
}
/* item_cord */
div.item_data_main_ p.item_cord_ {
	display: inline-block;
	font-size: 11px;
	vertical-align: 0.1em;
}
/* 製品名 */
div.item_data_main_ h2 {
	color: #112631;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}
/* pricebox */
div.item_data_main_ div.pricebox_ {
	margin: 5px 0 0 0;
}
div.item_data_main_ div.pricebox_ p.list_price_ {
	color: #727171;
	font-size: 12px;
}
div.item_data_main_ div.pricebox_ p.item_price_ {
	display: inline-block;
	font-size: 18px;
}
/* icon_point */
div.item_data_main_ div.pricebox_ p.icon_point_ {
	display: inline-block;
}

/* バリエーション */
div.item_var_ {
	border-top: 1px solid #90969D;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
}
div.item_var_ dl dt {
	font-size: 14px;
}
div.item_var_ dl dt strong {
	font-weight: bold;
}
div.item_var_ dl dd {
	font-size: 12px;
}
div.item_var_ dl dd ul li {
	display: inline-block;
	margin: 2px 5px 0 0;
}
div.item_var_ dl dd ul li a {
	border: 1px solid #727171;
	color: #727171;
	display: block;
	line-height: 1;
	padding: 0.35em 1em;
	text-decoration: none;
}
div.item_var_ dl dd ul li.current a,
div.item_var_ dl dd ul li a:hover {
	background: #f5cccc;
	border: 1px solid #ce0000;
	color: #ce0000;
}
/* item_comment_box */
div.item_comment_box_ {
	position: relative;
}
div.item_comment_box_.onhidden_ {
	height: 150px;
	overflow-y: hidden;
}
div.btn_readmore_ {
	background: rgba(0,0,0,0) linear-gradient(180deg, rgba(255,255,255,0.5), #ffffff) repeat scroll 0 0;
	cursor: pointer;
	padding: 20px 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}
div.btn_readmore_.moreopen_ {
	position: static;
	width: 100%;
}
div.btn_readmore_ span {
	background: #889298;
    color: #ffffff;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 0.15em;
    margin: 0 auto;
    text-decoration: none;
    width: 340px;
}
/* 製品コメント */
p.item_comment_ {
	border-top: 1px solid #90969D;
	font-size: 12px;
	line-height: 1.6;
	margin: 12px 0 0 0;
	padding: 8px 0 0 0;
}
/* 製品特徴 */
div.item_feature_ {
	margin: 10px 0 0 0;
	overflow: hidden;
}
div.item_feature_ ul li {
	background: #000000;
	color: #ffff00;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	margin: 0 5px 5px 0;
	padding: 0.45em 0.8em;
}
div.item_feature_ p {
	font-size: 12px;
	margin: 5px 0 0 0;
}

/* 製品概要 */
div.item_outline_ {
	clear: both;
	margin: 12px 0 0 0;
	padding: 0;
	width: 757px;
}
div.item_outline_ h3 {
	font-size: 12px;
	margin-bottom: 3px;
}
div.item_outline_ dl {
	border-top: 1px solid #90969d;
	display: table;
	font-size: 11px;
	width: 100%;
}
div.item_outline_ dl:last-child {
	border-bottom: 1px solid #90969d;
}
div.item_outline_ dl dt {
	background: #e7e9ea;
	display: table-cell;
	padding: 0.5em 0.8em;
	vertical-align: middle;
	min-width: 100px;
}
div.item_outline_ dl dd {
	display: table-cell;
	padding: 0.5em 0.8em;
	vertical-align: middle;
	width: 100%;
}

/* cart_box_ */
div.cart_box_ {
	border: 1px solid #dedfe2;
	border-radius: 10px;
	position: absolute;
	top: 10px; right: 0;
	font-size: 12px;
	padding: 10px 10px 20px;
	width: 230px;
}
div.cart_box_ dl {
	display: table;
	margin: 6px auto 0;
	width: 100%;
}
div.cart_box_ dl dt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	width: 19%;
}
div.cart_box_ dl dd {
	display: table-cell;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 81%;
}
div.cart_box_ dl.cart_price_ dt {
	vertical-align: top;
}
div.cart_box_ p.item_price_ {
	font-size: 18px;
	line-height: 1.4;
	margin-top: -0.15em;
}
div.cart_box_ p.item_price_ span {
	font-size: 0.7em;
}
div.cart_box_ p.item_price_ small {
	font-size: 0.6em;
}
div.cart_box_ p.icon_point_ {
	margin: 4px 0 0 0;
}
div.cart_box_ dl.cart_stock_ dd {
	font-size: 15px;
}
div.cart_box_ select {
	height: 20px;
	width: 50px;
}
div.cart_box_ dl.cart_postage_ {
	border-bottom: none;
	font-size: inherit;
	padding-bottom: 0;
}
div.cart_box_ dl.cart_postage_ dd {
	color: #ce0000;
	font-size: 15px;
}
div.cart_box_ div.cart_button_ {
	margin: 10px 0 0 0;
}
div.cart_box_ div.btn_bookmark_ {
	margin: 12px 0 0 0;
}
div.cart_box_ ul.btn_option_ {
	line-height: 1;
	margin: 15px 0 0 0;
}
div.cart_box_ ul.btn_option_ li {
	background: url(../img/common/arrow_menu.png) no-repeat left 0.2em;
	margin: 8px 0 0 0;
	padding: 0 0 0 10px;
}
div.cart_box_ ul.btn_option_ li.review a {
	color: #112631;
}

/* タブ */
ul#tab {
	overflow: hidden;
}
ul#tab li {
	background: #cccccc;
	border-top: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	cursor: pointer;
	float: left;
	font-size: 13px;
	height: 48px;
	text-align: center;
	width: 206px;
}
ul#tab li:first-child {
	border-left: 1px solid #b3b3b3;
}
ul#tab li span {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding: 0 0 0 40px;
}
ul#tab li span.product_ {
	background: url(../img/product/tab_item.png) no-repeat left 6px;
}
ul#tab li span.review_ {
	background: url(../img/product/tab_voice.png) no-repeat left 6px;
}
ul#tab li span.corporation_ {
	background: url(../img/product/tab_corporate.png) no-repeat left 6px;
}
ul#tab li.select_,
ul#tab li:hover {
	background: #f2f2f2;
}
div.disnon_ {
	display: none;
	-webkit-transition: 2s;
	-moz-transition: 2s;
	-o-transition: 2s;
	-ms-transition: 2s;
	transition: 2s;
}
div.content_wrap_ {
	border: 1px solid #b3b3b3;
	overflow: hidden;
}

/* 商品紹介 */
div.content_wrap_#product_ {
	padding: 50px 0;
}
div.content_wrap_#product_ > p,
div.content_wrap_#product_ iframe {
	display: block;
	margin: 0 auto;
	width: 677px;
}
div.content_wrap_#product_ > img {
	display: block;
	margin: 0 auto;
}
div.content_wrap_#product_ table.itemspec th,
div.content_wrap_#product_ table.itemspec td {
	padding: 5px;
}
div.content_wrap_#product_ div.w800_ { /* 800px */
	margin: 0 auto;
	width: 800px;
}
div.content_wrap_#product_ div.w800_ > p,
div.content_wrap_#product_ div.w800_ iframe {
	width: 100%;
}
div.content_wrap_#product_ div.w800_ > img {
	display: block;
}
div.content_wrap_#product_ .font_01 {
	font-size: 16px;
}
div.content_wrap_#product_ .font_02 {
	font-size: 24px;
}
div.content_wrap_#product_ .font_03 {
	font-size: 30px;
}
div.content_wrap_#product_ .font_04 {
	font-size: 36px;
}
div.content_wrap_#product_ .font_05 {
	font-size: 48px;
}
div.content_wrap_#product_ .font_01r {
	font-size: 16px;
	color: #ff0000;
}
div.content_wrap_#product_ .font_02r {
	font-size: 24px;
	color: #ff0000;
}
div.content_wrap_#product_ .font_03r {
	font-size: 30px;
	color: #ff0000;
}
div.content_wrap_#product_ .font_04r {
	font-size: 36px;
	color: #ff0000;
}
div.content_wrap_#product_ .font_05r {
	font-size: 48px;
	color: #ff0000;
}
div.content_wrap_#product_ .font_r {
	color: #ff0000;
}

/* ユーザーレビュー */
div.user_review_block_ div.user_review_ {
	border-bottom: 2px dotted #94aab6;
	margin: 0 auto;
	padding: 40px 0;
	width: 700px;
}
div.user_review_block_ div.review_header_ {
	color: #94aab6;
	display: table;
}
div.user_review_block_ div.review_header_ > div {
	display: table-cell;
	vertical-align: top;
}
div.user_review_block_ div.review_title_ {
	font-size: 15px;
	padding: 0 0 0 20px;
}
div.user_review_block_ div.review_title_ h3 {
	margin: 0 0 5px 0;
	padding: 8px 0 0 0;
}
div.user_review_block_ div.review_title_ img {
	margin: 3px 0 0 0;
	width: 80px
}
div.user_review_block_ p.review_comment_ {
	font-size: 11px;
	line-height: 1.8;
	margin: 20px 0 0 0;
}
div.user_review_block_ div.review_evaluation_ {
	margin: 25px 0 0 0;
}
div.user_review_block_ div.review_evaluation_ p {
	font-size: 15px;
}
div.user_review_block_ div.review_evaluation_ dl dt {
	display: inline-block;
	padding: 0 10px 0 0;
}
div.user_review_block_ div.review_evaluation_ dl dd {
	display: inline-block;
	font-size: 12px;
}
div.user_review_block_ div.review_evaluation_ dl dd ul li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
	text-align: center;
	width: 160px;
}
div.user_review_block_ div.review_evaluation_ dl dd ul li a {
	background: #cfd4d6;
	border: 1px solid #889298;
	color: #112631;
	display: block;
	text-decoration: none;
}
div.user_review_block_ div.review_evaluation_ dl dd ul li a:hover {
	opacity: 0.8;
}
div.user_review_block_ #review_form {
	margin: 60px 0 0 0;
	text-align: center;
}
div.user_review_block_ #review_form a {
	background: #889298;
	color: #ffffff;
	display: block;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 0.15em;
	margin: 0 auto;
	text-decoration: none;
	width: 340px;
}

/* 法人のお客様 */
div.corporate_block_ {
	margin: 0 auto;
	padding: 50px 0;
	width: 677px;
}
div.corporate_block_ h3 {
	margin: 0 0 50px 0;
}
div.corporate_block_ div.corporate_example_ {
	margin: 50px 0 0 0;
}
div.corporate_block_ div.corporate_inquiry_ {
	background: #e5f6f5;
	margin: 46px 0 0 0;
	padding: 20px 15px;
}
div.corporate_block_ div.corporate_inquiry_ div.bg_ {
	margin: -32px 0 0 0;
	text-align: left;
}
div.corporate_block_ div.corporate_inquiry_ dl dd ul {
	margin: 0 -13px 0 0;
	overflow: hidden;
}
div.corporate_block_ div.corporate_inquiry_ dl dd ul li {
	float: left;
	margin: 0 13px 0 0;
}
div.corporate_block_ div.corporate_inquiry_ p {
	margin: 25px 0 0 0;
}

/* グレー帯 */
div.user_review_block_ div.row_ {
	margin: 50px 0 0 0;
}

/* footer_pagetop */
div.footer_pagetop_ {
	position: fixed;
	bottom: 0; right: 0;
}
div.footer_pagetop_ > a {
	display: block;
	text-align: center;
}
div.footer_pagetop_ a.btn_go_cart_ {
	background: #ec6719;
}
div.footer_pagetop_ a.btn_go_top_ {
	background: #94aab6;
}