@charset "UTF-8";
/**************************************************/
/* ページ個別CSS */
/**************************************************/

/* 商品紹介 */

/* 左コンテンツ */
#leftContents{background:#FFF;}

.detailBox{display:block; width:auto; background-image:none;}

.detailBox .detailTitle{font-size:24px; width:auto; margin:0; border-bottom:2px solid #007a66; background-image:none; }
.detailBox .detailText{margin:30px 0;font-size:18px; color:#007a66;}
.detailBox .detailImage{width:320px; height:240px;}
.detailBox .detailImage img{width:318px; height:auto; border:1px solid #d2cdc4;}

.detailBox .floater:after{content:''; display:block; clear:both;}
.detailBox .leftBox1{float:left; margin-right:10px;}
.detailBox .leftBox2{float:left; max-width:350px;}
.detailBox .leftBox2 p{display:inline-block; margin-right:5px;}

.detailBox .detailDescription > div{margin-top:40px;}
.detailBox .detailDescription .textHead{margin-bottom:13px; padding-bottom:10px; font-size:18px; font-weight:bold; background:url(../img/border.png) repeat-x left bottom;}
.detailBox .detailDescription li{list-style:none; position:relative; padding:7px 0 12px 1em; font-size:14px;}
.detailBox .detailDescription sup{font-size:80%;line-height:40%;}
.detailBox .detailDescription sub{font-size:80%;line-height:90%;}
.detailBox .detailDescription .listop{padding-top:20px;}
.detailBox .detailDescription li:before{content:'●'; display:inline-block; width:1em;position:absolute; left:0; color:#333;}

.detailDescription .character{}

.detailDescription .point{}

.detailDescription .table{}
.detailDescription .table p{width:auto; height:auto;}
.detailDescription .table p img{max-width:690px; height:auto;}
.detailDescription .table .marg{margin-bottom:30px;}

.detailBox .info{margin-top:40px;}
.detailBox .info li{list-style:none; position:relative; margin-bottom:15px; font-size:14px;}
.detailBox .info li span{position:absolute; left:0; padding:0 0.5em;}
.detailBox .info li a{text-decoration:underline;}

.info .textHead{margin-bottom:20px; padding:10px; font-size:16px; font-weight:bold;  border-left:5px solid #39899f; background:#ebf3f5;}

.info .lis01{padding-left:9.5em;}
.info .lis02{padding-left:14.5em;}
.info .lis03{padding-left:10.5em;}
.info .lis04{padding-left:10.5em;}
.info .lis05{padding-left:6.5em; margin-bottom:0;}

.info .lis01 span{background:#fbe2cc;}
.info .lis02 span{background:#e1f2cd;}
.info .lis03 span{background:#d7e7ec;}
.info .lis04 span{background:#cce6f5;}
.info .lis05 span{background:#fff4cf;}



/* スマホ版最適化 */
#spMode {}
#spMode #leftContents{background:#FFF;}

#spMode .detailBox{display:block; width:auto; background-image:none;}

#spMode .detailBox .detailTitle{font-size:24px; margin:0; padding-bottom:18px; border-bottom:2px solid #007a66; background-image:none; }
#spMode .detailBox .detailText{margin:20px 0 0!important;font-size:18px; color:#007a66;}
#spMode .detailBox .detailImage{width:100%; height:auto; padding-top:30px!important;}
#spMode .detailBox .detailImage img{width:100%; height:auto; border:1px solid #d2cdc4; margin:0!important; box-sizing:border-box;}

#spMode .detailBox .floater:after{content:''; display:block; clear:both;}
#spMode .detailBox .leftBox1{float:none; margin:0 auto 20px!important;}
#spMode .detailBox .leftBox2{float:none;}
#spMode .detailBox .leftBox2 p{display:inline-block; margin-right:5px;}

#spMode .detailBox .detailDescription > div{margin-top:40px;}
#spMode .detailBox .detailDescription .textHead{padding-bottom:10px; font-size:18px; background:url(../img/border.png) repeat-x left bottom;}
#spMode .detailBox .detailDescription li{list-style:none; position:relative; padding:7px 0 7px 1em;}
#spMode .detailBox .detailDescription .listop{padding-top:20px;}
#spMode .detailBox .detailDescription li span{position:absolute; left:0;}

#spMode .detailDescription .character{}

#spMode .detailDescription .point{}

#spMode .detailDescription .table{}
#spMode .detailDescription .table p{width:auto; height:auto; margin-bottom:15px!important;}
#spMode .detailDescription .table p img{width:100%; height:auto;}
#spMode .detailDescription .table .marg{margin-bottom:20px;}

.detailBox .info{margin-top:40px;}
#spMode .detailBox .info li{list-style:none; position:static; margin-bottom:15px;}
#spMode .detailBox .info li span{position:static; padding:0 0.5em;}
#spMode .detailBox .info li p{margin-top:5px!important;}
#spMode .detailBox .info li a{text-decoration:underline;}

#spMode .info .textHead{font-size:16px; margin-bottom:20px!important; padding:10px; border-left:5px solid #39899f; background:#ebf3f5;}

#spMode .info .lis01{padding-left:0;}
#spMode .info .lis02{padding-left:0;}
#spMode .info .lis03{padding-left:0;}
#spMode .info .lis04{padding-left:0;}
#spMode .info .lis05{padding-left:0; margin-bottom:0;}

.info .lis01 span{background:#fbe2cc;}
#spMode .info .lis02 span{background:#e1f2cd;}
#spMode .info .lis03 span{background:#d7e7ec;}
#spMode .info .lis04 span{background:#cce6f5;}
#spMode .info .lis05 span{background:#fff4cf;}

/**************************************************/