@charset "utf-8";

#header {border:0;}
#header h1 {
  margin-bottom:10px;
  font-size:32px;
}
#contents .attention {color:#df4a4a;}
#contents .main {
  position:relative;
  min-height:480px;
}
#contents .nav {
  position:absolute;
  width:220px;
  top:0;
  right:30px;
  font-size:13px;
  background:white;
  z-index:2;
}
#contents .navbody.fixed {
  position:fixed;
  top:170px;
  width:220px;
  background:white;
  z-index:2;
}
#contents .nav .cart {
  margin-bottom:20px;
  text-align:center;
}
#contents .nav .cart dt {
  padding:12px;
  color:#fe7d17;
  background:#fff8e9;
  border:1px solid #fe7d17;
}
#contents .nav .cart dd {
  padding:20px;
  border:1px solid #fe7d17;
  border-top:0;
}
#contents .nav .cart li {
  margin-bottom:10px;
  color:#555;
  text-align:left;
}
#contents .nav .cart li span {
  display:inline-block;
  width:5em;
  white-space:nowrap;
}
#contents .nav .cart .btn {
  margin-top:15px;
  display:block;
}
#contents .nav .menu dt {
  padding:12px;
  background:#e9f8ff;
  border:1px solid #ddd;
  text-align:center;
}
#contents .nav .menu dd {
  border:1px solid #ddd;
  border-top:0;
}
#contents .nav .menu a {
  display:block;
  padding:15px 20px;
  color:#555;
  text-decoration:none;
}
#contents .nav .menu a:hover,
#contents .nav .menu a.c {background:#e5e5e5;}
#contents .body {
  /* margin-right:250px; */
  margin-top: 50px;
}
#contents .body {overflow:hidden;}
#contents .body h2 {
  margin-bottom:40px;
  padding:2px 0 0 4px;
  font-size:16px;
  font-weight:bold;
  border-left:3px solid #00a0e9;
  background:none;
}
#contents .item {
  margin-bottom:40px;
  padding-bottom:40px;
  border-bottom:1px solid #ddd;
}
#contents .item .text{overflow:hidden;}
#contents .item .thumb {
  float:left;
  width:160px;
  margin-right:20px;
  text-align:center;
}
#contents .item .thumb a {
  color:#555;
  text-decoration:none;
}
#contents .item .thumb a:hover {text-decoration:underline;}
#contents .item h3 {
  margin-bottom:10px;
  padding-left:0 0 0 10px;
  font-size:16px;
  font-weight:bold;
  color:#00a0e9;
  border:0;
  background:url("../img/book/arrow.png") no-repeat 0 0.5em;
}
#contents .item p {
  margin:0;
  color:#555;
  font-size:12px;
}
#contents .item p + br {display:none;}
#contents .item .feature {
  margin-bottom:5px;
  color:#333;
  font-size:14px;
  font-weight:bold;
}
#contents .item .explain {
  margin-bottom:15px;
  color:#333;
  font-size:14px;
}
#contents .item .link li {
  display:inline-block;
  margin:10px 10px 0 0;
}
#contents .item .link li .btn {
  width:180px;
  text-align:center;
}
#contents .mokuji h3 {
  margin-bottom:30px;
  padding:2px 0 0 4px;
  font-size:16px;
  font-weight:bold;
  border-left:3px solid #00a0e9;
}
#contents .mokuji br {display:none;}
#contents .mokuji p br {display:inline;}
#contents .mokuji h4 {
  margin:40px 0 10px;
  padding:0;
  color:#333;
  background:none;
}
#contents .mokuji h3 + h4 {margin-top:0;}
#contents .mokuji p {
  margin-bottom:20px;
  font-size:12px;
}
/* transaction */
#contents .transaction {
  /* font-size:13px; */
  margin-top: 40px;

}

#contents .transaction dt {
  clear:left;
  float:left;
  width:13em;
  white-space:nowrap;
}
#contents .transaction dd {
  margin-bottom:10px;
  padding:0 0 10px 13em;
  border-bottom:1px solid #e5e5e5;
}

/* #daikin_cost {
  margin: 20px 120px 0 0;
} */

#daikin_cost div {
  float: left;
  width: 40%;
  text-align: center;
}

@media screen and (max-width:1040px) {
#daikin_cost div {
  float: none;
  width: 100%;
}

