@charset "utf-8";

/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:102px; }
.header .top{ height:42px; color:#fff; background:#323e4b; border-bottom:solid 2px #4fc6d5; text-align:right;  padding:7px 0; }
.header .bg-img{ position:relative; height:60px; background:url(../images/header_bg_img.png) center top / cover no-repeat; }

.header .logo{ position:absolute; top:-40px; left:0; }
.header .logo img{ margin-right:10px; }
.header .logo .name{ display:inline-block; color:#fff; margin-bottom:8px; line-height:1.2; }

.header ul{ position:absolute; top:0; right:0; }
.header ul{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.header li a{ display:block; margin-left:25px; width:160px; color:#fff; text-decoration:none; text-align:center; font-size:16px; font-weight:bold; background:url(../images/header_nav_bar.png) center top no-repeat; padding:15px 0; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt{ height:75px; color:#fff; text-align:center; font-size:30px; font-weight:bold; padding:14px 10px 0; letter-spacing:4px; }

.sbt.green{ background:url(../images/sbt_green_bg.png) center top / cover no-repeat; }
.sbt.blue{ background:url(../images/sbt_blue_bg.png) center top / cover no-repeat; }


/* card list **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.card-list{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.card-list li{ position:relative; width:285px; background:#fff; padding-top:6px; margin-bottom:20px; line-height:1.4; border-radius:5px; border:solid 1px #dde1ec; }
.card-list li:not(:nth-of-type(4n + 1)){ margin-left:20px; }
.card-list li a{ color:#333; text-decoration:none; }
.card-list li p{ width:calc(100% - 10px); width:-webkit-calc(100% - 10px); word-break:break-all; border-bottom:solid 1px #e5e5e5; padding:5px 10px; margin:0 5px 5px; }
.card-list li .course{ padding-right:40px; }
.card-list li .adr{ font-size:12px; }
.card-list li .mark{ position:absolute; top:10px; right:5px; }
.card-list li .name{ width:100%; text-align:center; border-bottom:none; padding:8px 10px 6px; }

.plan-list li .name{ margin:5px 0 0; background:#ebfafc; }
.rental-list li .name{ margin:-6px 0 0; background:#f0f7fe; }

.card-list li .noline{ border-bottom:0; }
.card-list li p .area{ display:inline-block; width:90px; text-align:center; color:#fff; border-left:solid 4px #42b8c7; }
.card-list li p .area.prg1{ background-color:#9bd8ec; }
.card-list li p .area.prg2{ background-color:#7acdef; }
.card-list li p .area.prg3{ background-color:#58c0f1; }
.card-list li p .area.prg4{ background-color:#22a6e5; }
.card-list li p .area.prg5{ background-color:#1d90e1; }
.card-list li p .area.prg6{ background-color:#0f7bd7; }
.card-list li p .area.prg7{ background-color:#0c69d3; }
.card-list li p .area.prg8{ background-color:#234ac8; }
.card-list li p .area.prg9{ background-color:#1f26bb; }
.card-list li p .area.prg10{ background-color:#3a099e; }

/* 枠内で画像のサイズに合わせて中央寄せ */
.card-list li .pic{ display:table; width:calc(100% - 10px); width:-webkit-calc(100% - 10px); margin:5px; table-layout:fixed; background:#f7f7f7; }
.card-list li .pic div{ display:table-cell; height:213px; text-align:center; vertical-align:middle; }
.card-list li .pic div img{ width:auto; height:auto; max-width:100%; max-height:100%; }

/*sort*/
.sort{ display:flex; display:-webkit-flex; justify-content:center; margin-top:10px; }
.sort li{ width:50px; height:30px; color:#fff; text-align:center; margin:0 5px; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.sort li a{ display:block; text-decoration:none; }

.sort.green li{ background:#f6feff; border:solid 2px #4fc6d5; }
.sort.green li a{ color:#4fc6d5; }
.sort.green li.prev{ background:#f6feff url(../images/arrow_r_green.png) center / 6px 11px no-repeat; transform:scale(-1, 1); }
.sort.green li.next{ background:#f6feff url(../images/arrow_r_green.png) center / 6px 11px no-repeat; }
.sort.green li.active , .sort.green li.active:hover{ background-color:#4fc6d5 !important; }

.sort.blue li{ background:#f5faff; border:solid 2px #5496e0; }
.sort.blue li a{ color:#5496e0; }
.sort.blue li.prev{ background:#f5faff url(../images/arrow_r_blue.png) center / 6px 11px no-repeat; transform:scale(-1, 1); }
.sort.blue li.next{ background:#f5faff url(../images/arrow_r_blue.png) center / 6px 11px no-repeat; }
.sort.blue li.active , .sort.blue li.active:hover{ background-color:#5496e0 !important; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* row */
table.list-row{ width:100%; }
table.list-row th , table.list-row td{ border-bottom:solid 1px #e5e5e5; padding:10px; vertical-align:middle; }

table.list-row th{ width:200px; font-weight:bold; }

/* cart */
.cart-title{ padding:10px; font-weight:bold; }

table.cart-list{ width:100%; line-height:1.4; }
table.cart-list td{ border:solid 1px #fff; border-bottom:solid 1px #e3e3e3; padding:15px 20px 13px; }
table.cart-list tr:first-child td{ text-align:center; font-weight:bold; border-bottom:none; } /* head */
table.cart-list tr:not(:first-child) td{ background:#fff; }
table.cart-list tr td:not(:first-child){ border-left:none; }
table.cart-list tr:nth-last-child(2) td{ padding:0; border-bottom:0; } /* tr 下から2番目 空欄 */
table.cart-list tr:last-child td{ border-bottom:0; } /* tr 一番下 総額 */
table.cart-list tr:last-child td:nth-child(4){ color:#fff; font-weight:bold; } /* 総額 */

table.cart-list.green tr:first-child td{ color:#4fc6d5; background:#ebfafc; }
table.cart-list.green tr:last-child td:nth-child(4){ background:#4fc6d5; }
table.cart-list.green tr:last-child td:nth-child(5){ background:#ebfafc; }
table.cart-list.blue tr:first-child td{ color:#5496e0; background:#f0f7fe; }
table.cart-list.blue tr:last-child td:nth-child(4){ background:#5496e0; }
table.cart-list.blue tr:last-child td:nth-child(5){ background:#f0f7fe; }


/* estimate **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.estimate .title{ font-size:24px; text-align:center; margin-bottom:10px; }
.estimate .title span{ font-size:30px; font-weight:bold; padding:0 20px; border-bottom:solid 2px #6b7682; }

.estimate .comment{ font-weight:bold; }
.estimate .comment.gray{ display:inline-block; background:#e5e5e5; padding:1px 10px; margin:7px 0; }
.estimate .comment.gray.sp-lr{ margin-left:7px; margin-right:7px; }


/* detail **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/***** detail title *****/
.detail .detail-title{ position:relative; text-align:center; margin-bottom:40px; }
.detail .detail-title .name{ font-size:30px; font-weight:bold; line-height:1.4; margin-top:10px; }
.detail .detail-title:after{ position:absolute; content:""; left:50%; bottom:-10px; width:100px; height:3px; margin-left:-50px; background:url(../images/sbt_bar.png) top left / 100px 3px no-repeat; }

/***** detail header *****/
.detail .detail-header{ position:relative; display:-webkit-flex; display:flex; }
.detail .plan-header{ padding-bottom:100px; }
.detail .rental-header{ padding-bottom:0; }

.detail .photo{ width:542px; height:405px; background:#f7f7f7; border:solid 1px #6b7682; margin-right:38px; }
.detail .photo li{ height:403px; }
.detail .right{ width:540px; }

.detail .detail-header .right .price{ display:-webkit-flex; display:flex; align-items:center; height:103px; background:#ebfafc; border-left:solid 10px #4fc6d5; font-weight:bold; padding:20px; }
.detail .detail-header .right .price dt{ color:#4fc6d5; }
.detail .detail-header .right .price dd{ width:calc(100% - 70px); width:-webkit-calc(100% - 70px); text-align:center; }
.detail .detail-header .right .price dd span{ font-size:30px; }
.detail .detail-header .right .col3{ display:-webkit-flex; display:flex; }
.detail .detail-header .right .col3 li:not(:first-child){ margin-left:12px; }
.detail .detail-header .right .col3 li img{ width:100%; height:auto; }
.detail .detail-header .right .col1 li a{ display:block; width:100%; height:85px; font-size:18px; font-weight:bold; text-decoration:none; padding:26px 0 0 195px; }
.detail .detail-header .right .col1 .mitumori{ background:#ffede4 url(../images/arrow_r_red.png) right 20px center / 6px 11px no-repeat; border:solid 1px #d93349; }
.detail .detail-header .right .col1 .mitumori a{ color:#d93349; background:url(../images/icon_estimate.png) 160px center / 24px no-repeat; }
.detail .detail-header .right .col1 .print{ background:#fff url(../images/arrow_r_gray.png) right 20px center / 6px 11px no-repeat; border:solid 1px #6b7682; }
.detail .detail-header .right .col1 .print a{ color:#6b7682; background:url(../images/icon_print.png) 160px center / 24px no-repeat; }

.detail .detail-header .thumb{ position:absolute; top:427px; left:0; width:100%; }
.detail .detail-header .thumb ul{ width:100%; }
.detail .detail-header .thumb ul li{ width:100px; height:100px; margin-right:12px; background:#f7f7f7; border:solid 1px #d2d6d9; }
.detail .detail-header .thumb .slide-arrow{ position:absolute; width:20px; height:auto; z-index:1; cursor:pointer; }
.detail .detail-header .thumb .prev-arrow{ top:calc(50% - 24px); left:-30px; }
.detail .detail-header .thumb .next-arrow{ top:calc(50% - 24px); right:-30px; }

/***** detail sbt *****/
.detail .detail-sbt{ font-size:20px; font-weight:bold; text-align:center; line-height:1.4; padding:12px; }
.detail .detail-sbt span{ padding-left:34px; }
.detail .detail-sbt.green{ color:#4fc6d5; background:#ebfafc; }
.detail .detail-sbt.blue{ color:#5496e0; background:#f0f7fe; }

/***** detail list *****/
.detail .detail-list .detail-sbt.green span{ background:url(../images/icon_plan_list.png) left 2px / 24px no-repeat; }

.detail .detail-list{ margin-top:40px; }

/***** list *****/
.detail .list dl{ float:left; width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); border-bottom:solid 1px #e5e5e5; padding:15px 10px 10px; line-height:1.4; display:-webkit-flex; display:flex; }
.detail .list dt{ width:150px; margin-right:10px; font-weight:bold; }
.detail .list dd{ width:calc(100% - 150px - 10px); width:-webkit-calc(100% - 150px - 10px); }
.detail .list dl.col1{ float:none; width:100%; }

/***** detail condition *****/
.detail .detail-condition .detail-sbt.green span{ background:url(../images/icon_plan_condition.png) left 2px / 24px no-repeat; }

/***** detail option *****/
.detail .detail-option .detail-sbt.green span{ background:url(../images/icon_plan_option.png) left 2px / 24px no-repeat; }

.detail .detail-option .option{
    display:-webkit-box; display:-webkit-flex; display:flex; /* flex */
    -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; /* fex:wrap */
    -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; /* flex:both end */
}
.detail .detail-option .option li{ width:calc(100% / 7 - 5px); width:-webkit-calc(100% / 7 - 5px); border:solid 1px #6b7682; border-left:solid 4px #6b7682; text-align:center; line-height:1.4; padding:5px; margin-bottom:5px; }

/* for flex space between 最後の行を左寄せ：最大col-1col分<li class='flex-sb-dummy'></li>*/
.detail .detail-option .option li.flex-sb-dummy{ height:0; margin:0 !important; padding:0 !important; border:0 !important; }

/***** remark *****/
.detail .remark{ border:solid 1px #6b7682; padding:15px; }

/***** detail cmt *****/
.detail .detail-cmt .detail-sbt.blue span{ background:url(../images/icon_rental_cmt.png) left 2px / 24px no-repeat; }

/***** detail item *****/
.detail .detail-item .detail-sbt.blue span{ background:url(../images/icon_rental_item.png) left 2px / 24px no-repeat; }

.detail .detail-item .list{ display:-webkit-flex; display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.detail .detail-item .list div{ width:calc(100% / 2 - 10px); width:-webkit-calc(100% / 2 - 10px); border-bottom:solid 1px #e5e5e5; padding:15px 10px 10px; line-height:1.4; }
.detail .detail-item .list div:nth-child(even){ margin-left:20px; }
.detail .detail-item .list div input{ float:left; width:14px; text-align:left; }
.detail .detail-item .list div label{ float:right; width:calc(100% - 14px); width:-webkit-calc(100% - 14px); }
.detail .detail-item .list div span{ display:block; cursor:default; }
.detail .detail-item .list div span.item{ float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px); padding-left:5px; }
.detail .detail-item .list div span.price{ float:right; width:80px; text-align:right; }

/***** detail shop *****/
.detail .detail-shop .detail-sbt.green span{ background:url(../images/icon_plan_shop.png) left 2px / 24px no-repeat; }
.detail .detail-shop .detail-sbt.blue span{ background:url(../images/icon_rental_shop.png) left 2px / 24px no-repeat; }

.detail .detail-shop .shop , .detail .detail-shop .shop dl{ display:-webkit-flex; display:flex; }
.detail .detail-shop .shop dl{ border-bottom:solid 1px #e5e5e5; padding:15px 10px 10px; line-height:1.4; }
.detail .detail-shop .shop dt{ width:150px; margin-right:10px; font-weight:bold; }
.detail .detail-shop .shop dd{ width:calc(100% - 150px - 10px); width:-webkit-calc(100% - 150px - 10px); }

/* 枠内で画像のサイズに合わせて中央寄せ */
.detail .plan-header .photo ul li{ width:100%; table-layout:fixed; background:#f7f7f7; }
.detail .plan-header .photo ul li div{ height:403px; display:-webkit-flex; display:flex; align-items:center; justify-content:center; }

.detail .rental-header .photo ul li{ display:table; width:100%; table-layout:fixed; background:#f7f7f7; }
.detail .rental-header .photo ul li div{ display:table-cell; height:403px; text-align:center; vertical-align:middle; }

.detail .detail-shop .shop .photo{ display:table; table-layout:fixed; background:#f7f7f7; }
.detail .detail-shop .shop .photo div{ display:table-cell; height:403px; text-align:center; vertical-align:middle; }
.detail .detail-shop .shop .photo div img{ width:auto; height:auto; max-width:100%; max-height:100%; }

/* 中央寄せ */
.detail .detail-header .thumb ul li{ display:-webkit-flex; display:flex; align-items:center; justify-content:center; }


/* popup entry **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
#popup-entry{ display:none; max-width:600px; width:100%; line-height:1.4; }
#popup-entry .login-entry{ color:#4fc6d5; background:#ebfafc; border:solid 2px #4fc6d5; padding:15px 10px 20px; }
#popup-entry .reg-entry{ color:#5496e0; background:#f0f7fe; border:solid 2px #5496e0; padding:15px 10px 20px; }
#popup-entry .btn{ line-height:2; }

/* login */
.login{ width:100%; height:115px; background:#f7f7f7 url(../images/top_main_login.png) left top / 310px 115px no-repeat; border:solid 2px #6b7682; position:relative; }
.login .ipt{ padding:39px 0 0 10px; }
.login .ipt li{ width:calc(100% - 100px); width:-webkit-calc(100% - 100px); height:32px; border-bottom:solid 1px #4fc6d5; }
.login .ipt li.id{ background:url(../images/top_main_login_id.png) left bottom / 60px 25px no-repeat; }
.login .ipt li.pass{ background:url(../images/top_main_login_pass.png) left bottom / 60px 25px no-repeat; }
.login .ipt li input{ width:calc(100% - 60px); width:-webkit-calc(100% - 60px); background:#f7f7f7; border:none; margin:8px 0 0 60px; padding:2px; }
.login .reg{ position:absolute; top:10px; right:10px; }
.login .btn{ position:absolute; bottom:8px; right:10px; min-width:auto; width:auto; height:22px; border-radius:0; padding:0; box-shadow:none; }


/* print **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/***** header *****/
.print .header{ height:18px; background:#323e4b; }

/***** contents *****/
.print .contents{ margin:0; }

/***** wrap *****/
.print .wrap{ width:960px; }

/***** box *****/
.print .box{ padding:10px; margin-top:0; position:relative; }

/***** detail title *****/
.print .detail .detail-title{ position:absolute; width:calc(100% - 486px); width:-webkit-calc(100% - 486px); right:0; }
.print .detail .plan-title{ top:50px; }
.print .detail .rental-title{ top:160px; }
.print .detail .detail-title .name{ font-size:30px; font-weight:bold; line-height:1.4; margin-top:10px; }

/***** detail header *****/
.print .detail .detail-header{ position:relative; display:-webkit-flex; display:flex; }
.print .detail .plan-header{ padding-bottom:255px; }
.print .detail .rental-header{ padding-bottom:0; }

.print .detail .photo{ width:50%; height:405px; margin-right:10px; }
.print .detail .right{ width:50%; }

.print .detail .detail-header .thumb{ position:absolute; top:415px; }
.print .detail .detail-header .thumb ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.print .detail .detail-header .thumb ul li{ width:180px; height:135px; margin-left:10px; }
.print .detail .detail-header .thumb ul li:nth-child(1) , .print .detail .detail-header .thumb ul li:nth-child(6){ margin-left:0; }
.print .detail .detail-header .thumb ul li:nth-child(n + 6){ margin-top:5px; }

.print .detail .detail-header .right .price{ margin-top:150px; }

/***** detail sbt *****/
.print .detail .detail-sbt{ font-size:16px; padding:8px 12px; }
.print .detail .detail-sbt span{ padding-left:30px; background-position:left top !important; background-size:22px !important; }

/***** detail-list *****/
.print .detail .detail-list .list dl{ width:calc(100% / 3 - 10px); width:-webkit-calc(100% / 3 - 10px); padding:10px 10px 5px; margin-right:10px; }
.print .detail .list dl:nth-child(even){ margin-left:0; }
.print .detail .list dl:nth-child(3n){ margin-right:0; }
.print .detail .list dt{ width:130px; margin-right:10px; font-weight:bold; }
.print .detail .list dd{ width:calc(100% - 150px - 10px); width:-webkit-calc(100% - 130px - 10px); }

/***** remark *****/
.print .detail .remark{ padding:10px; line-height:1.4; }

/***** detail cmt *****/
.print .detail .detail-cmt p{ line-height:1.4; }

/***** detail item *****/
.print .detail .detail-item .list div{ width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); padding:10px 10px 5px; }
.print .detail .detail-item .list div:nth-child(even){ margin-left:10px; }
.print .detail .detail-item .list div span.item{ padding-left:0; }

/***** detail shop *****/
.print .detail .detail-shop .list dl{ padding:10px 10px 5px; }



/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ height:55px; }
.header .top , .header ul{ display:none; }
.header .bg-img{ height:auto; }

.header .logo{ position:static; padding:10px 0; }
.header .logo img{ width:auto; height:35px; margin-right:0; }
.header .logo .name{ display:block; position:absolute; top:50%; right:52px; transform:translate(0, -50%); width:calc(100% - 52px - 150px); }

/* sp gnav */
.sp-gnav{ border-top:none; }


/* sbt **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sbt{ height:80px; font-size:20px; padding:24px 10px 0; letter-spacing:2px; }


/* card list **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.card-list li{ width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); }
.card-list li{ width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); height:calc(100% / 2 - 5px); height:-webkit-calc(100% / 2 - 5px); }
.card-list li:not(:nth-of-type(4n + 1)){ margin-left:0; }
.card-list li:not(:nth-of-type(odd)){ margin-left:10px; }

/*sort*/
.sort{ margin-top:0; }
.sort li{ width:calc(100% / 7 - 4px); width:-webkit-calc(100% / 7 - 4px); margin:0 2px; }


/* table **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* row */
table.list-row th , table.list-row td{ display:block; border-bottom:none; }
table.list-row th{ width:100%; padding:5px 0 0; }
table.list-row td{ padding:0 0 8px; border-bottom:solid 1px #e5e5e5; }

/* cart */
.cart-title{ padding:10px 0 2px; }

table.cart-list td{ display:block; width:100%; text-align:left; padding:5px 0; clear:both; }
table.cart-list td:before{ display:block; content:attr(data-title); float:left; width:70px; font-size:12px; text-align:center; border-radius:2px; padding:5px; margin:-3px 10px 0 0; }
table.cart-list tr:nth-child(3n) td:first-child{ margin-top:13px; } /* tr 上から3番目以降 */
table.cart-list tr td:not(:nth-last-child(2)){ border-bottom:none; } /* 小計以外 */
table.cart-list tr td:nth-last-child(2){ padding-bottom:20px; } /* 小計 */
table.cart-list tr:first-child , table.cart-list tr td:last-child{ display:none; } /* head、空欄 */
table.cart-list tr:last-child td:last-child{ display:block; background:#fff !important; margin-top:15px; } /* 総額の金額 表示 */
table.cart-list tr:last-child td:not(:last-child){ display:none; } /* 総額の金額以外 非表示 */

table.cart-list.green td:before{ color:#4fc6d5; background:#ebfafc; }
table.cart-list.green tr:last-child td:before{ color:#fff; background:#4fc6d5; }
table.cart-list.blue td:before{ color:#5496e0; background:#f0f7fe; }
table.cart-list.blue tr:last-child td:before{ color:#fff; background:#5496e0; }


/* estimate **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.estimate .title{ font-size:18px; }
.estimate .title span{ font-size:24px; padding:0 10px; }


/* detail **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/***** detail title *****/
.detail .detail-title .name{ font-size:24px; }

/***** detail header *****/
.detail .detail-header{ display:inherit; padding-bottom:0; }
    
.detail .right{ width:100%; }

.detail .detail-header .right .price{ height:85px; margin-top:10px; padding:10px; }
.detail .detail-header .right .price dd{ width:calc(100% - 60px); width:-webkit-calc(100% - 60px); }
.detail .detail-header .right .price dd span{ font-size:24px; }
.detail .detail-header .right .col1 li a{ font-size:16px; padding:28px 0 0 55px; background-position:20px center !important; }

.detail .detail-header .thumb{ position:static; margin-top:10px; }
.detail .detail-header .thumb ul li:not(:first-child){ margin-left:10px; }
.detail .detail-header .thumb .thumb-list .slide-arrow{ width:15px; }
.detail .detail-header .thumb .thumb-list .prev-arrow{ top:calc(50% - 19px); left:-15px; }
.detail .detail-header .thumb .thumb-list .next-arrow{ top:calc(50% - 19px); right:-15px; }

/***** detail sbt *****/
.detail .detail-sbt{ font-size:16px; }
.detail .detail-sbt span{ background-position:left -1px !important; }

/***** detail list *****/
.detail .detail-list{ margin-top:20px; }

/***** list *****/
.detail .list dl{ float:none; width:100%; }
.detail .list dl:nth-child(even){ margin-left:0; }

/***** detail option *****/
.detail .detail-option .option li{ width:calc(100% / 3 - 5px); width:-webkit-calc(100% / 3 - 5px); }

/***** detail cmt *****/
.detail .detail-cmt{ margin-top:20px; }

/***** detail item *****/
.detail .detail-item .list div{ float:none; width:100%; }
.detail .detail-item .list div:nth-child(even){ margin-left:0; }

/***** detail shop *****/
.detail .detail-shop .shop{ display:inherit; }

/* 枠内で画像のサイズに合わせて中央寄せ */
.detail .detail-shop .shop .photo div{ height:300px; }

div.photo{ width:100% !important; margin-right:0 !important; height:300px; }

}



/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* card list **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.card-list li{ width:100%; margin-left:0 !important; }
.card-list li{ width:100%; height:auto; margin-left:0 !important; }


/* detail **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/***** detail header *****/
.detail .detail-header .right .col3 li:not(:first-child){ margin-left:5px; }

/***** list *****/
.detail .list dt{ width:100px; }
.detail .list dd{ width:calc(100% - 100px); width:-webkit-calc(100% - 100px); }

/***** detail option *****/
.detail .detail-option .option li{ width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); }

/***** detail shop *****/
.detail .detail-shop .shop dt{ width:100px; }
.detail .detail-shop .shop dd{ width:calc(100% - 100px); width:-webkit-calc(100% - 100px); }

}