/* ************************************************
*  all
* ************************************************ */
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html{
    overflow-y: scroll;
}

body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

input, textarea,{
    margin: 0;
    padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
    outline:none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.both{
    clear:both;
}

.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
img {
    max-width:100%;
}
    .block{
      display:block;
    }
    .p5{
      padding:5px;
    }
    .p10{
      padding:10px;
    }
    .p15{
      padding:15px;
    }
    .p20{
      padding:20px;
    }
    .p25{
      padding:25px;
    }
    .p30{
      padding:30px;
    }
    .pt5{
      padding-top:5px;
    }
    .pt10{
      padding-top:10px;
    }
    .pt15{
      padding-top:15px;
    }
    .pt20{
      padding-top:20px;
    }
    .pt25{
      padding-top:25px;
    }
    .pt30{
      padding-top:30px;
    }
    .pb5{
      padding-bottom:5px;
    }
    .pb10{
      padding-bottom:10px;
    }
    .pb15{
      padding-bottom:15px;
    }
    .pb20{
      padding-bottom:20px;
    }
    .pb25{
      padding-bottom:25px;
    }
    .pb30{
      padding-bottom:30px;
    }
    .pl5{
      padding-left:5px;
    }
    .pl10{
      padding-left:10px;
    }
    .pl15{
      padding-left:15px;
    }
    .pl20{
      padding-left:20px;
    }
    .pl25{
      padding-left:25px;
    }
    .pl30{
      padding-left:30px;
    }
    .pr5{
      padding-right:5px;
    }
    .pr10{
      padding-right:10px;
    }
    .pr15{
      padding-right:15px;
    }
    .pr20{
      padding-right:20px;
    }
    .pr25{
      padding-right:25px;
    }
    .pr30{
      padding-right:30px;
    }

    .m5{
      margin:5px;
    }
    .m10{
      margin:10px;
    }
    .m15{
      margin:15px;
    }
    .m20{
      margin:20px;
    }
    .m25{
      margin:25px;
    }
    .m30{
      margin:30px;
    }
    .mt5{
      margin-top:5px;
    }
    .mt10{
      margin-top:10px;
    }
    .mt15{
      margin-top:15px;
    }
    .mt20{
      margin-top:20px;
    }
    .mt25{
      margin-top:25px;
    }
    .mt30{
      margin-top:30px;
    }
    .mt40{
      margin-top:40px;
    }
    .mt50{
      margin-top:50px;
    }
    .mb5{
      margin-bottom:5px;
    }
    .mb10{
      margin-bottom:10px;
    }
    .mb15{
      margin-bottom:15px;
    }
    .mb20{
      margin-bottom:20px;
    }
    .mb25{
      margin-bottom:25px;
    }
    .mb30{
      margin-bottom:30px;
    }
    .mb40{
      margin-bottom:40px;
    }
    .mb50{
      margin-bottom:50px;
    }
    .ml5{
      margin-left:5px;
    }
    .ml10{
      margin-left:10px;
    }
    .ml15{
      margin-left:15px;
    }
    .ml20{
      margin-left:20px;
    }
    .ml25{
      margin-left:25px;
    }
    .ml30{
      margin-left:30px;
    }
    .mr5{
      margin-right:5px;
    }
    .mr10{
      margin-right:10px;
    }
    .mr15{
      margin-right:15px;
    }
    .mr20{
      margin-right:20px;
    }
    .mr25{
      margin-right:25px;
    }
    .mr30{
      margin-right:30px;
    }
    .fs12{font-size:12px;}
    .fs14{font-size:14px;}
    .fs16{font-size:16px;}
    .fs18{font-size:18px;}
    .fs20{font-size:20px;}
    .inline-block{display: inline-block;}
    .fl{
      float:left;
    }
    .fr{
      float:right;
    }
    .pt40{
      padding-top:40px;
    }
    .pt50{
      padding-top:50px;
    }
    .pb50{
      padding-bottom:50px;
    }
    .pb40{
      padding-bottom:40px;
    }
    .w5{width:5%;}
    .w10{width:10%;}
    .w15{width:15%;}
    .w20{width:20%;}
    .w25{width:25%;}
    .w30{width:30%;}
    .w33{width:33%;}
    .w35{width:35%;}
    .w40{width:40%;}
    .w45{width:45%;}
    .w50{width:50%;}
    .w55{width:55%;}
    .w60{width:60%;}
    .w65{width:65%;}
    .w70{width:70%;}
    .w75{width:75%;}
    .w80{width:80%;}
    .w85{width:85%;}
    .w90{width:90%;}
    .w95{width:95%;}
    .w100{width:100%;}
    .bs{
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
/* ************************************************
*  layout
* ************************************************ */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
  margin:0px auto;
  width:100%;
  text-align:left;
  font-size:12px;
  color:#333;
}
/*ヘッダー*/
#header {
  width:1000px;
  margin:0 auto;
}
#middle_contents{
  width:1000px;
  margin:0 auto;
}
/*サイド*/
#side {
  float: left;
  width: 250px;
  font-size: 15px;
}
/*メイン*/
#main {
  float: right;
  width: 730px;
}
#mobile{
  width: 145px;
}

/* ************************************************
*  main
* ************************************************ */


/* ************************************************
*  item_box
* ************************************************ */

.item_box {
  display:inline-block;
  float: left;
  margin: 0 41px 45px 0;
  width: 205px;
  vertical-align:top;
  text-align: left;
  /display:inline;
  /zoom:1;
}
.item_box .item_image {
  margin: 0px;
}
.item_box .item_image img.item {
  max-width: 100%;
  border: solid 1px #ddd;
}
.item_box .item_detail {
  margin: 15px 0 0;
  padding-left: 10px;
  border-left: solid 1px #ddd;
}
.item_box .item_detail p{
  overflow: hidden;
  width: 100%;
}

.item_box .item_detail p.item_name {
  margin-bottom: 5px;
  font-size: 15px;
}

.item_box .item_detail p.item_description{
  text-overflow: initial;
  overflow: visible;
  white-space: normal;
}

p.item_regular_price, p.item_price, p.item_discount {
  margin-bottom: 10px;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}
.item_price{
  text-align: center;
}

.box_last{
  margin-right: 0;
}

.box_small .item_box {
  display:inline-block;
  margin: 0 33px 45px 0;
  width: 113px;
  vertical-align:top;
  text-align: left;
  /display:inline;
  /zoom:1;
}
.box_small p {
  overflow: hidden;
  width: 100%;

}
.box_small .item_box .item_detail a {
  margin-bottom: 5px;
  font-size: 13px;
}

.box_small .box_last {
  margin-right: 0;
}

.stock_error{
  display:none;
  padding:10px 0;
  color:#DA5858;
  font-weight:bold;
}

/* ************************************************
*  Top_Page
* ************************************************ */


/* ************************************************
*  product_detail_page
* ************************************************ */

h2.product_name {
  margin-bottom: 0.8em;
  padding-bottom: 0.6em;
  background: transparent url("https://img.shop-pro.jp/tmpl_img/67/border_bottom.png") repeat-x left bottom;
  font-size: 19px;
}

.product_form{
  margin: 0 0 20px;
}

.product_detail_area {
  position: relative;
  width: 100%;
}

