@media print, screen and (min-width: 769px) {
	.sp_only {
			display: none !important;
	}
}

		body.SP #contentsArea {
			background: url("/osara/common/images/product/base_sp.png") no-repeat center top;
			background-size: 100%;
		}
		
		body.SP #contentsArea.detail_pop {padding-top: 15%;}
		
	body.PC .contents_body {
		padding: 10px 0 0;
	}
		body.SP .contents_body {
			background-colofr: rgba(255,0,0,.3);
		}
	
	body.PC h2 img {display: none;}
	body.PC h2 {
		position: relative;
		top: 0;
		width: 750px;
		height: 210px;
		margin: 0 auto 20px;
		background-image: url("/osara/common/images/product/title_pc.png");
	}
		body.SP h2,
		body.SP h2 img {
			width: 100%;
		}
	
	
/* =================================================== top */
	body.PC #top {
		padding-bottom: 30px;
		text-align: center;
	}
		body.SP #top {
			padding: 5% 2% 0;
		}
#top #read {display: none;}
	body.PC .item {
		display: inline-block;
		vertical-align: bottom;
		margin: 0 20px;
		transition: opacity .15s linear;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
		-ms-transition: opacity .15s linear;
		cursor: pointer;
	}
		body.SP .item {
			margin: 0 0 5%;
			padding: 5%;
			border-top: solid 1px #c8c9c9;
		}
	body.PC .item:hover {opacity: .7;}
	body.PC .item .pic {
		width: 200px;
		margin: 0 0 30px;
	}
		body.SP .item .pic {
			display: inline-block;
			vertical-align: top;
			width: 50%;
			margin: 0;
			box-sizing: border-box;
		}
		body.SP .item_body {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 50%;
			padding: 0 0 0 5%;
			box-sizing: border-box;
		}
.item .pic img {width: 100%;}
	
.item .title {
	margin: 0 0 2%;
	color: #e83828;
	line-height: 1.4em;
	font-weight: bold;
}
	body.PC .item .title {font-size: 22px;}
	body.PC .item .price {font-size: 18px;}
	body.PC .item .price span {font-size: 15px;}
		body.SP .item .title {font-size: 180%;}
		body.SP .item .price {font-size: 150%;}
		body.SP .item .price span {font-size: 80%;}

.item .link {
	border-radius: 15px;
	color: #fff;
	font-weight: bold;
	background-color: #e83828;
}

	body.PC .item .link {
		width: 160px;
		height: 30px;
		line-height: 30px;
		margin: 10px auto 0;
		font-size: 14px;
		border-radius: 15px;
	}
		body.SP .item .link {
			width: 90%;
			height: 3rem;
			line-height: 3rem;
			margin: 1.5rem auto 0;
			font-size: 95%;
			border-radius: 2rem;
			text-align: center;
		}
	body.PC .item .link img {
		display: inline-block;
		width: 11px;
		height: 12px;
		margin-right: 6px;
		vertical-align: middle;
	}
		body.SP .item .link img {
			position: relative;
			top: -.1rem;
			display: inline-block;
			width: 1rem;
			height: auto;
			margin: 0 .5rem;
			vertical-align: middle;
		}

#info {
	margin-bottom: 30px;
	border-radius: 10px;
	text-align: left;
	box-sizing: border-box;
}

	body.SP #info {
		width: 90%;
		margin: 5% auto 30px;
	}

#info a {
	position: relative;
	display: block;
	background: url("/osara/common/images/product/info_icon2.png") no-repeat right 20px center #f7f8f8;
	background-size: 20px;
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	cursor: pointer;
	box-sizing: border-box;
}

#info small {
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
}

	body.SP #info small {
		font-size: 12px;
	}

	body.PC #info a {
		width: 470px;
		height: 100px;
		margin: 50px auto 10px;
		padding: 20px 0 0 150px;
	}
		body.SP #info a {
			width: 100%;
			height: auto;
			margin: 0 auto 10px;
			padding: 5% 0 5% 32%;
			background-position: right 3% center;
		}
	body.PC #info a:hover {opacity: .7;}
	body.PC #info .pic {
		position: absolute;
		left: 0;
		top: 0;
		height: 100px;
	}
		body.SP #info .pic {
			position: absolute;
			left: 0;
			top: 5%;
			height: 90%;
		}