#contents .transaction dt{
  float: none;
}

#contents .transaction dd{
  padding-left: 0px;
}

#daikin_cost div:last-child{
  margin: 20px 0 0 0 !important;
}
}

#contents table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

#contents table th{
  line-height: 1.5;
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid #e5e5e5;
  background-color: #e3e0d6;
}

#contents table th, #contents table td {
  line-height: 1.5;
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid #e5e5e5;
}

#contents table td {
  vertical-align: middle;
}


#daikin_cost  div:last-child {
  margin: 0 0 0 20px;
}

#daikin_cost th , #daikin_cost td {
  vertical-align: middle;
}

#daikin_cost th {
  text-align: center;
}

#daikin_cost td {
  text-align: right;
}

/* cart */
#contents .view {
  margin-bottom:20px;
  padding:15px;
  font-size:13px;
  text-align:center;
  border:1px solid #ccc;
}
#contents table.carttable td {white-space:nowrap;}
#contents table.carttable .pname {white-space:normal;}
#contents table.carttable .pname a {
  display:block;
  float:left;
  margin-right:10px;
}
#contents table.carttable .pname p {overflow:hidden;}
#contents table.carttable .quantity {text-align:center;}
#contents table.carttable .quantity input[type="text"] {
  width:30px;
  padding:2px;
  border:1px solid #ccc;
}
#contents table.carttable .quantity input[type="text"]:focus {border-color:#00a0e9;}
#contents table.carttable .resulttd {
  text-align:right;
  background:#fafafa;
}
#contents table.carttable .pricetd {text-align:right;}
#contents table.carttable .pricett {
  color:#df4a4a;
  font-weight:bold;
  text-align:right;
}
#contents .recommend {margin-top:40px;}
#contents .recommend dd {margin:10px 0 0 1em;}
/* shop */
#contents .flow {margin-bottom:40px;}
#contents .flow .btn {width:30%;}
#contents .flow i {
  width:5%;
  margin-right:0;
  text-align:center;
}
#contents .form textarea {width:100%;}
#contents .btnback li {margin-bottom:10px;}
#contents .btnback .btn {width:200px;}



/* Magnific Popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}
.mfp-zoom{cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#FFF}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0}
button::-moz-focus-inner{border:0;padding:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:-55px 0 0;padding:0}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0}
@media screen and max-width 800px and orientation landscape,screen and max-height 300px {
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
.mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
}
@media all and max-width 900px {
.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}

.order_page #contents {
	position: relative;
}

.order_page #contents .main {
	width: 735px;
}

.order_page #daikin_cost {
	margin: 20px 0px 0 0;
}

.order_page #daikin_cost div {
	width: 48%;
}

/* 2023.12.01小石川追記 */

/* @media screen and (min-width 1040px) { */
.book-section{
  padding-top: 150px;
}

.book-inner{
  margin: auto;
  width: 1040px;
  position: relative;
}

/* @media screen and (max-width:1040px) { */
  #contents .body {
    /* margin-right:250px; */
    margin-top: 50px;
}
    #contents .item .thumb {
      float:left;
      width:160px;
      margin-right:20px;
      text-align:center;
}

    .btn02{
      background: #5074b4;
      color: #fff !important;
      border: 1px solid #fff;
      padding: 5px 30px;
      border-radius: 5px;
      font-size: 13px;
      text-decoration: none !important;
  }
  
/* } */

.book-btn{
  margin-top: 16px;
}

.transaction-btn{
  margin-top: 100px;
}

.btn{
  background: #fff;
  color: #555 !important;
  border: 1px solid #555;
  padding: 5px 30px;
  border-radius: 3px;
  font-size: 13px;
  text-decoration: none !important;
}

.btn02{
  background: #5074b4;
  color: #fff !important;
  border: 1px solid #fff;
  padding: 5px 30px;
  border-radius: 5px;
  font-size: 13px;
  text-decoration: none !important;
}

@media screen and (max-width:1040px) {
}
.btn{
  background: #fff;
  color: #555 !important;
  border: 1px solid #555;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 13px;
  text-decoration: none !important;
  display: inline-block;
  margin-bottom: 5px;
}

.btn02{
  background: #5074b4;
  color: #fff !important;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 13px;
  text-decoration: none !important;
  display: inline-block;
  margin-bottom: 5px;
}