.product_images {
  display: inline-block;
  float: left;
  width: 435px;
}
.product_images div img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height:auto;
  border: 1px solid #ddd;
}
.product_images div p.detail {
  margin-top: 10px;
  line-height: 20px;
}

.add_cart {
  clear: right;
  float: right;
  overflow: hidden;
  width: 270px;
  font-size: 15px;
}

table.add_cart_table {
  margin-bottom: 10px;
  width: 100%;
  border-left: solid 1px #ccc;
  table-layout:fixed;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}
table.add_cart_table th {
  display: inline-block;
  overflow: hidden;
  padding: 12px 4px 12px 18px;
  width: 35%;
  text-align: left;
  font-size: 15px;

}
table.add_cart_table td {
  display: inline-block;
  overflow: hidden;
  padding: 10px 0;
  width: 55%;
  text-align: left;
 font-size: 17px;
}
table.add_cart_table td input {
  padding: 0 4px;
  width: 38px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  vertical-align: middle;
}
table.add_cart_table td strong.price {
  font-size: 14px;
}

table#option_tbl {
  margin-bottom: 20px;
  width: 100%;
}
table#option_tbl th,
table#option_tbl td.none {
  background: whiteSmoke;
}
table#option_tbl th,
table#option_tbl td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
}
table#option_tbl th {
  background: whiteSmoke;
}
table#option_tbl td div input {
  margin-bottom: 5px;
}

ul.option_price {
  margin: 0 0 20px 0;
}
ul.option_price li {
  list-style-type: none;
}

.option_box{
  clear: both;
  width: 100%;
  overflow: hidden;
}

table td.pur_block{
  margin: 0 5px 0 0;
  width: auto;
  white-space: normal;
}

.button_area input {
  width: 100%;
}

.product_description {
  clear: both;
  margin-bottom: 20px;
  word-wrap: break-word;
  font-size: 12px;
  line-height: 22px;
}

.product_image_extra {
  margin-bottom: 20px;
  text-align: center;
}
.product_image_extra img.item {
  margin-bottom: 20px;
}

.product_link_area {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: #ccc solid 1px;
}
.product_link_area div.twitter {
  float: left;
  width: 100px;
}
.product_link_area div.pinterest {
  float: left;
  margin-right: 30px;
}
.product_link_area div.fb-like {
  float: left;
  width: 200px;
}
.product_link_area ul.other_link {
  clear: both;
  margin-top: 20px;
  margin-left: 20px;
}
.product_link_area ul.other_link li {
  margin-bottom: 10px;
}

.share{
  margin: 15px 0 0;
  list-style: none;
}
.share li{
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  max-width: 125px;
}
.calamel-link{
  margin-top: 10px;
}

#tb_cap_tb{
  margin-top: 20px;
}

.tb {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #CCC;
}
#tb_stitle {
  margin-bottom: 20px;
}

.tb_date, .tb_title, .tb_body, .tb_state {
  margin-bottom: 5px;
}

/* ************************************************
*  cloud_zoom
* ************************************************ */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
  margin:-4px;  /* Set this to minus the border thickness. */
  border: 4px solid #888;
  background-color:#fff;
  cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
  position:absolute !important;
  top:0px;
  padding:3px;
  width:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
}

/* This is the zoom window. */
.cloud-zoom-big {
  overflow:hidden;
  border: 4px solid #c86464;
}

/* This is the loading message. */
.cloud-zoom-loading {
  padding:3px;
  border:1px solid #000;
  background:#222;
  color:white;
}

/* Feature section in ZoomEngine page */
.zoom-section {
  clear:both;
}

* html .zoom-section {
  display:inline;
  clear:both;
}

.zoom-small-image {
  float: left;
  margin-top: 4px;
  width: 400px;
}
.zoom-small-image #wrap {
  position: relative;
  top: 0px;
  z-index: 9999;
}

.cloud-zoom {
  margin-bottom: 20px;
}

.zoom-small-image .mousetrap {
  position: absolute;
  top:0px;
  left:0px;
  z-index:999;
  width: 100%;
}

/* Feature descriptions in ZoomEngine page */
.zoom-desc {
  clear: left;
  width: 100%;
}

a.cloud-zoom-gallery {
  display: block;
  float: left;
  margin: 0 22px 20px 0;
  width: 82px;
  height: 82px;
  cursor: pointer;
}
.zoom-tiny-image {
  padding: 3px;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  background: #efefef;
}
.zoom-tiny-image.selected {
  border: 1px solid #c86464;
  background: #c86464;
}
.zoom-tiny-image:hover {
  border: 1px solid #c86464;
}

a.gallery_last{
  margin-right: 0;
}

/* ************************************************
*  product_option_window
* ************************************************ */

#product_option {
  margin: 20px;
  padding: 20px;
  background: #fff;
}
#product_option h2 {
  margin-bottom: 20px;
}

table.table_option {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}
table.table_option th {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f5f5f5;
}
table.table_option td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* ************************************************
*  product_list_page
* ************************************************ */

.sub_category_area,
.sub_group_area {
  margin-bottom: 20px;
  padding: 10px 10px 0px 10px;
  height: 100%;
  border: solid 1px #ccc;
}

.sub_category_area div.sub_category,
.sub_group_area div.sub_group {
  float: left;
  margin: 0 20px 10px 0;
}

.sub_category_area div.sub_category img,
.sub_group_area div.sub_group img {
  margin-right: 10px;
  border: solid 1px #ccc;
}

/* ************************************************
*  search_page
* ************************************************ */

.search_result {
  margin: 20px 0;
  padding: 10px 0;
  background: #ddd;
  text-align: center;
}

.none {
  margin: 50px 0;
  text-align: center;
}

/* ************************************************
*  policy
* ************************************************ */

#policy {
  line-height: 1.8;
  font-size: 14px;
}
#policy h2 {
  margin-bottom: 30px;
}

.policy_box,
#policy_lead{
  margin-bottom: 30px;
}

.sk_box {
  margin-bottom: 70px;
}
.sk_box h3 {
  margin-bottom: 1em;
  font-size: 16px;
}
.sk_box table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-collapse: separate;
  empty-cells:show;
}

.sk_box th {
  padding: 20px 40px 20px 0;
  width: 170px;
  text-align: left;
}
.sk_box th img.poricy_img {
  margin-bottom: 5px;
}
.sk_box td {
  padding: 20px 0;
  zoom: 1;
  content: ' ';
}
.sk_box th,
.sk_box td {
  vertical-align: top;
  line-height: 1.8;
  position: relative;
  border-bottom: solid 1px #ccc;
}

#payment_method {
  margin-top: 40px;
}
#payment_method table.table {
  width: 100%;
}
#payment_method table.table th {
  width: 200px;
  text-align: center;
}

#shipping_method {
  margin-top: 40px;
}
#shipping_method table.table {
  width: 100%;
}
#shipping_method table.table th {
  width: 200px;
  text-align: center;
}

/* ************************************************
*  side
* ************************************************ */