#info .pic img {height: 100%;}
#info h3 {color: #595959;}
	body.PC #info h3 {
		margin-bottom: 10px;
		font-size: 18px;
	}
		body.SP #info h3 {
			margin-bottom: 5%;
			font-size: 100%;
		}
#info p {
	color: #898989;
	line-height: 1.4em;
}
	body.PC #info p {font-size: 14px;}
		body.SP #info p {font-size: 80%;}
	
	

/* =================================================== detall */
.detail_pop h2 {display: none;}
#detail {
	position: relative;
	fdisplay: none;
	margin: 0 auto;
	background-color: #fff;
	z-index: 100;
}
	body.PC #detail {
		width: 740px;
		padding-bottom: 60px;
	}
		body.SP #detail {
			width: 90%;
			padding-bottom: 5%;
		}
	body.PC #detail nav {height: 80px;}
		body.SP #detail nav {height: auto;}
		
#detail nav ul {list-style-type: none;}
#detail nav li {
	display: inline-block;
	cursor: pointer;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
}
	body.PC #detail nav li {
		width: 100px;
		height: 80px;
	}
		body.SP #detail nav li {width: 30%;}
		body.SP #detail nav li img {width: 100%;}
	body.PC #detail nav li img {display: none;}
	body.PC #detail nav li#menu1 {background-image: url("/osara/common/images/product/menu1_off.png");}
	body.PC #detail nav li#menu2 {background-image: url("/osara/common/images/product/menu2_off.png");}
	body.PC #detail nav li#menu1:hover,
	body.PC #detail nav li#menu1._on {background-image: url("/osara/common/images/product/menu1_on.png");}
	body.PC #detail nav li#menu2:hover,
	body.PC #detail nav li#menu2._on {background-image: url("/osara/common/images/product/menu2_on.png");}


/* =================================================== product1 */
#product1 #read {
	position: relative;
	margin: 3% 0 5%;
	padding: 3%;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff0bf;
}
#product1 #read p {
	color: #91613d;
}
	body.PC #product1 #read {width: 740px;}
		body.SP #product1 #read {width: 100%;}
	
	body.PC #product1 #read p {
		font-size: 17px;
		text-align: center;
		line-height: 1.8em;
	}
		body.SP #product1 #read p {
			font-size: 95%;
			line-height: 1.6em;
			text-align: justify;
		}
		body.SP #product1 #read p .br_sp {display: none;}
		
	body.PC #product1 #read p strong {font-size: 20px;}
		body.SP #product1 #read p strong {font-size: 110%;}

#product1 #read p img {
	display: inline-block;
	vertical-align: top;
}
	body.PC #product1 #read p img {
		height: 24px;
		margin-right: 10px;
	}
		body.SP #product1 #read p img {
			height: 1.5rem;
			margin-right: 1rem;
		}
	
	body.PC #product1 #read #new {
		position: absolute;
		left: 50px;
		top: -10px;
	}
		body.SP #product1 #read #new {
			position: absolute;
			left: 5%;
			top: -.8rem;
		}
	body.PC #product1 #read #new img {height: 40px;}
	
	
