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

@import url(https://fonts.googleapis.com/css?family=Teko:400,300,500,600,700);
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap');

/** {box-sizing:border-box;}*/
a, a:after {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline:none;}
a {cursor:pointer;}


/*a:hover img {opacity:0.75;}*/

body {background-color:rgb(255,255,255);color:#fff;font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*font-size:16px;width:100%;*/}

/*#wrapper {overflow:hidden;}*/

/*ヘッダー*/
header {width:100%;background-color:rgb(0,0,0);/*text-align:center;padding:2vh 0;*/z-index:36;}
header > div, menu > div, footer > div, #miniheader > div {/*max-width:1250px;*/width:100%;margin:0 auto;padding:10px 0;}
header div h1 {font-family: 'Teko', sans-serif;text-align:left;font-size:3em;margin-right:1em;}
header div h1 > img {height:1.66em;display:inline-block;vertical-align:middle;margin-right:12px;}
header a {color:#fff;text-decoration:none;float:left;}
header a.menulink {font-size:1.5em;padding:1.25em 0 0.5em 1em;font-family: 'Teko', sans-serif;}
header a.menulink:hover {color:#c6f;}

#miniheader {display:none;color:#fff;background-color:#000;width:100%;padding:0;position:fixed;top:0;left:0;z-index:30;box-shadow:0 1px 3px 0 rgba(0,0,0,0.6);}
#miniheader h1 {font-size:1.5em;display:block;font-family: 'Teko', sans-serif;font-weight:300;float:left;}
#miniheader h1 > img {height:30px;display:inline-block; vertical-align:middle;margin-right:6px;}
#miniheader a {color:#fff;text-decoration:none;float:left;}
#miniheader span.snslink {float:right;}
#miniheader span.snslink a img {height:26px;}
#miniheader span.snslink a:hover img {transform: scale(1.2);}
#miniheader a.menulink {font-size:1.5em;padding:0em 0 0em 1em;font-family: 'Teko', sans-serif;font-weight:300;}
#miniheader a.menulink:hover {color:#c6f;}


/*メインコンテンツ*/
#content {color: #000;}
#content h2 {color: #7a193d;}
#content h3 {font-weight:bold;margin:15px 0 10px;display:block;}
#content a:hover {background-color:rgba(255,153,0,0.1);color: #fa019f;}

.video {margin-top: 0;margin-bottom: 1em;}
.video div.youtube {width: 49.5%;float:left;margin-top: 0;padding-top:27.56%;/*width:100%;overflow: hidden;padding-top: 56.25%;margin-top: 1em;*/}
.video div.youtube:first-child {margin-right: 1%;}
.video div.youtube iframe {position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}
.video div.youtube img {position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}


/**在庫検索リンク**/
#stocklist {margin-bottom:15px;}
#stocklist h4 {color:#222;margin-bottom:11px;}
#stocklist h5 {color:#333;margin-top:20px;font-size:16px;}
#stocklist h5 img {height:40px;vertical-align:bottom;display:inline-block;}
#stocklist a {padding:5px;font-size:12px;text-align:center;background-color:#fc6;color:#222;margin-bottom:5px;text-decoration:none;border-radius:5px;border:1px solid #99a;}
#stocklist a:hover {background-color:#fc3;color:#f00;}
#stocklist a img {height:22px;display:inline; vertical-align:middle;margin-right:3px;}

.searcher {margin-top:1em;}
.searcher h4 {color:#222;margin-bottom:11px;}
.searcher h5 {color:#333;margin-top:20px;font-size:16px;}
.searcher h5 img {height:40px;vertical-align:bottom;display:inline-block;}
.searcher a {padding:5px;font-size:12px;text-align:center;background-color:#fc6;color:#222;margin-bottom:5px;text-decoration:none;border-radius:5px;border:1px solid #99a;float:left;width:32%;margin-right:2%;}
.searcher a:last-child {margin-right:0;}
.searcher a:hover {background-color:#fc3 !important;color:#f00;}
.searcher a img {height:22px;display:inline; vertical-align:middle;margin-right:3px;width:auto !important;}

/***/
#mbappear {display:none;}
.mbappear {display:none;}
.mbhide {display:block;}

/*フッター*/
footer {background-color:rgb(0,0,0);color:#fff;width:100%;}
p.copyright {font-family: 'Teko', sans-serif;font-weight:300;font-size:1.375em;margin-bottom: 0;}

/*ページトップへ*/
.pagetop {display: none;position: fixed;bottom: 30px;right: 35px;z-index:+20;}
.pagetop a {display: block;width: 50px;height: 50px;background-color: rgba(255,50,100,0.7);text-align: center;color: #fff;font-size: 24px;text-decoration: none;line-height: 46px;border-radius:25px;outline:none;}

/*汎用*/
.mincho {font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.clr {clear:both;}
.rc5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.boxshadow {box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.txthshadow {text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff;}

.mb10 {margin-bottom:10px;}
.clearfix:after {content:"";display:block;position:relative;clear:both;}