@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:content.css */
/* creation date:2018年4月30日 */
/* last updated:2018年6月5日 */
/*--------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
.text_indent1 {
	text-indent: 1em;
}
.pdl_1em {
	padding-left: 1em;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mb20 {
	margin-bottom:20px;
}
.notes {
	font-size: 14px;
	margin-top:20px;
	text-align: center;
}
.notes i {
	margin-right: 5px;
}
#mainContent h1 {
	background-color: #2d2d2d;
	color: #FFF;
	padding: 5px 20px;
	font-size: 22px;
	margin-bottom: 20px;
	font-weight:normal;
}
/*-------メディアページ--------*/
.media_box {
	background-color: #FFF;
	border: solid 1px #2d2d2d;
	padding: 20px 40px;
	margin-top: 20px;
}
.media_box img {
	max-width: 100%;
	height: auto;
	border: solid 1px #CCC;
}
.media_box h2, #manufacturer h2, .product h2 {
	color: #2d2d2d;
	font-size: 18px;
	border-bottom: dashed 1px #2d2d2d;
	margin-bottom: 20px;
}
 .product h2 a {
 	text-decoration: none;
 	color:#7D0D0D;
}
.product h2 a:hover {
	color:#bb0607;
}
.media_box .text {
	padding-left: 1em;
	margin-bottom: 10px;
}
.gallery-item img {
	max-width: 100%;
	height:auto;
}
.col4 {
	width: 23.5%;
	float: left;
	margin-right:2%;
}
.col4:nth-child(4n+4) {
	margin-right:0;
}
.col4:nth-child(4n+1) {
	clear: both;
}
.col3 {
	width: 30%;
	float: left;
	margin-right:5%;
}
.col3:nth-child(3n+3) {
	margin-right:0;
}
.col3:nth-child(3n+1) {
	clear: both;
}
#media .col2 {
	width: 45%;
	float: left;
	margin-right: 10%;
	
}
#media .col2:nth-child(odd) {
	clear: both;
}
#media .col2:nth-child(even) {
	margin-right: 0;
}
/*-------商品ページ--------*/
#productFv {
	margin-top:30px;
}

.cart1 .photo_side {
	border: solid 1px #880a0b;
}
.cart1 h2 {
	font-size:30px;
	margin-bottom:20px;
}
.rizoil-cart h2 {
	margin-top:0px;
  font-size:20px !important;
  margin-bottom:10px;
}

.cart1 p {
	font-size:20px;
}
.rizoil-cart p {
  margin: 0.5em 0;
  font-size:16px;
}
.cart1 .price {
	margin-top:10px;
}
.cart1 .price span {
	font-size:28px;
	margin-right:5px;
}
.rizoil-cart .cart1 .price span {
	font-size:20px;
	margin-right:5px;
}
.cart_box {
	margin-bottom:20px;
}
.rizoil-cart .cart_box {
	margin-bottom:40px;
}
#aboutProduct h2 {
	background-color: #880a0b;
    color: #c6b965;
    padding: 14px 10px;
    font-size: 30px;
}
#aboutProduct .text_box {
	background-color: #FFF;
	padding:40px;
	font-size:18px;
	border: solid 1px #880a0b;
}
#aboutProduct .photo_right {
	float: right;
}
#aboutProduct .photo_right img {
	height: auto;
	margin-left: 10px;
}
#merit {
	background-color: #880a0b;
	padding:20px;
}
#merit h2 {
	font-size:42px;
	text-align:center;
	color: #c6b965;
	margin-bottom:20px;
}
#merit h3 {
	font-size:30px;
	color: #880a0b;
	margin-bottom:10px;
}
#merit h3 span {
	background-color: #880a0b;
	color: #c6b965;
	font-size: 24px;
	padding: 5px 15px;
	margin-right:30px;
}
#merit .text_box {
	border: solid 3px #a59124;
	background-color: #f5f2e8;
	padding: 40px;
	margin: 0px 30px;
}
/*#bnrArea .bnr img {
	max-width: 100%;
	height: auto;
}*/
#bnrArea .bnr a{
	display: block;
	border-style: none;
}
/*#bnrArea .bnr a:hover {
	box-shadow: 0px 0px 20px #880a0b;
	opacity:1.0;
}*/

