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

.product-detail{


/* 20110624 added hiroyukiterada */
.contents-box{ clear: both; overflow: hidden; background: #eaeaea; margin: 10px; }
.contents-100box{ clear: both; overflow: hidden; background: #eaeaea; margin: 10px; }
.contents-50leftbox{ width: 47%; float: left; background: #eaeaea; margin: 10px; }
.contents-50rightbox{ width: 47%; float: right; background: #eaeaea; margin: 10px; }
.contents-centerbox{ clear: both; overflow: hidden; text-align: center; }
.contents-leftimg{ float: left; margin: 10px; }
.contents-rightimg{ float: right; margin: 10px; }
.contents-centerimg{ display: inline; margin: 10px; }
.contents-textarea{ margin: 10px; }
.contents-table{ width: 100%; }

.pc-list-contents li{
	list-style-type: disc;}
	


/* 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 td img{
	border: #d3d3d3 1px solid;
}
.temp-table02{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.temp-table02 td{
	padding: 0 8px 0 0;
	text-align: center;
}
.temp-table02 td img{
	border: #d3d3d3 1px solid;
}
.temp-table03{
	height: 120px;
	width: 680px;
	background: url(/migration/images/default/temp-point-bg.jpg) no-repeat 0 0;
}
.temp-table03 td{
	padding: 0 35px 0 185px;
}
.temp-table04{
	margin: 0 auto;
	width: 623px;
	border-collapse: collapse;
	border-spacing: 0;
}
.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 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{
	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;
}
.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-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 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: 207px;
	left: 22px;
}
.temp-banner04-btn02{
	position: absolute;
	top: 368px;
	left: 22px;
}
.temp-info{
	background: url(/migration/images/default/temp-bluebg-inner.jpg) repeat-y 0 0;
	max-width: 650px;
}
.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 ul, div.template_def ul li {
	list-style: none;
}
div.template_def a.lightbox {
	position: relative;
	display: block;
	width: 410px;
	height: 310px;
	margin-bottom: 15px;
}
div.template_def a.lightbox::after {
	position: absolute;
	z-index: 2;
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	bottom: 10px;
	right: 10px;
	background: url(/migration/images/icon_zoom.png) no-repeat;
}
div.template_def a.expansion {
	position: relative;
	display: block;
	width: 410px;
	height: 310px;
	margin-bottom: 15px;
}
div.template_def a.expansion::after {
	position: absolute;
	z-index: 2;
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	bottom: 10px;
	right: 10px;
	background: url(/migration/images/icon_zoom.png) no-repeat;
}
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: 430px;
	margin: 0;
	background : #fefdf4;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 16px;
}
table.temp-table10 th {
	width: 78px;
	border: 2px solid white;
	text-align: center;
	color: #c1272d;
	font-size: 17px;
	font-weight: bold;
  background : #fcf8da;
	padding: 15px 0;
}
table.temp-table10 td {
	border: 2px solid white;
	color: #c1272d;
	text-align: left;
	padding: 15px 15px 5px 15px;
}
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: 113px;
	margin-bottom: 10px;
}
table.temp-table10 td dl dd {
	margin-bottom: 10px;
	font-size: 14px;
}
table.temp-table10 td dl dd strong {
	font-size: 20px;
	vertical-align: middle;
	margin-right: 5px;
}



div.temp-div01 {
	padding:52px 18px 20px 18px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 26px;
	background:#f4f8fb url(/migration/images/temp_div01_bg01.png) no-repeat 15px 20px;
	margin-bottom: 20px;
}
div.temp-div02 {
	padding:80px 18px 20px 18px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 26px;
	background: url(/migration/images/temp_div02_bg02.jpg) no-repeat,
	url(/migration/images/temp_div01_bg02.png) repeat;
	margin-bottom: 20px;
}
p.temp-p01 {
	text-align:center;
	font-size: 36px;
	line-height: 46px;
	color: #42210b;
	background: url(/migration/images/temp_div01_bg02.png) repeat;
	padding: 12px 0 10px;
	border-top: 1px solid #8a6239;
	border-bottom: 1px solid #8a6239;
	margin-bottom: 20px;
}
div.temp-div03 {
  display: flex;
  flex-wrap: wrap;
}
div.temp-div03 ~ *{
	margin-top: var(--spc-25);
}
div.temp-div03 .temp-div03-child {
	flex: 1;
	margiN: 0 20px 20px;
	font-size: 16px;
	line-height: 26px;
	max-width: 385px;
}
div.temp-div03 .temp-div03ttl {
	background: url(/migration/images/temp_div03ttl.png) no-repeat;
	min-height: 30px;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	color: #333333;
	padding-left: 35px;
	margin-bottom: 10px;
}
div.temp-div03 .temp-div03content {}
div.temp-div03 .temp-div03content a.expansion {
  width: 100%;
  height: auto;
}
div.temp-div03 .temp-div03content img {
  width: 100%!important;
  height: auto!important;
}
div.temp-div04 {
	width: 800px;
	margin: 20px auto;
	font-size: 16px;
	line-height: 26px;
	border: 1px solid #cacaca;
	padding: 15px 0 25px 0;
	background: white;
}
div.temp-div04 >ul {
	width: 768px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}
div.temp-div04 >ul >li {
	width: 230px;
	margin: 0 13px;
	float: left;
}
div.temp-div04 >ul >li >.temp-div04ttl {
	background: url(/migration/images/bg_div04ttl.png) repeat;
	font-size: 22px;
	line-height: 30px;
	padding: 5px 0;
	text-align: center;
	margin-bottom: 5px;
}
div.temp-div04 >ul >li >.temp-div04imgwrap {}
div.temp-div04 >ul >li >.temp-div04imgwrap a {
	width: 230px;
	height: 160px;
}
div.temp-div04 .temp-div04bottom {
	width: 720px;
	margin: 0 auto;
	font-size: 20px;
}
div.temp-div04 .temp-div04bottom p {
	margin-bottom: 10px;
}

div.temp-div05 {
	width: 800px;
	margin: 20px auto;
	font-size: 16px;
	line-height: 26px;
	border: 1px solid #cacaca;
	padding: 15px 0 25px 0;
	background:white;
}
div.temp-div05 >ul {
	width: 768px;
	margin: 0 auto 20px;
	padding: 0;
}
div.temp-div05 >ul+ul {
	padding: 20px 0 0 0;
	border-top: 1px solid #cacaca;
}
div.temp-div05 >ul::after {
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    content: ".";
}
div.temp-div05 >ul >li {
	width: 200px;
	margin: 0 28px;
	float: left;
}
div.temp-div05 >ul >li .temp-div05imgwrap {
	width: 200px;
	margin-bottom: 5px;
}
div.temp-div05 >ul >li .temp-div05imgwrap img {
	width: 200px;
	height: auto;
}
div.temp-div05 >ul >li .temp-div05ttl {
	text-align: center;
	color: #29a9e0;
}
div.temp-div05 >ul >li .temp-div05tt {
	font-size: 15px;
}

div.temp-div06 {
	width: 860px;
	margin: 0 auto 20px;
	font-size: 16px;
	line-height: 26px;
	border: 1px solid #326ba6;
	padding: 15px 20px 5px;
}
div.temp-div06 .temp-div06ttl {
	color: #326ba6;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center;
    padding: 0;
	margin: 0 0 5px;
}
div.temp-div06 .temp-div06ttl::after {
	border-top: 1px solid #326ba6;
	content: "";
	flex-grow: 1;
	margin-left: 0.5em;
}
div.temp-div06 .temp-div06content {
	padding: 0;
	margin: 0 0 10px;
}
div.temp-movie02 ul {
	display: flex;
}
div.temp-movie02 ul li {
	width: 50%;
	box-sizing: border-box;
	text-align: center;
}
div.temp-movie02 ul li iframe {
	width: 420px;
	height: 236px;
	box-sizing: border-box;
}
div.temp-movie02 ul li img.cke_iframe {
	max-width: 95%;
	width: 420px!important;
	height: 236px!important;
}

table.temp-order{
	width: 100% !important;
}

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

.temp-order td img{
	width:374px !important;
}

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

}

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

/* temp-table11 */
table.temp-table11 {
	width: 450px;
	table-layout: fixed;
	border-collapse: collapse;
	color: #333333;
	font-size: 15px;
	border: none;
}
table.temp-table11 th {
	width: 100px;
	border: none;
	border-top: 1px solid #326ba6;
	border-bottom: 1px solid #326ba6;
	color: #326ba6;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
  background : #f4f8fb;
	padding: 15px 0;
}
table.temp-table11 td {
	border: none;
	border-top: 1px solid #326ba6;
	border-bottom: 1px solid #326ba6;
	text-align: left;
	padding: 15px 15px 5px 15px;
}
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: 22px;
}
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;
	width: 100px;
	padding: 0;
	margin: 0;
	text-indent: 0;
}
table.temp-table11 td >ul >li dl dd {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}