.detail_contents {
	position: relative;
	text-align: center;
}
.product_pic,
.detail_body {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
	body.PC .product_pic {
		width: 260px;
		margin: 0 30px 0 20px;
	}
		body.SP .product_pic {
			width: 40%;
			margin: 0;
		}
		body.SP .product_pic img {width: 100%;}

.detail_body {
	position: relative;
	text-align: left;
}
	body.PC .detail_body {width: 430px;}
	body.PC .detail_body2 {
		float: right;
	}
	body.PC #product1 .detail_body2 {margin-top: -120px;}
	body.PC #product2 .detail_body2 {margin-top: -90px;}
	body.PC #product3 .detail_body2 {margin-top: -180px;}
	
		body.SP .detail_body {
			width: 60%;
			padding: 0 0 0 5%;
		}
		body.SP .detail_body2 {
			width: 100%;
			padding: 0;
		}
	
.detail_body h3 {
	color: #e83828;
	line-height: 1.5em;
}
	body.PC .detail_body h3 {
		margin: 0 0 10px;
		font-size: 26px;
	}
	body.PC .detail_body h3 br {display: none;}
		body.SP .detail_body h3 {
			margin: 0 0 5%;
			font-size: 140%;
		}
	
	body.PC .detail_body .price {
		margin-bottom: 5px;
		font-size: 20px;
	}
		body.SP .detail_body .price {
			margin-bottom: 2%;
			font-size: 120%;
		}
		body.SP .detail_body .price span {font-size: 90%;}
		
	body.PC .detail_body .ex {
		font-size: 16px;
		line-height: 1.4em;
	}
		body.SP .detail_body .ex {
			font-size: 100%;
			line-height: 1.4em;
		}
	body.PC .detail_body .ex span {font-size: 14px;}
		body.SP .detail_body .ex span {font-size: 100%;}
	
	
	body.PC .detail_body .link {
		width: 240px;
		height: 50px;
		margin: 30px 0 20px;
		transition: opacity .15s linear;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
		-ms-transition: opacity .15s linear;
	}
	body.PC .detail_body .link:hover {opacity: .7;}
.detail_body .link img {width: 100%;}
		body.SP .detail_body .link {
			width: 90%;
			height: 5rem;
			margin: 10% auto;
			text-align: center;
			background-color: #e83828;
			border-radius: 6px;
		}
		body.SP .detail_body .link a {
			display: block;
			width: 100%;
			height: 100%;
		}
		body.SP .detail_body .link img {
			width: auto;
			height: 100%;
		}
	
	body.PC .detail_body dl {
		width: 100%;
		margin: 30px 0;
		border: solid 1px #b8b8b8;
		border-radius: 6px;
		box-sizing: border-box;
	}
		body.SP .detail_body dl {
			width: 90%;
			margin: 5% auto;
			border: solid 1px #b8b8b8;
			border-radius: 6px;
			box-sizing: border-box;
		}
	
	body.PC .detail_body dt {
		position: relative;
		left: 10px;
		top: -17px;
		width: 128px;
		height: 34px;
		margin-bottom: -17px;
	}
		body.SP .detail_body dt {
			position: relative;
			left: 1rem;
			top: -1.5rem;
			width: auto;
			height: 3rem;
			margin-bottom: -1.5rem;
		}
	body.PC .detail_body dt img {width: 100%;}
		body.SP .detail_body2 dt img {height: 100%;}

.detail_body dd {
	box-sizing: border-box;
	line-height: 1.4em;
}
	body.PC .detail_body dd {
		padding: 5px 10px 10px;
		font-size: 13px;
	}
		body.SP .detail_body dd {
			padding: 2% 3% 3%;
			font-size: 100%;
		}
	
/* 特徴 */
	body.PC .feature h3 {
		width: 740px;
		height: 50px;
		margin: 0 0 20px;
		background: url("/osara/common/images/product/feature_title_pc.png") no-repeat center center;
	}
	body.PC .feature h3 img {
		display: none;
	}
		body.SP .feature h3,
		body.SP .feature h3 img {width: 100%;}
		body.SP .feature h3 {
			margin: 0 0 5%;
		}
.feature_contents {
	position: relative;
	margin: 0 auto;
}

	body.PC .feature_contents {
		width: 710px;
		text-align: center;
	}
		body.SP .feature_contents {width: 100%;}
		
	body.PC .feature_contents .pic {
		display: inline-block;
		vertical-align: top;
		width: 176px;
		margin-right: 40px;
		line-height: 1.4em;
	}
		body.SP .feature_contents .pic {
			width: 100%;
			margin: 0 0 3%;
			line-height: 1.4em;
		}
		body.SP .feature_contents .pic span {
			display: block;
			position: absolute;
			left: 42%;
			top: 0;
		}
	body.PC .feature_contents .pic img {
		width: 100%;
		margin-bottom: 5px;
	}
		body.SP .feature_contents .pic img {
			display: inline-block;
			width: 40%;
			margin-bottom: 5px;
		}
	body.PC .feature_body {
		display: inline-block;
		vertical-align: top;
		width: 494px;
		text-align: left;
	}

.feature_body ul {
	list-style-type: decimal;
	box-sizing: border-box;
}
	body.PC .feature_body ul {padding: 0 0 0 20px;}
		body.SP .feature_body ul {padding: 0 0 0 5%;}
		
.feature_body li {
	font-weight: bold;
	line-height: 1.5em;
}
	body.PC .feature_body li {
		margin: 0 0 8px;
		font-size: 17px;
	}
		body.SP .feature_body li {
			margin: 0 0 2%;
			font-size: 120%;
		}
.feature_body .ex {color: #91613D;}
	body.PC .feature_body .ex {
		margin-top: 15px;
		font-size: 16px;
		line-height: 1.4em;
	}
		body.SP #feature1 .feature_body .ex {
			position: absolute;
			left: 42%;
			top: 0;
			font-size: 90%;
			line-height: 1.6em;
		}
	
/* =================================================== product1（14.5cm） */
	body.PC #product1 #pop {
		position: absolute;
		right: 0;
		top: 20px;
		width: 152px;
		height: 101px;
		cursor: pointer;
		background: url("/osara/common/images/product/pop_pc.png") no-repeat center center;
		background-size: 100%;
		z-index: 100;
	}
	body.PC #product1 #pop img {display: none;}
	body.PC #product1 #pop:hover {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
	}