.cart2 .cart_box {
	background-color: #FFF;
	padding: 30px;
}
.cart2 h2 {
	font-size:32px;
	margin-bottom:20px;
}
.cart2 p {
	font-size:18px;
}
.cart2 .price {
	margin-top:10px;
}
.cart2 .price span {
	font-size:26px;
	margin-right:5px;
}
.cart_btn button {
	background-color: #880a0b;
	color: #c6b965;
	font-size: 24px;
	padding:20px;
	width:100%;
	text-align:center;
	margin-top:20px;
	border: none;
	-webkit-appearance:none;
	cursor : pointer;
}
.rizoil-cart .cart_btn button {
  margin-top:5px;
}
.cart_btn button:before {
	content: '\f07a';
    font-family: 'FontAwesome';
    margin-right: 0.5em;
}
.cart_btn button:hover {
	background-color: #b91718;
}
.cart_btn button:focus {
	outline: none;
}
.cart_box select {
	font-size: 18px;
}
.cart_box select:focus {
	outline: none;
}

/*----適合メーカー---*/
.content_wrap_w {
	background-color: #FFF;
    border: solid 1px #2d2d2d;
    padding: 20px 40px;
    margin-top: 20px;
}
#manufacturer ul {
	overflow: hidden;
	margin-bottom: 40px;
}
#manufacturer li {
	float: left;
	margin-right:40px;
	padding-top:10px;
	padding-bottom: 10px;
}
/*.manufacturer, .manufacturer td, .manufacturer th {
	border: solid 1px #880a0b;
}
.manufacturer td, .manufacturer th {
	padding: 5px;
	width: 100%;
}
.manufacturer th {
	background-color: #880a0b;
	color: #C6B965;
}
.manufacturer td {
	background-color:#FFF;
}*/

/*-------性能-------*/
.product_table1 {
	margin-top:20px;
}
.product_table1, .product_table1 td, .product_table1 th {
	border: solid 1px #2d2d2d;
	border-collapse: collapse; 
} 
.product_table1 td, .product_table1 th {
	padding: 5px;
}
.product_table1 th {
	background-color: #505050;
    color: #FFF;
	font-weight:normal;
}
.strong {
	font-weight: bold;
	color: #2d2d2d;
}
#performance .img_box {
	margin-top: 40px;
	margin-bottom: 20px;
}
#performance .img_box img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #ccc;
	max-width: 100%;
	height: auto;
}
.img_adjust {
	max-width: 100%;
	height:auto;
}
.test_imgside img{
	padding: 15px;
	border: solid 1px #cccccc;
}
.half_w img {
	max-width: 100%;
	height:auto;
}
.test_imgbox img {
	max-width: 100%;
	height:auto;
}
.clearfix:after {
	content: "";
	display:block;
	clear:both;
}
.test_imgbox:nth-child(odd) {
	width: 48%;
	float: left;
	margin-right:2%;
	clear:both;
}
.test_imgbox:nth-child(even) {
	width: 48%;
	float: left;
	margin-left:2%;
}
.test_menu ul:after {
	content: "";
	display: block;
	clear: both;
}
.test_menu ul {
	background-color: #DDD;
}
.test_menu li {
	width:25%;
	float:left;
	text-align:center;
	background-color:#666666;
	color: #FFF;
	display: block;
} 
.test_menu li:nth-child(4n+1) {
	clear: both;
}
.test_menu .on {
	padding: 5px;
}
.test_menu li a{
	text-decoration: none;
	color: #FFF;
	background-color:#DDD;
	display: block;
	padding: 5px;
} 
.test_menu li a:hover {
	background-color:#CCC;
}
.test_inner {
	background-color:#EEE;
	padding:5px 25px 25px;
}
.opa:hover {
	opacity: 0.8;
}
/* ###### 768以上　pc表示　##### */
@media (min-width: 768px) {
	/*------パンくずリスト------*/
	#BreadCrumb {
		margin-top: -65px;
	    margin-bottom: 40px;
	}

	/*-------商品ページ--------*/
	.cart1 {
		margin-top:50px;
	}
	.cart1 .cart_box:after {
		content: "";
		display:block;
		clear:both;
	}
	.cart1 .photo_side {
		width: 48%;
		float: left;
		margin-right: 2%;
    box-sizing: border-box;
	}
	.cart1 .text_side {
		width: 48%;
		float: left;
		margin-left: 2%;
		margin-top: 20px;
    box-sizing: border-box;
	}
  .rizoil-cart .cart1 .text_side {
    margin-top: 0px;
  }
	#aboutProduct h2 {
		text-align: center;
	}
	#aboutProduct {
		margin-top:50px;
	}
	#aboutProduct .photo_right img {
		width: 240px;
	}
	#merit {
		padding: 50px 0;
		margin-top:50px;
	}
	#merit p {
		font-size: 18px;
	}
	.clearfix:after {
		content: "";
		display:block;
		clear:both;
	}
	#bnrArea .bnr:nth-child(odd) {
		width: 48%;
		float: left;
		margin-right: 2%;
		clear:both;
	}
	#bnrArea .bnr:nth-child(even) {
		width: 48%;
		float: left;
		margin-left: 2%;
	}
	#bnrArea {
		padding: 50px 0 0px;
	}
	.cart2 .cart_box {
		padding: 30px 60px 30px 30px;
	}
	.cart2 .cart_box:after {
		content: "";
		display:block;
		clear:both;
	}
	.cart2 .photo_side {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.cart2 .text_side {
		width: 48%;
		float: left;
		margin-left: 2%;
		margin-top: 40px;
	}
	.test_imgside {
		width: 48%;
		float: left;
		margin-right:2%;
		/*border: solid 1px #cccccc;
		padding:15px;*/
	}
	.test_txtside {
		width: 48%;
		float: left;
		margin-left:2%;
	}
	.half_w {
		width: 48%;
	}
	
}