#side .box {
  clear: both;
  word-wrap: break-word;
  position: relative;
}
#side .box ul {
  margin-left: 0px;
  list-style: none;
}
#side .box ul li a{
    font-size:12px;
    color:#666;
    text-decoration:none;
}
#side #side_nav ul{
  margin-right: 10px;
}
#side #side_nav ul li {

  margin: 0;
}
#side #side_nav .nav_item{
  clear: both;
  padding: .9em 0 .9em;
  cursor: pointer;
}
#side #side_nav .nav_item .nav_icon{
  float: left;
  padding: inherit;
  width: 20px;
  height: auto;
}
#side #side_nav .nav_item .nav_icon img{
  max-width: 100%;
}
#side #side_nav .nav_item .nav_title{
  float: right;
  text-align: right;
}
#side #side_nav .nav_item h3{
  margin-bottom: 4px;
  padding: 0;
  border: none;
  text-align: right;
}
#side #side_nav .nav_item p{
  color: #999;
}
.box_default ul li div{
  position: relative;
  padding-top:10px;
  text-align: left;
}
.box_default ul li:first-child div{
  padding-top:0px;
}
.box_default ul li div img{
  border: solid #ddd 1px;
}
.box_default ul li div p{
  line-height : 1.6;
}
#side #box_cart .cart_button {
  text-align: right;
}

#side #box_owner .inner{
  padding: 1.2em 0 1em;
}
#side #box_owner .owner_photo{
  margin: 0 0 10px;
  width: 100px;
  max-width: 100%;
  height: auto;
  border: solid #ddd 1px;
}
#side #box_owner p.name {
  font-size: 14px;
}
#side #box_owner p.memo {
  font-size: 11px;
  line-height: 18px;
}
#side #box_owner p.website {
  padding-left: 20px;
}
#side #side_info li{
  color:#666;
}
#side #side_info li span.date{
  font-size:12px;
  display: inline-block;
  margin-right:5px;
  padding-left:15px;
  background:url("https://img21.shop-pro.jp/PA01327/753/etc/tpl1_sarrow2.jpg")no-repeat left 3px;
}

/* ************************************************
*  Common Elements
* ************************************************ */
/* @group Common Elements */

table {
  border-spacing: 0;
  border-collapse: collapse;
}
table.table {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.table th {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f5f5f5;
}
table.table td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.footstamp {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.footstamp span {
  margin: 0 5px;
  color: #999;
}

.sort {
  float: right;
  margin-bottom: 20px;
  text-align: right;
}
.sort strong {
  margin-right: 5px;
}
.sort a {
  margin-right: 5px;
  text-decoration: underline;
}
.sort span {
  margin-right: 5px;
  background: #eee;
  text-decoration: none;
  font-weight: bolder;
}

.pager {
  clear: both;
  padding: 20px 0;
  text-align: center;
}
.pager a{
  margin: 15px;
}
.none {
  clear: both;
  margin: 50px 0;
  text-align: center;
}

.old_out {
  color: #DA5858;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

.to_top{
  float: right;
  clear: both;
  text-align: center;
  margin: 0 0 20px;
  padding: 1.3em 1em;
  border: solid 1px #aaa;
  font-size: 14px;
  color: #888;
}
.to_top:hover {
  text-decoration: none;
  color: #c86464;
  border-color: #c86464;
}

.tbl_calendar {
  margin: 20px 0;
  width: 100%;
  border: none !important;
  border-spacing: 0 !important;
  border-collapse: collapse !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  border-bottom: 1px solid #ccc !important;
  text-align: center !important;
}

/* @group button */
.btn {
  display: block;
  margin-top: 1em;
  border: none;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance:none;
}
.btn:link,
.btn:visited,
.btn:hover,
.btn:active{
  color: #fff;
  text-decoration: none;
}
.btn-primary {
  margin: 1.2em 0 .9em;
  padding: 1.4em 0;
  background-color: #c86464;
}
.btn-contact {
  margin: 0.5em 0.3em;
  padding: 1.3em 0;
  background-color: #a0a0a0;
  font-weight: normal;
  font-size: 13px;
}
.btn-quick {
  margin: 0.9em 0;
  padding: 1.3em 0;
  background-color: #64b4c8;
  font-size: 13px;
}
.item_list_4 li{
  width:22%;
  float:left;
  margin-right:4%;
  font-size:14px;
  margin-top:35px;
}
.item_list_4 li a{
  text-align:center;
  color:#666666;
  display: block;
  font-size: 15px;
}
.item_list_4 li img{
  display: block;
  margin-bottom:20px;
}
.item_list_4 li span.price{
  display: block;
  margin-top:0px;
  text-align:center;
  font-size: 15px;
}
.item_list_4 li:nth-child(4n){
  margin-right:0;
}
.item_list_4 li:nth-child(4n+1){
  clear:both;
}



body{
    font-family: "游ゴシック","メイリオ";
    font-size:12px;
    margin:0 auto;
    color:#333;
}
#container a{
  text-decoration: none;
  color:#333;
}
#eyecatch{
  display: none;
}

.search{
  margin-top:20px;
  margin-bottom:27px;
}
.search .search_text{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:38px;
  width:205px;
  margin-right:7px;
  padding-left:10px;
  font-size:10px;
  float:left;
  border:none;
  border:solid 3px #020202;
}

#side .box{
  margin-top:23px;
  margin-bottom:40px;
}
#side .box a{
  font-size:10px;
}
#header a:hover,#main a:hover,#footer_bg a:hover{
  text-decoration: underline;
}

  #header{
    width:1000px;
    margin:0 auto;
    padding-bottom:22px;
  }
  #header .h_left{
    display: inline-block;
    float:left;
    padding-top:41px;
  }
  #header .h_center{
    margin-left:29px;
    padding-top:37px;
    display: inline-block;
    float:left;
  }
  #header .h_right{
    padding-top:44px;
    display: inline-block;
    float:right;
  }
  #g_nav_bg{
    background:#07878c;
    width:100%;
  }
  #g_nav{
    width:1000px;
    margin:0 auto;
    text-align: center;
    letter-spacing: -.4em;
  }
  #g_nav li{
    display: inline-block;
    letter-spacing: normal;
    height:50px;
  }
  #eyecatch{
    width:100%;
    overflow: hidden;
  }
  .eyecatch_inner{
    position:relative;
    width:1000px;
    height:350px;
    margin: 0 auto;
  }
  .slide_wrap{
    width: 3000px;
    position: absolute;
    left: 50%;
    margin-left: -1500px;
  }
  #slider div{
    width:1000px !important;
  }
  #top_banner{
    background:#07878c;
    padding:39px 0px;
    display: none;
  }
  #top_banner ul{
    width:1000px;
    margin:0px auto;
  }
  #top_banner ul li{
    float:left;
    display: inline-block;
  }
  #top_banner ul li:nth-child(n+2){
    margin-left:30px;
  }
  #middle_contents{
    padding-top:42px;
  }
  .gray_list li{
    background:#f2f2f2;
    margin-top:1px;
  }
  .gray_list li:hover{
    background:#ddd;
  }
  .gray_list li a{
    display: block;
    line-height:40px;
    padding-left:15px;
  }
  .mailmaga{
    padding:26px 0px 23px;
  }
  #side_contents{
    margin-bottom:24px;
  }
  #shop .inner{
    padding:15px 0px 0px;
  }
  #footer_bg{
    background:#07878c;
    color:#fff;
    padding-top:60px;
    padding-bottom:60px;
    text-align: center;
  }
  #footer{
    width:1000px;
    margin:0 auto;
    font-size: 15px;
  }
  #f_nav{
    letter-spacing: -.4em;
    text-align: center;
    margin-bottom:30px;
  }
  #f_nav li{
    letter-spacing: normal;
    display: inline-block;
  }
  #f_nav li:nth-child(n+2):before{
    content:"|";
    display: inline-block;
    padding:0px 15px;
    color:white;
  }
  #f_nav li a{
    letter-spacing: normal;
    color:white;
    text-decoration: none;
  }
  #footer_bg{
    margin-top:100px;
  }
  #copy{
    color:white;
    font-size: 15px;
  }
  a img:hover{
    opacity: 0.8;
  }
