@charset "UTF-8";
/* CSS Document */

.hamburger{padding:0 0 0 15px}

h2.basic{border:none;padding:10px;font-size:16px;color:#fff;background:#000}
h2{background:#000;color:#fff}
h2.shop-name{background:none;color:#000}
.logo img{max-height:44px}
.one img{max-height:60px}
@media screen and (max-width:320px) {
.one{width:80%}
.one img{width:100%}
}
.wrap,
.tbsection{font-size:16px}
.wrap h2{font-size:1em}
.wrap h3{border-bottom:1px dashed #000;color:#000;font-size:1.2em;margin-top:30px;margin-bottom:15px}
.wrap h3:first-child{margin-top:5px;margin-bottom:15px}
h3.type,.choice{color:#000}
p.sub{font-size:.6em}
p.flex-caption{font-size:16px;line-height:20px}
p.sml{font-size:.7em;line-height:1.4em}
table.ipad_table th.ipad_model{background:#555}
.card{width: 95%;margin: 0 auto 10px;}
.card h3{font-size:16px;color:#fff;background:#000;border:none;padding:10px}
.card h4{margin-top:20px}
.card p{margin:10px 0}
.free-dial span{vertical-align:middle}
.free-dial span a{font-size:1.5em;line-height:1em;color:#1eb14b;vertical-align:middle;text-decoration:none}
.free-dial img{margin-right:5px;height:25px}
.cp{margin:0 0 15px}
.cp:last-child{margin:0}
.cp_inner{border:1px solid #000;border-top:none;background:#f9f9f9;padding:10px 15px}
.off>.pd10>.cp>h3{width:100%;font-size:16px;min-height:35px;line-height:35px;border:none;padding:5px 10px;background:#ffcc00;color:#000;margin:0!important;border:1px solid #000;text-align:center}
.off>.pd10>.cp>h3:first-child {margin:5px 0 10px;}
.off>.pd10>.cp>h3:before{content:'';display:inline-block;margin-right:10px;width:35px;height:35px;background-image:url(../img/off.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle}
.off>.pd10>.cp>h3:after{margin-right:20px;content:''}
.off>.pd10>.cp>h3.sub:before{background-image:url(../img/sub.png)}
.off>.pd10>.cp>h3.mega:before{background-image:url(../img/mega.png)}
.off>.pd10>.cp>.cp_inner>p{font-size:16px;line-height:1.4em}
.off>.pd10>.cp>.cp_inner>p>span.onsale {font-weight:bold;color:#ff0000}
table.ipad_table th{background:#999}
.red{font-weight:bold;color:#ff0000}
small{font-size:.5em}
section#copyright small{font-size:7px}

.quality{overflow:hidden}
.quality ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between}
.quality ul li{width:48%;margin-bottom:10px;border:1px solid #000;padding:.5em;box-sizing:border-box;background:#f9f9f9}
.quality ul li p{margin:0 0 10px;line-height:1.4em;font-size:.8em}
.quality ul li p:last-child{margin:0}
.quality ul li img{width:100%;height:auto}

.section + .section{margin-top:30px}
.example{background:#f9f9f9;border:1px solid #000;margin:0 0 20px;padding:10px}
.triple{display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box}
.triple div{width:31%}
.triple div img{max-width:100%;height:auto}
.triple p{font-size:.8em;line-height:1.4em}

/*フローティングボタン*/
div#foot{margin-bottom:150px}
.floating{position:fixed;bottom:0;left:0;background:#fff;z-index:999;border-top:1px solid #eee;padding-bottom:env(safe-area-inset-bottom);}
.floating ul{margin:0;padding:2.3% 2.3% 4% 2.3%;width:100%;display:flex;justify-content:space-between;box-sizing:border-box}
.floating ul li{width:30%;margin:0;padding:0;list-style-type:none}
.floating ul li:first-child{width:70%;margin-right:2.3%}
.floating ul li img{vertical-align:bottom;border:none;width:100%}

/*ナビゲーション*/
.scroll-nav{width:100%;background-color:#fff;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.scroll-nav::-webkit-scrollbar{display:none}
.scroll-nav ul{min-width:600px;display:flex;border-top:1px solid #000;height:45px;line-height:45px;list-style:none}
/*.scroll-nav.fixed ul{border:none}*/
.scroll-nav ul li{flex:0.2 0 auto;text-align:center;position:relative}
/*.scroll-nav ul li:hover{background:#000}*/
/*.scroll-nav ul li + li{border-left:1px solid #999;box-sizing:border-box}*/
.scroll-nav ul li a{display:flex;justify-content:center;align-items:center;color:#000;font-size:12px;font-weight:bold;line-height:1.2em;text-decoration:none;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-bottom:1px solid #000}

.fixed{position:fixed;width:100%;top:0;z-index:1000}
a.anchor{display:block;padding-top:125px;margin-top:-125px}
.breadcrumblist{margin-top:125px}
.hov{box-sizing:border-box!important;padding-top:2px!important;border-bottom:3px solid #1b95d4!important;color:#1b95d4!important}

span.bold:before{font-family:"Font Awesome 5 Free";content:'\f138';margin-right:5px;color:#1b95d4}

/*　動画　*/
.wrap h2.v_ttl{text-align:center;background:#fff;color:#000;border-bottom:1px solid #000}
.wrap h2 span.v_ex{display:block;font-size:.6em!important;font-weight:normal;text-align:center;padding:1px 0 2px;line-height:1.4em}
.v_alert{padding: 1em 1em 0;font-size:.8em}
.lity-iframe-container{padding-top:145%!important}
.wrap.bd{border:1px solid #000;margin:0 auto 25px;}