#product1 #pop img {width: 100%;}
		body.SP #product1 #pop {
			width: 100%;
			margin: 0 0 5%;
		}


/* =================================================== product2 */
	body.PC #product2 {padding: 100px 0 50px;}
		body.SP #product2 {padding: 15% 0 5%;}
		
	body.PC #product2 .detail_body h3 {
		margin: 0;
	}
	
	body.PC #product2 .author {
		margin: 0 0 20px;
		font-size: 17px;
	}
	body.PC #product2 .author br {display: none;}
		body.SP #product2 .author {
			margin: 0 0 5%;
			font-size: 100%;
			line-height: 1.4em;
		}
	
	body.PC #product2 #price_hyo {
		width: 540px;
		margin: 50px auto 0;
	}
		body.SP #product2 #price_hyo {
			width: 100%;
			margin: 2% auto 0;
		}
	body.PC #product2 #price_hyo h4 {
		margin: 0 0 10px;
		font-size: 18px;
	}
		body.SP #product2 #price_hyo h4 {
			margin: 0 0 3%;
			font-size: 100%;
		}
#product2 #price_hyo table {
	width: 100%;
	border: solid 1px #C9CACA;
	border-collapse: collapse;
	border-spacing: 0;
}
#product2 #price_hyo table th,
#product2 #price_hyo table td {
	padding: 3% 2%;
	border: solid 1px #C9CACA;
	box-sizing: border-box;
}
#product2 #price_hyo table th {
	background-color: #F7F8F8;
	color: #595757;
	font-weight: normal;
}
	body.PC #product2 #price_hyo table th {font-size: 15px;}
		body.SP #product2 #price_hyo table th {font-size: 90%;}
	
#product2 #price_hyo table th.title {
	width: 15%;
	font-weight: bold;
}
	body.PC #product2 #price_hyo table th.title {font-size: 17px;}
		body.SP #product2 #price_hyo table th.title {font-size: 90%;}
		
#product2 #price_hyo table td {
	font-weight: bold;
}
	body.PC #product2 #price_hyo table td {font-size: 18px;}
		body.SP #product2 #price_hyo table td {font-size: 95%;}