h6 {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: .5em .75em;
    background-color: #EEEEEE;
    border-left: 6px solid #07868C;
    font-size: 15px;
    font-weight: bold;
}

.product_description {
    clear: both;
    margin-bottom: 20px;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 22px;
}

#cate_free h2 {
    margin-top: 20px;
    margin-bottom: 15px;
    padding: .5em .75em;
    background-color: #EEEEEE;
    border-left: 6px solid #07868C;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}
.cg_freespace_01 {
    padding: 0;
    margin: 20px 0 125px 0;
}
.cate_text {
    font-size: 14px;
}
div#cate_free {
    margin-bottom: 20px;
}
.cate_img {
    float: left;
    margin-right: 10px;
}
span.sold_out {
    color: red;
}
/*------------------------------------------------------------------------
以降、panthers追加ｃｓｓ
--------------------------------------------------------------------------*/
#f-page{}
#f-page h2{ margin-bottom:40px}

#f-page h3{
	position: relative;
	padding: .40em 1em .40em 1.5em;
	border: 1px solid #ccc;
	border-radius:5px;        /* CSS3草案 */
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:5px;
	box-shadow: -2px -2px 2px rgba(0, 0, 0, .1) inset;
	font-weight:bold;
	color:#554e4e;
	font-size:130%;
	margin-bottom:20px;
}
#f-page h3::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #07878c;
	border-radius: 4px;
}

#f-page h4{ margin-bottom:20px}

.clm{
	width:710px;
	padding:0px 10px;
	display:block;
	margin-bottom:40px;
	
}


#rental_tbl table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	margin-bottom:5px;
	font-size:120%;
}

#rental_tbl thead th {
	padding: 10px;
	font-weight: bold;
	letter-spacing: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #07878c;
	background: #e7feff;
	text-align:center;
}

#rental_tbl tbody th {
	width: 110px;
	padding: 8px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #e7feff;
}

#rental_tbl td {
	border:1px solid #ccc;
	width: 130px;
	padding: 6px;
}

.rental_step{
	border:3px solid #d4dfe1;
	padding:8px;
	margin-bottom:20px;
}

.rental_step_inner{	padding:0 15px;}
.rental_step_inner p{
	font-size:12pt;
	margin-bottom:15px;
}	

.rental_qa dl{
     width:100%;
     line-height:1.4;
     overflow: hidden;
     _zoom: 1;
	
}

.rental_qa dt{
	background:url(https://img07.shop-pro.jp/PA01258/537/etc/rent-q.png) no-repeat;
	margin: 10px 0 -1px 0;
	padding: 3px 5px 10px 45px;
	color:#606060;
	font-weight:bold;
	font-size:150%; 
}


.rental_qa dd{
	background: url(https://img07.shop-pro.jp/PA01258/537/etc/rent-a.png) no-repeat;
	margin: 0px 0 30px 0;
	padding: 3px 5px 20px 45px;
	border-bottom: 1px dotted #ccc;
	font-size:130%;
}

#rental_entry{
	width:710px;
	padding:0px 10px;
	display:block;
	margin-bottom:40px;
}
  
.rental_entry_ttl {
	width: 650px;
	padding: 0.5em 0.5em;
	background: #2d7aaa;
	position: relative;
	color: #fff;
	font-size: 190%;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
}

.sankaku {
	width: 0;
	height: 0;
	border-top: 35px solid #2d7aaa;
	border-right: 50px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 50px solid transparent;
	position: absolute;
	bottom: -50px;
	left: 42%;
}

.form-input{
	margin: 0 auto;
	padding: 40px 0 20px 0;}

.form-input table{	margin: 0 auto;}

#rental_entry table{border: 6px solid #f1f1eb; padding:2px;}

#rental_entry table th{
	vertical-align:middle;
	font-weight:normal;
	font-size:130%;
	background-color:#f1f1eb;
	border:1px solid #fff;
	padding:10px 20px;
}

#rental_entry table td{ 
	border-top: 1px solid #e7e7e7;
	padding:10px 20px;
}	

input[type="text"],input[type="email"],input[type="tel"],input[type="redio"],select,textarea {
    border-radius: 3px;        /* CSS3草案 */ 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */  
    border: 1px solid #8b8a8a;
    font-size: 100%;
    margin-top: 5px;
	margin-bottom:5px;
	padding:5px;
}

.rental_btn{margin: 0 auto; text-align:center;}

.rental_btn submit{margin: 0 auto;}

input#submit_rental {
	background-color: #4aba01;
	box-shadow: 0 3px 0 #47aa05;
	position: relative;
	padding: 15px 40px;
  	border-radius: 5px;
	font-size: 200%;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

input#submit_rental:active, .submit_rental:hover {
	top: 3px;
	box-shadow: none;
	color:#fff;
} 

span.hissu-icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 4px;
  margin-left: 7px;       /* 先行する文字列との間隔 */
  vertical-align: middle; /* 先行する文字列と上下中央揃え */
  font-size: 0.6em;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;     /* アイコンの角を丸める */
}