/* ###### 767以下　sp表示　##### */
@media (max-width: 767px) {
	#mainContent h1 {
		margin-top: 20px;
		font-size: 20px;	
	}
	/*-------メディアページ--------*/
	.media_box {
		padding: 20px 20px;
	}
	.media_box .gallery-item {
		padding-right: 5px;
		padding-left: 5px;
	}
	.media_box .text {
		padding-left: 0;
	}

	/*-------商品ページ--------*/
	.cart1 .photo_side {
		border: solid 1px #880a0b;
	}
	.cart1 h2 {
		font-size:20px;
		margin-bottom:10px;
	}
	.cart1 {
		margin-top: 20px;
	}
	.cart1 .text_side {
		margin-top:20px;
	}
	.cart1 p {
		font-size:16px;
	}
	.cart1 .price span {
		font-size:18px;
		margin-right:5px;
	}
	#aboutProduct {
		margin-top: 20px;
	}
	#aboutProduct .photo_right img {
		max-width: 100%;
		height: auto;
	}
	#aboutProduct .text_box {
		padding:20px;
		font-size: 16px;
	}
	#aboutProduct h2 {
		font-size: 20px;
		padding: 10px 10px;
	}
	#aboutProduct .photo_right img {
		width: 140px;
	}
	#merit {
		padding: 20px 0;
		margin-top: 20px;
	}
	#merit h2 {
		font-size: 22px;
	}
	#merit .text_box {
		padding: 20px;
		margin-left: 10px;
		margin-right: 10px;
		border: solid 1px #a59124;
	}
	#merit h3 {
		font-size: 20px;
		margin-bottom: 10px;
		padding-left: 5em;
		text-indent: -5em;
	}
	#merit h3 span {
		font-size: 16px;
		padding: 5px 7px;
		margin-right:10px;
	}
	#merit p {
		font-size: 16px;
	}
	#bnrArea {
		padding: 30px 0 10px;
	}
	.cart2 h2 {
		font-size:20px;
		margin-bottom:10px;
	}
	.cart2 p {
		font-size:16px;
	}
	.cart2 .price span {
		font-size:18px;
		margin-right:5px;
	}
	.cart2 .cart_box {
		padding: 20px;
	}
	.cart_btn button {
		font-size: 20px;
		padding: 20px;
		margin-top:20px;
	}
	.cart_box select {
		font-size: 16px;
	}
	/*-----適合メーカー------*/
	#manufacturer ul {
		margin-bottom: 30px;
	}
	/*----product共通----*/
	.content_wrap_w {
	    padding: 20px;
	}
	/*----性能-----*/
	#performance .img_box {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.test_txtside {
		margin-top: 20px;
	}
}

/*------バナーリンク　エフェクト------*/
#bnrArea .bnr:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}