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

body  { font-size: 16px; font-family: "Nobel-Regular", "レクサスロダン Pro M", "LexusRodinPro-M", sans-serif; font-weight: 500; margin: 0; padding: 0; color: #424242; background-color: #E3E3E3; }
html  { -webkit-text-size-adjust: 100%; }
img  { width: 100%; vertical-align: bottom; }
a img  { opacity: 1; transition: 0.3s; }
a  { text-decoration: none; }
.wrap  { overflow: hidden; }
th, td  { margin: 5px; }
a.anchor  { display: block; padding-top: 150px; margin-top: -150px; }

.font-size08  { font-size: 0.8em; }
.font-size07  { font-size: 0.7em; }
.font-size06  { font-size: 0.6em; }

.proviso { font-size: 0.8em; border:dotted thin #999; padding:10px; margin-top:10px; }
#pageTop  { position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
#pageTop i  { padding-top: 30px; }
#pageTop a  { display: block; padding: 30px 25px; border-radius: 50px; background-color: rgba(57,64,75,1.0); color: #fff; font-weight: bold; text-decoration: none; text-align: center; border: solid thin #ccc; }
#pageTop a:hover  { text-decoration: none; opacity: 0.7; }
#Facebook  { position: fixed; top: 10px; right: 10px; z-index: 10000; }
#Facebook i  { }
#Facebook img  { width: 50px; height: 50px; }
#Facebook a  { display: block; border-radius: 0px 0px 10px 10px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#Facebook a:hover  { text-decoration: none; }

#Twitter  { position: fixed; top: 10px; right: 65px; z-index: 10000; }
#Twitter i  { }
#Twitter img  { width: 50px; height: 50px; }
#Twitter a  { display: block; border-radius: 0px 0px 10px 10px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#Twitter a:hover  { text-decoration: none; }

#ComicBunner  { position: fixed; top: 10px; right: 120px; z-index: 10001; }
#ComicBunner i  { }
#ComicBunner img  { height: 50px; width: auto; }
#ComicBunner a  { display: block; padding: 0px; border-radius: 0px 0px 10px 10px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#ComicBunner a:hover  { text-decoration: none; }
/*クリア*/
.cb  { clear: both; }

/*センターぞろえ*/
.center  { text-align: center; }
.fontsize08  { font-size: 0.8em; }
.catch-red  { display: inline-block; background-color: firebrick; color: #fff; margin-top: 5px; padding: 5px 10px; border-radius: 15px; font-weight: bold; }
.catch-red-s  { display: inline-block; background-color: firebrick; color: #fff; padding: 3px 10px; border-radius: 10px; font-weight: bold; line-height: 1em; }
.catch-gray  { display: inline-block; background-color: gray; color: #fff; margin-top: 5px; padding: 5px 10px; border-radius: 15px; font-weight: bold; }
/*改行の制御*/
.text  { display: inline-block; }

/*PC　モバイル表示　切り替え*/
.mob-view  { }
.pc-view  { display: none; }
/*PC　モバイル表示　切り替えここまで*/


h2  { font-size: 30px; margin: 50px 0 20px 0px; padding: 20px 0 20px 20px; border-bottom: solid thin #ccc; border-top: solid thin #ccc; background-color: rgba(219,233,233,1.0); }
h3  { font-size: 18px; font-weight: bold; margin: 60px 0px 20px 0px; border-left: solid 30px rgba(30,120,125,1.0); padding: 0 0 0 10px; }
h4  { font-size: 20px; }
h5  { font-size: 14px; }
h1  { width: 100px; padding: 20px; }
header  { background-color: #ff6021; width: 100%; }
.fb-page  { margin:0 auto !impottant; }
.fb-link  { height: 200px; background-color: rgba(219,233,233,1.0); width: 100%; margin: 0 auto; }
.container  { width: 100%; background-color: #fff; margin: 0 auto; paddiing-bottom: 50px; overflow: hidden; }
.wrap  { width: 95%; margin: 0 auto; }
.top-img  { margin-top: 30px; }
.top-news-wrap  { overflow: auto; margin: 0px auto; width: 95%; height: 200px; padding: 20px; background-color: #eee; }
.news-date  { display: block; width: 90%; background-color: #f94b06; color: #000; margin: 5px 0px; padding: 5px 10px; border-radius: 15px; font-weight: bold; font-size: 0.9em; text-align: center; }
.shop-list  { display: flex; flex-wrap: wrap; align-items: flex-start; }
.item-wrap  { margin: 10px; padding: 15px; border: solid thin #ccc; display: flex; flex-wrap: wrap; }
.shop-list .item  { width: 50%; align-items: flex-start; }
.shop-list .item .item-wrap img  { height: 100%; }
.item-wrap-noborder  { margin: 10px 10px 40px 10px; padding: 30px; display: flex; flex-wrap: wrap; }
.item-wrap-noborder02  { margin: 10px; padding: 10px; }
.img-wrap  { width: 45%; margin-right: 5%; }
.img-wrap02  { width: 100%; }
.item-details  { width: 50%; }
.item-wrap-noborder02 .img-wrap  { width: 80%; text-align: center; margin: 0 auto; }
.item-wrap-noborder02 .item-details  { width: 100%; font-size: 1em; font-weight: bold; border: dotted thin #ccc; text-align: center; margin: 1em auto; background-color: lightgray; }
.item-details h4  { color: rgba(30,120,125,1.0); font-weight: bold; border-bottom: solid thin rgba(30,120,125,1.0); margin-bottom: 10px; padding-bottom: 10px; line-height: 100%; }
.item-details02  { width: 100%; }
.item-details02 ul  { font-size: 0.8em; line-height: 120%; border-top: dotted thin #ccc; padding: 10px 0px 20px 0px; }
.item-details02 li  { display: inline; }
.view  { width: 100%; margin: 0 auto; text-align: center; background-color: coral; padding: 20px 0; }
.shopping  { width: 100%; margin: 10px auto 0 auto; text-align: center; background-color: tomato; padding: 20px 0; }
.shopping-gy  { width: 100%; margin: 10px auto 0 auto; text-align: center; background-color: gray; padding: 20px 0; color: darkgray; }
.video  { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 10px; }
.video iframe  { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
body  { padding-top: 50px; }
.menu-box  { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; padding: 10px; background-color: #ff6021; box-sizing: border-box; }
.menu-box .menu-btn  { width: 100%; }
.menu-box ul  { display: none; width: 100%; background-color: #ccc; }
.menu-box ul li a  { display: block; border-bottom: 1px solid #fff; padding: 0.3em 0.7em; }
.menu-box ul li:last-child a  { border-bottom: none; }
.menu-btn  { font-weight: bold; color: #fff; }
.menu-btn:before  { content: '\f0c9'; font-family: "Font Awesome 5 Free"; font-weight: bold; color: #fff; font-size: 2.0rem; }
.menu-btn.active:before  { content: '\f00d'; }
.demo-shop dl  { margin: 0px 0px 25px 30px; }
.demo-shop dt  { margin: 15px 0px 10px 0px; color: #fff; background-color: #999; display: inline-block; padding: 5px 10px; border-radius: 20px; }
.demo-shop dd  { margin-left: 30px; }
/*タブ*/
.tab  { overflow: hidden; }
.tab li  { padding: 5px 5px; float: left; width: 30%; }
.tab li.select  { background: #dedcde}
.content li  { background: #dedcde; padding: 10px; }
.hide  { display: none; }
.acc-list  { display: flex; flex-wrap: wrap; }
.acc-list div  { width: 45%; border: solid thin #ccc; text-align: center; background-color: #fff; padding: 5px; }
.acc-list .recommend  { border: solid bold #666; }
.content li b  { display: inline-block; background-color: #666; color: #fff; padding: 5px 10px 5px 10px; margin: 10px 0px 0px 0px; border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px; }
/*タブ*/
.compati-tabel-pdf  { width: 200px; margin-left: 50px; }

.support-q-and-a { display: flex; flex-wrap: wrap; margin-top: 1em; }
.support-q-and-a dt,
.support-q-and-a dd { margin-top: 1.5em; }
.support-q-and-a dt { width: 100%; padding:20px; background-color:#d4d8dc; background-image: url("../img/support_bg_Q.png"); background-repeat: no-repeat; background-position: right bottom; }
.support-q-and-a dt p  { font-size:1.4em; font-weight:bold; }
.support-q-and-a dd { width:100%; padding:20px; background-color: rgba(219,233,233,1.0); background-image: url("../img/support_bg_A.png"); background-repeat: no-repeat; background-position: right bottom; }
.support-q-and-a dd .answer { font-size:1.2em; font-weight:bold; margin-bottom:10px; }
.support-q-and-a dd .answer span { font-size:0.8em; display:inline-block; background-color:rgba(0,0,0,0.5); color:#fff; padding:5px; }
.support-selfcheck dt,
.support-selfcheck dd { background-image: none; }

.support-flex-wrap  { display: flex; justify-content: center; flex-wrap: wrap; }
.support-item  { width: 520px; margin: 15px; padding: 0px; background-color: #dedcde; }
.support-item h3  { text-align: center; border: none; margin: 0px; background-image: url("../img/support-bg.jpg"); background-size: cover; color: #fff; height: 110px; padding-top: 40px}
.support-item h3 .catch  { display: block; font-size: 0.7em; font-weight: normal; margin-top: 10px; }
.support-item h4 a:link  { display: block; color: #F94B06; margin: 20px; text-align: center; padding: 10px; border-radius: 30px; border: thin solid #ccc; background-color: #fff; }
.support-item h4 a:visited  { color: #F94B06; background-color: #fff; border: thin solid #ccc; }
.support-item h4 a:hover  { display: block; color: #fff; background-color: #353e49; padding: 10px; border-radius: 30px; border: thin solid #ccc; }
.support-tel  { display: block; color: #F94B06; margin: 20px; text-align: center; padding: 10px; border-radius: 30px; border: thin solid #ccc; background-color: #fff; }
.support-comments  { margin: 20px; text-align: center; }


.model-operation { display:inline-block; padding:0px 15px; background-color:#333; color:#fff; border-radius:15px; margin:20px 0px; font-size:16px; }
.sns-icon   { margin:20px; text-align:center; }
.sns-icon dt  { margin:10px; padding:5px; border-radius:10px; background-color:#ccc;	}
.sns-icon ul li  { display:inline-block; width:64px;	
height:auto; margin-right:20px; }
.sns-icon  ul .bun { width:500px;	}
.campain { margin:20px; background-color:#ccc; }
.campain div  { border:solid thin #ccc; padding:10px; }
.campain h1  { font-size:14px; font-weight:bold; width:100%; text-decoration:underline; margin:0px; padding:0px; }
.campain h2  { font-size:14px; 	margin:0px 0px 10px 0px; 	padding:5px; font-weight:bold; }
/*ーーー2022/2/22追記ーーー*/
.support-button  { font-size:14px; font-weight:bold; padding: 1rem 2rem; text-align: center;   	vertical-align: middle; border:solid 2px; border-color: tomato; width: 30%; color: tomato;   	border-radius: 0.5rem; margin:20px auto 50px; }
 .support-button:hover  { color: #fff;   background: tomato; }
/*ーーー2022/2/22追記ーーー*/


footer  { background-color: rgba(57,64,75,1.0); width: 100%; height: 150px; margin-top: 24px; }
footer img  { width: 100px; margin-bottom:10px; }
footer div  { padding: 20px; color: #fff; }
@media screen and (min-width:600px) and ( max-width:959px)  { // タブレットに適用したいスタイル //  
.shop-list .item  { width:15%;  display:flex; }}

@media screen and (min-width:960px)  { .head-wrap  { width: 1200px; margin: 0 auto; }
/*PC　モバイル表示　切り替え*/
.mob-view  { display: none; }
.pc-view  { display: block; }
/*PC　モバイル表示　切り替えここまで*/	

/*PC用メニュー*/
.container  { width: 1200px; margin: 0 auto; }
.contents-list  { display: flex; flex-wrap: wrap; }
.item  { width: 25%; display: flex; }
.item-03  { width: 33%; display: flex; }
.item-wrap  { display: block; }
.img-wrap  { width: 100%; }
.top-news-wrap  { height: 16em; }
.top-news-wrap ul  { }
.top-news-wrap ul li  { list-style: none; margin-bottom: 0.8em; }
.news-date  { display: inline-block; width: 10%; margin-right: 10px; font-size: 0.7em; }
.shop-list .item  { width: 20%; display: flex; }
.item-details  { width: 100%; margin-top: 10px; }
.view  { width: 50%; }
.shopping  { width: 50%; }
.shopping-gy  { width: 50%; }
.tab li  { width: 15%; }
.acc-list div  { width: 15%; }

.support-q-and-a dt { width:390px; margin-right:10px; }	

.support-q-and-a dd { width:660px; }
.operation { display:flex;	}
.operation-comments   { width:30%; margin-right:10px; }	
.campain { display:flex; }

.campain div { width:50%; }

.support-button i  { margin: 0 0.5em; }
}
 @media screen and (min-width:1281px)  { // 横幅の広いデスクトップに適用したいスタイル //}