span.ninni-icon {
  display: inline-block;
  background: #cccccd;
  padding: 1px 4px;
  margin-left: 7px;       /* 先行する文字列との間隔 */
  vertical-align: middle; /* 先行する文字列と上下中央揃え */
  font-size: 0.6em;
  font-weight: bold;
  color: #6f6f70;
  border-radius: 3px;     /* アイコンの角を丸める */
}
.table-cap{ font-size:12px; color:#666;}

.pdf-dl-box{
	background: #eee;
	border: 1px dotted #ccc;
	padding:10px;
	font-size:12px;
	margin-bottom:10px;
	width:60%;
}
.pdf-dl-box a:link { text-decoration:underline !important;}
.pdf-dl-box img{ text-decoration:none;}

.pdf-dl-box02{
	background: #effcfd;
	border: 1px dotted #9de1e4;
	padding:10px;
	font-size:12px;
	margin-bottom:15px;
	width:60%;
}
.pdf-dl-box02 a:link { text-decoration:underline !important;}
.pdf-dl-box02 img{ text-decoration:none;}

.get-pdf{font-size:12px;}
.get-pdf a:link { text-decoration:underline !important;}
.get-pdf img{ text-decoration:none;}


.shop-merit{ margin-bottom:50px;}

.rental-about { padding:20px;}

.rental-about p{
	font-size:12pt;
	margin-bottom:15px;
}


.rental-voice {    
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 65px 20px 20px 20px;
    background: #f2f7f2;
    margin-bottom:30px;
    border: 1px solid #e2eae0;
	
  }
.voice-ttl {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    box-sizing: border-box;
    padding: 5px 12px;
    margin: 0;
    height: 35px;
    line-height: 30px;
    font-size: 17px;
	font-weight:  600 !important;
    color: #616161;
    background: #9dec93;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.voice-ttl:before {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    border: none;
    height: 43px;
    width: 7px;
    background: #9dec93;
    border-radius: 5px 0 0 5px;
}
.voice-ttl:after {
    position: absolute;
    content: '';
    bottom: -7px;
    left: -5px;
    border: none;
    height: 7px;
    width: 5px;
    background: #6ea967;
    border-radius: 5px 0 0 5px;
}

.rental-voice p {
	font-size:12pt;

  }
.r-name{ margin-left:5px; font-size:13px;}  

.r-item{
	float:right;
	margin-left:20px;
}

.r-item p{
	text-align:center;
	font-weight:bold;
	font-size: 13px;
	color: #777;
	padding-top: 3px;
}

.r-maker-btn {
	overflow: hidden;
	margin-bottom:10px;
}
/* clearfix */
.r-maker-btn:before,
.r-maker-btn:after {
    content: "";
    display: table;
}

.r-maker-btn:after {clear: both;}

/* For IE 6/7 (trigger hasLayout) */
.r-maker-btn{
	zoom: 1;
	margin-bottom:10px;
}

.r-maker-btn-l {float: left; margin-right:10px; margin-bottom:10px;}
.r-maker-btn-r {float: left; margin-bottom:10px;}

@media screen and (max-width: 640px) {	
.r-maker-btn-l {float: none; width:90%; margin-right:0; margin-bottom:10px;}
.r-maker-btn-r {float: none; width:90%; margin-bottom:10px;}
}

.r-btn {
	width: 89%;
	margin-bottom: 25px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

a.rp_btn {
	display: block;
	padding: 10px 5px;
	text-align: center;
	text-decoration: none;
	color: #73c703 !important;
	border: 2px solid #73c703;
	border-radius: 10px;
	transition: .4s;
	font-size: 18px;
	font-weight:bold;
	background: #f7ffe4;
	text-decoration:none !important;
}
a.rp_btn:hover {
	background: #73c703;
	color: #fff !important;
	text-decoration:none !important;
}


.PCnone{display:none;}
.SPnone{display:block;}

/*------------------------------------------------------------------------
Spacer
--------------------------------------------------------------------------*/
.mt5 {	margin-top : 5px;}
.mt7 {	margin-top : 7px;}
.mt10 {	margin-top : 10px;}
.mt15 {	margin-top : 15px;}
.mt20 {	margin-top : 20px;}
.mt25 {	margin-top : 25px;}
.mt30 {	margin-top : 30px;}
.mt35 {	margin-top : 35px;}
.mt40 {	margin-top : 40px;}
.mt50 {	margin-top : 50px;}
.mb5 {	margin-bottom : 5px;}
.mb7 {	margin-bottom : 7px;}
.mb10 {	margin-bottom : 10px;}
.mb15 {	margin-bottom : 15px;}
.mb20 {	margin-bottom : 20px;}
.mb25 {	margin-bottom : 25px;}
.mb30 {	margin-bottom : 30px;}
.mb35 {	margin-bottom : 35px;}
.mb40 {	margin-bottom : 40px;}
.mb50 {	margin-bottom : 50px;}

.fl_r{float:right;margin-left:10px; margin-bottom:10px;}
.fl_l{float:left;margin-right:10px; margin-bottom:10px;}

.aligncenter{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left}

br.clr{clear:both;}

.u{text-decoration:underline;}

.fnt16{font-size:16px !important;}
.fnt15{font-size:15px !important;}
.fnt14{font-size:14px !important;}
.fnt12{font-size:12px !important;}

.fnt120{font-size:120% !important;}
.fnt90{font-size:90% !important;}

.bold{	font-weight: bold;}

h1 {
width: 940px;
margin:0 auto;
font-size:11px;
font-weight: normal;
padding: 2px 10px 2px 0;
/* padding: 12px 10px 2px 0; */
text-align: right;
color: #fcfcfc;
}

#WRAP-H1 {
margin: 0;
padding: 0;
}
  
#wrap-h1-outer {
color: #fcfcfc;
background: #6c6a6a;
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: url(https://img07.shop-pro.jp/PA01263/172/etc/foot_grange.png?202507063351), linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

/* =====================================
 　レンタル紹介ページ
===================================== */
#rs-page{}

#rs-page h2 {
	border-bottom: solid 3px #b4dbde;
	position: relative;
	margin-bottom: 35px;
	font-size: 25px;
	font-weight:600;
	color: #65696b;
	padding: 10px 0;
}

#rs-page h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #07878c;
	bottom: -3px;
	width: 20%;
}

#rs-page h3{
	padding: 8px;
	color: #65696b;
	background: #eaf6f7;
	border-left: solid 5px #07878c;
	font-size: 20px;
	margin-bottom:20px;
	font-weight:600;
}


.rent-spc-tbl table{
	border-collapse: separate;
	border-spacing: 0;
	font-size:13px;
	border-color:#eaeaea;
	border-top: 1px solid #ccc;
	margin-bottom:15px;
}

.rent-spc-tbl tbody th{
	background:#e7feff !important;
	padding: 5px;
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 17%;
}

.rent-spc-tbl td{
	padding:5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.spec-sn{
	text-align:center;
	background:#f4f7f7;
	width:25%;
}



.item-cont {
	overflow: hidden;
	margin-bottom:20px;
}
/* clearfix */
.item-cont:before,
.item-cont:after {
    content: "";
    display: table;
}

.item-cont:after {clear: both;}

/* For IE 6/7 (trigger hasLayout) */
.item-cont{
	zoom: 1;
	margin-bottom:20px;
	padding:0 10px 20px 0;
}

.item-cont-l {float: left; margin-right:5%; width:30%;}
.item-cont-r {float: left; width:65%}


.rent-cost table{
	margin-bottom:20px;
}

.rent-cost thead th {
	padding: 5px;
	font-weight: bold;
	font-size:16px;
	letter-spacing: 2px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #90bf75;
	background: #d6f7c3;
	text-align:center;
	color: #554e4e;
}
	
.rent-cost tbody th{
	background: #f4f7f7 !important;
	padding: 8px;
	font-weight:normal;
	text-align:left;
	border: 1px solid #ccc;
	font-size: 17px;
	width: 55%;
}

.rent-cost tbody td{
	padding: 8px;
	text-align:left;
	border: 1px solid #ccc;
	text-align: right;
	font-weight: bold;
	font-size:17px;
}

.rents-btn {
	overflow: hidden;
	margin-bottom:20px;
}
/* clearfix */
.rents-btn:before,
.rents-btn:after {
    content: "";
    display: table;
}

.rents-btn:after {clear: both;}

/* For IE 6/7 (trigger hasLayout) */
.rents-btn{
	zoom: 1;
	margin-bottom:20px;
}

.rents-btn-l {float: left; margin-right:10px;}
.rents-btn-r {float: left; }

a.rs_btn01 {
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	color: #ff8605 !important;
	border: 2px solid #ff8605;
	border-radius: 15px;
	transition: .4s;
	font-size: 17px;
	font-weight:bold;
}

a.rs_btn01:hover {
	background: #ff8605;
	color: #fff !important;
	text-decoration:none !important;
}

a.rs_btn02 {
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	color: #28a7bd !important;
	border: 2px solid #28a7bd;
	border-radius: 15px;
	transition: .4s;
	font-size: 17px;
	font-weight:bold;
}
a.rs_btn02:hover {
	background: #28a7bd;
	color: #fff !important;
	text-decoration:none !important;
}
		
/* =====================================
 　買取サイト
===================================== */
#buy-page{}

#buy-page p{ margin-bottom:20px;}


#buy-page h2 {
	margin-bottom: 35px;
}