#product2 #price_hyo p {
	line-height: 1.6em;
	color: #666;
	text-align: justify;
}
	body.PC #product2 #price_hyo p {
		margin: 10px 0 0;
		font-size: 14px;
	}
		body.SP #product2 #price_hyo p {
			margin: 3% 0 0;
			font-size: 80%;
		}

/* =================================================== product3 */
	body.PC #product3 {padding: 100px 0 50px;}
		body.SP #product3 {padding: 15% 0 5%;}
	
	body.PC #product3 .product_pic span {
		display: inline-block;
		position: absolute;
		left: -20px;
		top: 50%;
		width: 72px;
		height: 74px;
		margin-top: -37px;
	}
		body.SP #product3 .product_pic span {
			position: absolute;
			left: -10%;
			top: 50%;
			width: 4rem;
			height: auto;
			margin-top: -2rem;
		}
	body.PC #product3 .product_pic span img {width: 100%;}
	body.PC #product3 #product3_info {
		width: 740px;
		margin: 50px auto 0;
	}
		body.SP #product3 #product3_info {
			width: 100%;
			margin: 5% auto 0;
		}
	
#product3 #product3_info {
	background-color: #FFF0BF;
	border-radius: 10px;
	padding: 3%;
	box-sizing: border-box;
}
#product3 #product3_info p {
	color: #91613D;
	text-align: justify;
	line-height: 1.6em;
}
	body.PC #product3 #product3_info p {font-size: 15px;}
		body.SP #product3 #product3_info p {font-size: 100%;}

#product3 #product3_info p img {
	float: left;
}
	body.PC #product3 #product3_info p img {
		margin: 0 10px 10px 0;
		width: 90px;
	}
		body.SP #product3 #product3_info p img {
			margin: 0 3% 3% 0;
			width: 16%;
		}


#btn_close {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 200;
}
#btn_close img {width: 100%;}
	body.PC #btn_close {
		top: 10px;
		width: 50px;
		transition: transform .15s linear;
		-webkit-transition: -webkit-transform .15s linear;
		-moz-transition: -moz-transform .15s linear;
		-ms-transition: -ms-transform .15s linear;
	}
		body.SP #btn_close {
			top: 0;
			width: 4rem;
		}
	body.PC #btn_close:hover {
		transform: scale(1.3);
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
	}

#btn_kojin {
	transition: opacity .15s linear;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	cursor: pointer;
}
	body.PC #btn_kojin {font-size: 15px;}
		body.SP #btn_kojin {
			font-size: 120%;
			text-align: center;
		}

#btn_kojin img {
	position: relative;
	top: -2px;
	margin-right: 5px;
	vertical-align: middle;
}
	body.PC #btn_kojin img {width: 20px;}
		body.SP #btn_kojin img {width: 20px;}
	
	body.PC #kojin {
		width: 600px;
		margin: 0 auto;
		padding: 100px 0 50px;
	}
		body.SP #kojin {padding: 20% 0 5%;}

	body.PC #kojin h3 {
		margin: 0 auto 20px;
		font-size: 20px;
	}
		body.SP #kojin h3 {
			margin: 0 auto 5%;
			font-size: 140%;
		}

#kojin h4,
#kojin p {
	text-align: justify;
}
	body.PC #kojin h4 {
		margin: 20px auto 5px;
		font-size: 17px;
	}
		body.SP #kojin h4 {
			margin: 5% auto 2%;
			font-size: 120%;
		}

#kojin p {
	box-sizing: border-box;
	line-height: 1.6em;
}
	body.PC #kojin p {
		margin: 0 auto 5px;
		font-size: 15px;
	}
		body.SP #kojin p {
			margin: 0 auto 2%;
			font-size: 110%;
		}
	body.PC #kojin p.txt {
		margin: 0 auto 50px;
	}
		body.SP #kojin p.txt {
			margin: 0 auto 8%;
			padding: 0;
		}
	
	body.PC #kojin p.txt2 {
		padding: 0 0 0 45px;
		font-size: 14px;
	}
		body.SP #kojin p.txt2 {
			margin: 0 0 10%;
			padding: 0;
			font-size: 100%;
		}