/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/


/* 20110624 added hiroyukiterada */

.productDetailWrap{

/* SHOP用テンプレートレイアウト
------------------------------------------*/
.product_detail_wrap table,
.detailpage table{
	margin: 0 auto;
	padding: 15px 0;
	width: 610px;
	border:none;
	border-bottom: #ccc 1px dotted;
}
.product_detail_wrap td,
.detailpage td{
	border:none;
}
.product_detail_wrap th,
.detailpage th{
	border:none;
}

.temp-table01{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table01 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table01 td img{
	border: #d3d3d3 1px solid;
}
.temp-table02{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table02 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table02 td{
	padding: 0 8px 0 0;
	text-align: center;
}
.temp-table02 td img{
	border: #d3d3d3 1px solid;
}
.temp-table03{
	width: 100%;
	background: url(/migration/images/default/temp-point-bg.jpg) no-repeat 0 0;
}
.temp-table03 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table03 td{
	padding: 0 35px 0 185px;
}
.temp-table04{
	margin: 0 auto;
	width: 623px;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table04 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table04 th{
	text-align: center;
}
.temp-table04 td{
	padding: 3px 0 0 0;
	text-align: right;
}
.temp-table05{
	margin: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table05 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table05 th{
	padding: 10px;
	width: 20%;
	color: #1091B8;
	font-size: 108%;
	background: #E3F8FD;
	border: #B9D5EE 1px solid;
}
.temp-table05 td{
	padding: 10px;
	border: #B9D5EE 1px solid;
}
.temp-table05 table{
	width: 100%;
}
.temp-table05 table td{
	border: none;
}
.temp-table06 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table06{
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table06 th{
	padding: 0 10px 8px 16px;
	height: 30px;
	color: #1091B8;
	font-size: 108%;
	line-height: 30px;
	font-weight: bold;
	background: url(/migration/images/default/temp-subtitle-bg.jpg) no-repeat 0 0;
	font-size: 12px;
}
.temp-table06 td{
	padding: 0 10px 10px 0;
	vertical-align: top;
}

.temp-butsugu{
	background: url(/migration/images/default/temp-butsugu-inner.jpg) repeat-y 0 0;
}
.temp-butsugu-inner{
	padding: 0 0 15px 0;
	background: url(/migration/images/default/temp-butsugu-btm.jpg) no-repeat 0 bottom;
}
.temp-butsugu-title{
	margin: 0 0 18px 0;
}
.temp-table07{
	margin: 0 auto 10px auto;
	width: 385px;
}
.temp-table07 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-plus-icon{
	margin: 0 0 25px 0;
	text-align: center;
}
.temp-pack-title{
	margin: 0 0 20px 0;
}
.temp-table08{
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table08 img{
	max-width: 100%!important;
	height: auto!important;
}
.temp-table08 td{
	vertical-align: top;
}
.temp-table08 table{
	width: 220px;
	margin: 0 10px 10px 0;
	border: #D2E4F4 1px solid;
}
.temp-table08 table th{
	padding: 0 8px;
	color: #1091B8;
	text-align: center;
}
.temp-table08 table td{
	padding: 0 8px 5px 8px;
}
.temp-table08 table th,
.temp-table08 table td{
	vertical-align: top;
	border: none;
}
.temp-table08 table td img{
	margin: 8px 0 0 0;
}

.temp-banner04{
	position: relative;
	height: 500px;
}
.temp-banner04-img{
	position: absolute;
	top: 0;
	left: 0;
}
.temp-banner04-btn01{
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
}
.temp-banner04-btn02{
	position: absolute;
	top: 368px;
	left: 22px;
}
.temp-info{
	background: url(/migration/images/default/temp-bluebg-inner.jpg) repeat-y 0 0;
}
.temp-info-inner{
	background: url(/migration/images/default/temp-bluebg-btm.jpg) repeat 0 bottom;
}
.temp-info-title{
	margin: 0 0 5px 0;
}
.temp-info .temp-table09{
	padding: 10px;
}
.kaitori {
	text-align:left;
	width:640px;
	margin:0 auto;
	padding-top:30px;
}
.kaitori td {
	padding:3px;
}
.kaitori li {
	list-style-type: disc;
}
.kaitori ul {
	padding-left:40px;
}

.kaitori form {
	text-align:center;
	padding-bottom:20px;
}


div.template_def {
	position: relative;
	z-index: 0;
}
div.template_def a.lightbox {
	position: relative;
	display: block;
}
div.template_def a.lightbox::after {
	position: absolute;
	z-index: 2;
	content: "";
	display: block;
	width: 1.43rem;
	height: 1.43rem;
	bottom: 0.5rem;
	right: 0.5rem;
	background: url(/migration/images/icon_zoom.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
div.template_def a img {
	position: relative;
	z-index: 1;
	width: 100%!important;
	height: 100%!important;
	object-fit: cover;
}

/* temp-table10 */
table.temp-table10 {
	width: 92.1%;
	margin: 0 auto;
	background : #fefdf4;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 1rem;
}
table.temp-table10 th {
	width: 20%;
	border: 2px solid white;
	text-align: center;
	color: #c1272d;
	font-size: 1rem;
	font-weight: bold;
  background : #fcf8da;
	padding: 0.5rem 0.8rem;
	box-sizing: border-box;
}
table.temp-table10 td {
	border: 2px solid white;
	color: #c1272d;
	text-align: left;
	padding: 0.5rem 0.8rem;
}
table.temp-table10 td dl {
	margin: 0;
	padding: 0;
}
table.temp-table10 td dl::after {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    content: ".";
}
table.temp-table10 td dl dt {
	clear: both;
	float: left;
	width: 35%;
}
table.temp-table10 td dl dd {
		font-size: 0.78rem;
}
table.temp-table10 td dl dd strong {
	font-size: 1.14rem;
	vertical-align: middle;
	margin-right: 0.5rem;
}


div.temp-div01 {
	width: 100%;
	padding: 2.8rem 0.7rem 0.9rem 0.9rem;
	box-sizing: border-box;
	font-size: 1.3rem;
	line-height: 1.5;
	background:#f4f8fb url(/migration/images/temp_div01_bg01_sp.png) no-repeat 50% 0.9rem;
	-webkit-background-size:96% auto;
	background-size:96% auto;
	margin-bottom: 1rem;
}
div.temp-div02 {
	width: 100%;
	padding: 3.8rem 0.7rem 0.9rem 0.9rem;
	box-sizing: border-box;
	font-size: 0.93rem;
	line-height: 1.5;
	background:url(/migration/images/temp_div02_bg02_sp.jpg) no-repeat 50% 0,
	url(/migration/images/temp_div01_bg02.png) repeat;
	-webkit-background-size: 100% auto, 100% auto;
	background-size: 360px, 100% auto;
	margin-bottom: 1rem;
}
p.temp-p01 {
	text-align:center;
	font-size: 18px !important;
	line-height: 1.5;
	color: #42210b;
	background: url(/migration/images/temp_div01_bg02.png) repeat;
	padding: 0.3rem 0 0.2rem;
	border-top: 1px solid #8a6239;
	border-bottom: 1px solid #8a6239;
	margin-bottom: 0.8rem;
}
div.temp-div03 {
  display: flex;
  flex-wrap: wrap;
}
div.temp-div03 .temp-div03-child {
	width: 50%;
	margiN: 0 auto 0.8rem;
	font-size: 0.86rem;
	line-height: 1.5;
}
div.temp-div03 .temp-div03ttl {
	background: url(/migration/images/temp_div03ttl.png) no-repeat left 6px;
	background-size: 1rem 1rem;
	min-height: 1rem;
	line-height: 1.5;
	font-weight: bold;
	color: #333333;
	padding-left: 1.3rem;
	margin-bottom: 0.2rem;
	font-size: 13px !important;
}
div.temp-div03 .temp-div03content {
	width: 95%;
	margin-inline: auto;
}
div.temp-div03 ~ *{
	margin-top: 20px;
}
div.temp-div03 .temp-div03content img {
	width: 100%;
	height: auto;
}
div.temp-div03 .temp-div03content .expansion{
	margin-bottom: 8px;
}
div.temp-div04 {
	width: 94.7%;
	margin: 0.8rem auto;
	font-size: 0.7rem;
	line-height: 1.3;
	border: 1px solid #cacaca;
	padding: 0.5rem 0;
	background: white;
}
div.temp-div04 >ul {
	display: flex;
	margin: 0 auto;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
}
div.temp-div04 >ul >li {
	margin: 0 1.5%;
}
div.temp-div04 >ul >li >.temp-div04ttl {
	background: url(/migration/images/bg_div04ttl.png) repeat;
	font-size: 0.7rem;
	line-height: 1.2;
	padding: 0.3rem 0;
	text-align: center;
	margin-bottom: 0.3rem;
	width: fit-content;
	margin-inline: auto;
}
.product_comment_7 a.expansion:after{
	display: none !important;
}
div.temp-div04 >ul >li >.temp-div04imgwrap a img {
	width: 30% !important;
	height: auto !important;
	margin-inline: auto;
	position: relative;
}
div.temp-div04 >ul >li >.temp-div04imgwrap a img::after{
position: absolute;
z-index: 20;
content: "";
display: block;
width: 1.43rem;
height: 1.43rem;
bottom: 0.5rem;
right: 0.5rem;
background: url(/migration/user_data/packages/oubaitorisp/img/common/icon_zoom.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
}
div.temp-div04 .temp-div04bottom {
	width: 95%;
	margin: 0.8rem auto;
}
div.temp-div04 .temp-div04bottom p {
	margin-bottom: 0.5rem;
}

div.temp-div05 {
	width: 95%;
	margin: 0.8rem auto 2rem;
	font-size: 0.8rem;
	line-height: 1.3;
	border: 1px solid #cacaca;
	padding: 0.5rem 0;
	background:white;
}
div.temp-div05 >ul {
	width: 96.4%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-bottom: 0.5rem;
}
div.temp-div05 >ul+ul {
	padding: 0.5rem 0 0.5rem 0;
	border-top: 1px solid #cacaca;
}
div.temp-div05 >ul >li {
	width: 29%;
	margin: 0 2%;
}
div.temp-div05 >ul >li .temp-div05imgwrap {
	width: 7.14rem;
	height: 3.57rem;
	margin-bottom: 0.5rem;
}
div.temp-div05 >ul >li .temp-div05imgwrap img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
div.temp-div05 >ul >li .temp-div05ttl {
	text-align: center;
	color: #29a9e0;
}
div.temp-div05 >ul >li .temp-div05tt {
	display: none;
}


div.temp-div06 {
	width: 100%;
	margin: 0 auto 2rem;
	float: left;
	font-size: 0.9rem;
	line-height: 1.3;
	border: 1px solid #326ba6;
	padding: 0.5rem 0;
}
div.temp-div06 .temp-div06ttl {
	width: 95%;
	color: #326ba6;
	font-size: 1.2rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
  padding: 0;
	margin: 0 auto 0.2rem;
}
div.temp-div06 .temp-div06ttl::after {
	border-top: 1px solid #326ba6;
	content: "";
	flex-grow: 1;
	margin-left: 0.5em;
}
div.temp-div06 .temp-div06content {
	width: 95%;
	padding: 0;
	margin: 0 auto 0.5rem;
}

table.temp-order td{
	padding: 0 0.2rem !important;
	text-align: center !important;
	width:50% !important;
}

iframe{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

/* 調整用 */
[src="https://www.oubaitori.com/migration/data/images/2016-04-27-10-56-19.jpg"]{
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

img{
	display: block;
	width: 100% !important;
    height: auto !important;
}

[src="/migration/images/default/temp-orderbtn.jpg"]{
	width: 100px !important;
}
[src="https://www.oubaitori.com/migration/images/default/temp-orderbtn.jpg"]{
	width: 100px !important;
}


}

/* -----　サムネのサイドにあるコンテンツ ------ */


/* temp-table11 */
table.temp-table11 {
	width: 95%;
	table-layout: fixed;
	border-collapse: collapse;
	color: #333333;
	font-size: 15px;
	border: none;
	margin: 0 auto;
}
table.temp-table11 th {
	width: 22%;
	border: none;
	border-top: 1px solid #326ba6;
	border-bottom: 1px solid #326ba6;
	color: #326ba6;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
  background : #f4f8fb;
	padding: 0.5rem 0;
}
table.temp-table11 td {
	border: none;
	border-top: 1px solid #326ba6;
	border-bottom: 1px solid #326ba6;
	text-align: left;
	padding: 0.5rem 0 0.5rem 0.5rem;
	font-size: 1.2rem;
}
table.temp-table11 td >ul {
	margin: 0;
	padding: 0;
}
table.temp-table11 td >ul >li {
	display: inline-block;
	margin-right: 1em;
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
table.temp-table11 td >ul >li::before {
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-right: 0.3em;
	background :#333333;
	content: "";
}
table.temp-table11 td >ul >li dl {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	text-indent: 0;
}
table.temp-table11 td >ul >li dl::after {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    content: ".";
}
table.temp-table11 td >ul >li dl dt {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-indent: 0;
	width: 6em;
}
table.temp-table11 td >ul >li dl dd {
	display: inline-block;
	vertical-align: top;
	padding: 0;
}