#buy-page h3 {
	color:#ce272c;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	margin-bottom: 35px;
}

#buy-page h4 {
	color:#ffffff;
	background: #2b407f;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding: 8px;
	margin-bottom: 25px;
}

.b-hl01{
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

/* ===== table ===== */

#buy_tbl table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	margin-bottom:30px;
	font-size:120%;
}

#buy_tbl thead th {
	padding: 15px 8px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #01008c;
	background: #e8eef9;
	text-align:center;
	vertical-align:middle;
}

#buy_tbl tbody th {
	width: 100px;
	padding: 15px 8px;
	font-weight: bold;
	font-size: 13px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #e8eef9;
}

#buy_tbl td {
	border:1px solid #ccc;
	width: 160px;
	padding: 6px;
	font-size: 13px;
}

/* ===== step ===== */

.bstep-box {
	overflow: hidden;
	margin-bottom:20px;
}
/* clearfix */
.bstep-box:before,
.bstep-box:after {
    content: "";
    display: table;
}

.bstep-box:after {clear: both;}

/* For IE 6/7 (trigger hasLayout) */
.bstep-box{
	zoom: 1;
	margin-bottom:20px;
	background: #f9f9f9;
	overflow: hidden;
	border:solid 1px #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
	padding: 15px 10px;
	margin-bottom:15px;
}

.bstep-box-l { 
	float: left; 
	margin-right:3%; 
	width:10%;
	text-align:center;
	display:table;
	
}

.bstep-box-r  {float: left; width:87%;}


.bstep-ttl{font-size:20px !important;font-weight:bold;margin-bottom: 10px !important;}
.bstep-text{font-weight:bold;color:#7b7a7a;margin-bottom: 0 !important;line-height: 1.5;font-size: 16px;}

.sb-icon{
  display: inline-block;
  background: #2b407f;
  padding: 2px 5px;
  margin-left: 7px;
  margin-bottom: 1px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
 }

.b-arrow{ text-align:center; margin-bottom:15px}

ul.check {
	padding-left:25px;
	color:#7b7a7a;
}

ul.check li {
  position: relative;
  font-weight:bold;

}
ul.check li::after,
ul.check li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.check li::after {
  top: .1em;
  left: -1.2em;
  width: 14px;
  height: 14px;
  background-color: #7b7a7a;
  border-radius: 100%;
}
ul.check li::before {
  z-index: 2;
  top: .35em;
  left: -.99em;
  width: 4px;
  height: 4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.red{ color:#ff0000;}


/* ===== QA ===== */

.b_qa {
    width:100%;
	margin-bottom:10px;
}
.b_qa dt {
    cursor:pointer;
    background-image: url(https://img07.shop-pro.jp/PA01258/537/etc/plus.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
    border:solid 1px #ccc;
    padding:15px;
    font-size:17px; 
}
.b_qa dd{
    display:none;
    font-size:17px;
    line-height:140%;
    margin:0;
    padding:15px;   
    }
.b_qa dt.active{
    background-image: url(https://img07.shop-pro.jp/PA01258/537/etc/minus.gif);
}
.b_qa dt.over {
    background-color: #dee6ff;
}

.bq{ font-weight:bold; color:#2b407f;}
.ba{ font-weight:bold; color:#ce272c;}


/* ===== form ===== */

#buying_entry table{border: 6px solid #f1f1eb; padding:2px; width:100%;}

#buying_entry table th{
	vertical-align:middle;
	font-weight:normal;
	background-color:#f1f1eb;
	border:1px solid #fff;
	padding:10px 20px;
	font-size:125%;
}

#buying_entry table td{ 
	border-top: 1px solid #e7e7e7;
	padding:10px 20px;
}	

input[type="text"],input[type="email"],input[type="tel"],input[type="redio"],select,textarea {
    border-radius: 3px;        
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px; 
    border: 1px solid #8b8a8a;
    font-size: 100%;
    margin-top: 5px;
	margin-bottom:5px;
	padding:5px;
}

.buying_btn{margin: 20px auto 40px auto; text-align:center;}

input#submit_buying {
    border-radius: 6px; 
    -webkit-border-radius: 6px;  
    -moz-border-radius: 6px; 	
	-webkit-appearance:button;
	cursor: pointer;
	background:#df0024;
	border-color:#dd334f;
	margin: 0 auto;
	padding:10px 16px;
	font-size:18px;
	color:#ffffff;
	font-size:20px;
	width:40%;
	
}

input#submit_buying:active, input#submit_buying:hover {
	background:#f52b4c;
} 

/* =====================================
 　2019.08 比較サイト
===================================== */


#prod-page{}

#prod-page p{ margin-bottom:20px; font-size:15px;}

#prod-page h2 {
	border-bottom: solid 3px #b4dbde;
	position: relative;
	margin-bottom: 35px;
	font-size: 25px;
	font-weight:600;
	color: #65696b;
	padding: 10px 0;
}

#prod-page h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #07878c;
	bottom: -3px;
	width: 20%;
}


#prod-page h3{
	padding: 8px;
	color: #65696b;
	background: #eaf6f7;
	border-left: solid 5px #07878c;
	font-size: 20px;
	margin-bottom:30px;
	font-weight:600;
}

#prod-page h5{
	padding: 8px;
	background: #eaf5ff;
	font-size: 18px;
	margin-bottom:30px;
	font-weight:600;
	text-align: center;
	border-left: 5px solid #4472c4;
	border-right: 5px solid #4472c4;
	color: #4c4c4c;
}

.series-ttl{
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px dotted #52b5b9;
	border-top: 5px solid #52b5b9;
	margin: 40px auto 30px auto;
	font-size: 23px;
	font-weight:bold;
	/* background: #f4feff; */
}

.fl_rp{float:right;margin-left:10px; margin-bottom:10px;}


/* ===== table ===== */

#prod_tbl table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	/* border-left: 1px solid #ccc; */
	margin-bottom:30px;
	font-size:120%;
}

#prod_tbl thead th {
	padding: 15px 8px;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	border-top: 1px solid #4472c4;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background: #4472c4;
	text-align:center;
	vertical-align:middle;
	color: #ffffff;
}

#prod_tbl tbody th {
	width: 140px;
	padding: 15px 5px;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#prod_tbl td {
	border: 2px solid #fff;
	width: 160px;
	padding: 8px;
	font-size: 14px;
	vertical-align:middle;
}

.pth01{background: #cee1ff;}

.pth02{background: #eaf5ff;}


.type01{
	position: relative;
	padding: 8px;
	border-left: solid 45px #52b5b9;
	font-size: 16px;
	margin-bottom: 25px;
	/* color: #07878c; */
	border-bottom: 2px solid #52b5b9;
	font-weight:bold;
}

.type01:before {
	content: "１";
	position: absolute;
	padding: 0em;
	color: #ffffff;
	left: -30px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight:bold;
	font-size: 16px;
}


.type02{
	position: relative;
	padding: 8px;
	border-left: solid 45px #52b5b9;
	font-size: 16px;
	margin-bottom: 25px;
	/* color: #07878c; */
	border-bottom: 2px solid #52b5b9;
	font-weight:bold;
}

.type02:before {
	content: "２";
	position: absolute;
	padding: 0em;
	color: #ffffff;
	left: -30px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight:bold;
	font-size: 16px;
}


.item-cont02 {
	overflow: hidden;
	margin-bottom:20px;
}
/* clearfix */
.item-cont02:before,
.item-cont02:after {
    content: "";
    display: table;
}

.item-cont02:after {clear: both;}

/* For IE 6/7 (trigger hasLayout) */
.item-cont02{
	zoom: 1;
	margin-bottom:20px;
	padding:0;
}

.item-cont02-l {float: left; margin-right:3%; width:50%;}
.item-cont02-r {float: left; width:45%;}

.item-txt {float: left; padding: 20px;background: #f3f8fd; font-size:15px;}

#prod-page .cartjs_product_img{ width:100% !important;}

#prod-page .cartjs_box{ padding:0 !important;}

#prod-page .cartjs_cart_in{ width:100% !important;}

#prod-page .cartjs_product_table table{ width:100% !important;}

.item-cont02-r ul{ margin-bottom:20px; font-size:17px}

.ic_list li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 6px 0px 8px 0px !important;
	font-weight: bold;
	color: #4c4c4c;
	border-bottom: 1px dotted #5180d4;
}

.list01 li{
	position:relative;
	padding-left:20px;
}
 
.list01 li:after, .list01 li:before{
	content:'';
	display:block;
	position:absolute;
	top: 6px;
	left:8px;
	height:11px;
	width: 3px;
	background: #4472c4;
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list01 li:before{
	top: 9px;
	left: 3px;
	height:8px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}




.pitem-btn {margin-bottom:50px;}

a.p_btn01 {
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	color: #4472c4 !important;
	border: 2px solid #4472c4;
	border-radius: 15px;
	transition: .4s;
	font-size: 17px;
	font-weight:bold;
	background: #f4faff;
	text-decoration:none !important;
}

a.p_btn01:hover {
	background: #4472c4;
	color: #fff !important;
	text-decoration:none !important;
}

#prod-page ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 0 10px 10px 10px;
}
#prod-page ol li {
	position: relative;
	line-height: 1.5em;
	padding: 7px 5px 5px 30px;
}

#prod-page ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background: #4472c4;
	color: white;
	font-weight:bold;
	font-size: 16px;
	border-radius: 50%;
	left: 0;
	width: 27px;
	height: 27px;
	line-height: 1.7;
	text-align: center;
	top: 17px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.type-ttl{
	font-weight:bold;
	font-size: 16px;
	color: #30508a;
	padding-left: 5px;
}


/* =====================================
 　請求書払い案内ページ
===================================== */

.free-tbl01 table {
	border-collapse: collapse;
	margin-bottom:30px;
 }

.free-tbl01 th{
	background: #f4f7f7 !important;
	padding: 8px;
	font-weight:normal;
	text-align:left;
	border: 1px solid #ccc;
	font-size: 16px;
	width: 30%;
}

.free-tbl01 td{
	padding: 15px;
	border: 1px solid #ccc;
	font-size:16px;
}


/* ===== form ===== */

#free01_entry table{border: 3px solid #dde9f7;/* padding:2px; */width:100%;}

#free01_entry table th{
	vertical-align:middle;
	font-weight:normal;
	background-color: #dde9f7;
	padding:10px 20px;
	font-size:125%;
	border-bottom: 1px solid #ffffff;
}

#free01_entry table td{
	border-bottom: 1px solid #cacbcc;
	padding: 15px 20px;
}	

.free01_btn{margin: 20px auto 40px auto; text-align:center;}

input#submit_free01 {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-appearance:button;
    cursor: pointer;
    background: #1572c1;
    border: none;
    margin: 0 auto;
    padding:10px 16px;
    font-size:18px;
    color:#ffffff;
    font-size:20px;
    width:40%;
}

input#submit_buying:active, input#submit_buying:hover {
	background:#1985e0;
}

.free01-ttl{
	background-color: #07878c;
	color: #ffffff;
	text-align: center;
	margin: 0 0 40px 0;
	position: relative;
	font-size: 170%;
	padding: 15px;
	line-height: 1.5;
}

.free01-ttl::after {
	position: absolute;
	content: '';
	top: 100%;
	left: calc( 50% - 30px );
	border: 30px solid transparent;
	border-top: 15px solid #07878c;
	width: 0;
	height: 0;
}


/* =====================================
 　フリーページ共通
===================================== */

#f-page01{}

#f-page01 h2 {
	border-bottom: solid 3px #b4dbde;
	position: relative;
	margin-bottom: 35px;
	font-size: 25px;
	font-weight:600;
	color: #65696b;
	padding: 10px 0;
}

#f-page01 h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #07878c;
	bottom: -3px;
	width: 20%;
}

#f-page01 h3{
	padding: 7px;
	color: #65696b;
	background: #eaf6f7;
	border-left: solid 5px #07878c;
	font-size: 18px;
	margin-bottom:20px;
	font-weight:600;
}

#f-page01 p{
	font-size:12pt;
	margin-bottom:15px;
}

/* =====================================
 　ﾚﾝﾀﾙ料金表
===================================== */

#price_tbl{ 
	margin-bottom:30px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}


/* ===== table ===== */

#price_tbl table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	font-size:120%;
	margin-bottom:5px;
	border-left: 1px solid #d6d6d6;
}

#price_tbl thead {border-bottom: 2px solid #ccc;}

#price_tbl thead th {
	padding: 15px 8px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 2px;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 2px solid #aebd7e;
	background: #f4ffd1;
	text-align:center;
	vertical-align:middle;
	color: #6d6d6d;
}

#price_tbl tbody th {
	width: 140px;
	padding: 14px 5px;
	font-weight: bold;
	font-size: 14px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background: #f4ffd1;
}

.secb{ border-top:2px solid #90b712 !important;}

#price_tbl td {
	border: 1px solid #d6d6d6;
	width: 160px;
	padding: 12px 8px;
	font-size: 13px;
	vertical-align:middle;
	background: #fcfff8;
}

.pr-th01{background: #fcfff3;}

.pr-th02{background: #fcfff3;}


.td-tr{ text-align:right !important;}

.td-style{ width:36% !important}


.p-pattern-box{
	border: 2px solid #92d040;
	padding:0;
	margin-bottom:30px;
}

.p_20-8{ padding:20px}

.p-pattern-ttl{
	font-size: 120%;
	color: #63a907;
	padding: 0;
	background: #ffffff;
	line-height: 1.5;
}

.p-pattern-ttl p{
	padding: 10px 0 0 130px;
	font-size: 115% !important;
	margin-bottom: 0 !important;
	font-weight: bold;
	line-height: 2.2;
}


.p-subttl{
  display: inline-block;
  font-size: 16px;
  padding: 0 10px 5px 20px;
  position: relative;
  color: #fff;
  z-index: 1;
  float: left;
  font-weight: bold;
}

.p-subttl::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  bottom: 0;
  left: 10px;
  z-index: -1;
  background: #92d040;
  border-radius: 5px;
}


.p-ex{
    padding: 5px;
    margin-bottom:20px;
    border-left: solid 5px #92d040;
}
.p-ex p {
    margin-bottom: 0 !important;
    color: #6ba222;
}

.p-col{ }

.p-col table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size:15px;
	border: 1px solid #ccc;
}

.p-col thead th{
	background: #f4ffd1 !important;
	padding:5px 15px;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	border: 1px solid #ccc;
}
.p-col td{
	background:#fff;
	padding:5px 20px;
  	font-size:15px;
	text-align:right;
	border: 1px solid #ccc;
}


.mu01{
	display:inline-block;
	width:170px;
}


.syousai-icon {
  display: inline-block;
  background: #aae857;
  padding: 4px 4px 3px 4px;
  margin-top: 7px;
  vertical-align: middle;
  font-size:13px;
  color: #525252;
  border-radius: 3px;
  cursor: pointer;  
}

.syousai-icon a {
	display:block;
	font-size:11px;
	text-align:right;
	margin-bottom:5px;
	text-decoration:none;
}

.price-notes{text-align:right;color: #6f6f6f;}

.rpbtn{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;  
	zoom: 1;
	margin-bottom:20px;
	background: #fcfff2;
	border: 1px solid #dadecc;
	padding: 20px;
}

.rpbtn{	overflow: hidden;}
.rpbtn:after {clear: both;}

.rpbtn p{
	text-align:center;
	font-weight:bold;
	color: #969696;
	font-size: 110% !important;
}

.rpb-l {float: left;margin-right:3%;width: 48%;}
.rpb-r {float: left;width: 48%;}

a.rpb01 {
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #ff8605 !important;
	border: 2px solid #ff8605;
	border-radius: 10px;
	transition: .4s;
	font-size: 18px;
	font-weight:bold;
	text-decoration:none !important;
	background: #fff9f0;
}

a.rpb01:hover {
	background: #ff8605;
	color: #ffffff !important;
	text-decoration:none !important;
}

a.rpb02 {
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #28a7bd !important;
	border: 2px solid #28a7bd;
	border-radius: 10px;
	transition: .4s;
	font-size: 18px;
	font-weight:bold;
	text-decoration:none !important;
	background: #f0fdff;
}
a.rpb02:hover {
	background: #28a7bd;
	color: #fff !important;
	text-decoration:none !important;
}


/* ===== レンタル料金表モーダル ===== */

.mspec_open{
    display: inline-block;
}

.mspec-cont{ margin: 0 auto;}
 
.mspec_box {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important; 
    position: fixed;
    z-index: 7777;
    display: none;
    width: 70%;
    max-width: 700px;
	max-height: 500px;
    margin: 0;
    padding: 20px 30px;
    border: 2px solid #aaa;
    background: #fff;
    box-sizing: border-box;
	overflow-y: scroll;
}

.msp-item{
	text-align:center;
	margin-bottom:15px;
}
 
.msp-item img{
	width:30%;
} 

.msp-ttl{
	font-size:90%;
    font-weight: bold;
    color: #848484;
	margin-bottom:15px;
}

.msp-tbl table{
	border-collapse: separate;
	border-spacing: 0;
	font-size:13px;
	border-color:#eaeaea;
	border-top: 1px solid #ccc;
	margin-bottom:15px;
}

.msp-tbl tbody th{
	background:#f4ffd1 !important;
	padding: 5px;
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 17%;
}

.msp-tbl td{
	padding:5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.msp-sn{
	text-align:center;
	background:#eef1e6;
	width:20%;
}
 
.mspec_close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    font-size: 30px;
    color: #000;
    /* line-height: 62px; */
    text-align: center;
    background: #e6e6e6;
    padding: 3px;
}
 
.mspec_close i {
}
 
.mspec_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.7);
}


.zspc {
	display:inline-block;
	font:normal normal normal 14px/1 'Material-Design-Iconic-Font';
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.zspc-close:before {
	content:'\02169'
}
 
 
/* =====================================
 　カテゴリーページ
===================================== */

.catetop-box {
	overflow: hidden;
	margin-bottom:20px;
}
/* clearfix */
.catetop-box:before,
.catetop-box:after {
    content: "";
    display: table;
}

.catetop-box:after {clear: both;}

/* For IE 6/7 (trigger hasLayout) */
.catetop-box{
	zoom: 1;
	padding:0;
}

.catetop-l {float: left; margin-right:3%; width:33%;}
.catetop-r {float: left; width:62%;}

.catetop-txt { font-size: 14px !important; margin-bottom:15px !important;}


[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 > img,
.img-flex-2 a { width: 49%; }


@media screen and (max-width: 640px) {
	
.catetop-box {
	overflow: hidden;
	margin-bottom:10px;
}

.catetop-l {float: none; margin-right:0; width:100%; text-align:center; margin-bottom:10px;}
.catetop-l img{ width:60%;}
.catetop-r {float: none; width:95%; margin:0 auto;}

.catetop-txt { font-size: 14px !important; margin-bottom:10px !important;}
	
	
}

/* =====================================
 　説明ページ（TVモニタ選択）
===================================== */

#single-page{ padding:10px; margin:0 auto;}

#single-page p{ margin-bottom:20px; font-size:15px;}

#single-page h2 {
	padding: 8px;
	background: #edfeff;
	font-size: 18px;
	margin-bottom:30px;
	font-weight:600;
	text-align: center;
	border-left: 5px solid #07878c;
	border-right: 5px solid #07878c;
	color: #4c4c4c;
}

#single-page table{
  width: 100%;
  border-spacing: 0;
  margin-bottom: 30px;
}

#single-page table th{
  border-bottom: solid 2px #07878c;
  padding: 10px 0;
  width: 15%;
}

#single-page table td{
  border-bottom: solid 2px #ddd;
  /* text-align: center; */
  padding: 10px 0;
}

#single-page ol {
	counter-reset:number;
	list-style-type: none!important;
}

#single-page ol li {
	position: relative;
	padding-left: 35px;
	line-height: 1.5em;
}

#single-page ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	background: #07878c;
	color: white;
	font-size: 16px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height:1.7;
	text-align: center;
	top: 11px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.type-ttl02{
	font-weight:bold;
	font-size: 15px;
}

#single-page ol li p{
	padding-top:5px;
}

#single-page img{ max-width:100%;}

@media screen and (max-width: 640px) {	
#single-page{ padding:10px; margin:0 auto;}
#single-page p{margin-bottom: 15px;font-size: 14px;}
#single-page h2 {
	padding: 8px;
	font-size: 15px;
	margin-bottom:15px;
}
#single-page table{
  margin-bottom: 20px;
  font-size: 14px;
}
#single-page table th{
  padding: 10px 0;
  width: 15%;
}

#single-page table td{
  padding: 5px 0;
}

#single-page ol li {
	padding-left: 28px;
	line-height: 1.5;
}
#single-page ol li:before{
	font-size: 14px;
	border-radius: 50%;
	left: 0;
	width: 22px;
	height: 22px;
	line-height:1.7;
	text-align: center;
	top: 11px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.type-ttl02{
	font-weight:bold;
	font-size: 14px;
}
#single-page ol li p{
	padding-top:5px;
}
#single-page img{ max-width:100%;}
}


/* =====================================
 　こちらより外部読み込み
===================================== */

@import url("https://file001.shop-pro.jp/PA01258/537/css/style_02.css");