/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #2a2a2a;
	font-size: 14px;
	line-height: 20px;
	background-color: #ffffff;
	text-align:c
      font-family: “Calibri”,”メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,Hiragino Kaku Gothic Pro,”ＭＳ Ｐゴシック”,sans-serif;
}


/* IE8〜11はメイリオ */
@media screen\0 {
  body {
    font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  }
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
    margin: 0 auto;
	width:1200px;
	text-align:left;
       	background-color: #ffffff;

}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
}

/*leftとmainを囲む*/
.wrapper {
 width:1200px;
 float:left
}

/*　画面左側メニューの幅　*/
.left {
	float: left;
	width:280px;
    	background-color: #ffffff;
}

/*　中央の幅　800→900*/
.main {
	float: right;
	width: 885px;
  padding: 0px 10px 10px 0px;
    margin: 0px 0px 5px 0px;
  	background-color: #ffffff;
}

.right {
	float: right;
        width: 190px;
　　　　margin: 10px 0px 10px 10px;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:5px;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/*　フッター（コピーライト）　*/
.footer{
color:#ffffff;
font-size:13px;
text-align:center;
margin: 0px;
padding:6px 0px 6px 0px;
border-bottom:3px solid #ff7f50;
background:#ff7f50;

}

.footer a:link{
color:#ffffff;
font-weight:bold;
  text-decoration: none;
}

.footer a:visited{
color:#ffffff;
font-weight:bold;
}







#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* ************************************************ 
 *	修正・加筆部分
 * ************************************************ */


#shopheader {
 margin:0;
 background-image: url(https://biken-guide.co.jp/doc/shop_img/top_simplebk.jpg); 
 background-repeat: none; 
 width:1000px; height:225px; 
 position:relative;
 }

#shophowto {
 width:195px;
 height:68px;
 position: absolute;
 top: 13px;
 right: 3px;
 }

#shopnavi {
  margin: 0;
  padding: 0;
  width: 1000px;
  height: 45px;
}

#shopnavi ul{
  list-style-type: none;
  margin: 0px 3px;
  padding: 0;
}

#shopnavi li{
	float: left;
	width: 165px;
	margin: 0px;
	padding: 0px;
}

#shopnavi span {
	display: none;
}

#shopnavi a{
  display: block;
  width: 100%;
  height: 45px;
  background-image: url(https://biken-guide.co.jp/doc/shop_img/bikenn_shop_navi.gif);
  background-repeat: no-repeat;
}

#navi001 a{background-position: 0 0;}
#navi002 a{background-position: -166px 0;}
#navi003 a{background-position: -332px 0;}
#navi004 a{background-position: -498px 0;}
#navi005 a{background-position: -664px 0;}
#navi006 a{background-position: -830px 0;}

#shopnavi a:hover{
  background-image: url(https://biken-guide.co.jp/doc/shop_img/bikenn_shop_navi.gif);
  background-repeat: no-repeat;
}

#navi001 a:hover{background-position: 0 -45px;}
#navi002 a:hover{background-position: -166px -45px;}
#navi003 a:hover{background-position: -332px -45px;}
#navi004 a:hover{background-position: -498px -45px;}
#navi005 a:hover{background-position: -664px -45px;}
#navi006 a:hover{background-position: -830px -45px;}

#shopsubtop {
 margin: 10px 0;
 padding: 0;
 }
 
#shopsubtopleft {
 width: 590px;
 height: 285px;
 float: left;
 }

#shopsubtopright {
 width: 410px;
 height: 285px;
 float: right;
 overflow :auto;
 }

#rightwaku {
 	width:200px;
    margin: 10px 0px 10px 10px;
 }

.right a{
 text-decoration:none;
 }

.hr {  size: 1px; }



.freemidashi {
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	height: 20px;
	width: 730px;
	padding-left: 10px;
        margin-left: 20px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: double;
	border-top-color: #CC0000;
	border-right-color: #CC0000;
	border-bottom-color: #CC0000;
	border-left-color: #CC0000;
}
.freewaku {
	width: 730px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	line-height: 16px;
}

.freewaku ul { list-style: square inside }
.freewaku li {
	margin-top: 10px;
}
.freechui {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0000;
	margin: 5px;
	padding: 3px 3px 3px 10px;
}
.freered {
	font-size: 12px;
	line-height: 15px;
	color: #CC0000;
	margin-left: 13px;
}





#output a, #output img {cursor: pointer;}
#output #body {
	overflow:hidden;
	width: 580px;
	height: 250px;
	position: relative;
}
#output #body img {
	position: absolute;
	top: 0;
}
#output #buttons {
	width: 580px;
	height: 35px;
	text-align: right;
}
#output #buttons img {
	margin-right: 5px;
        margin-bottom: 10px;
}


.rightlink {
 width: 190px;
 margin-bottom: 15px;
 }

#container a:hover img{
 opacity:0.5;
 filter:alpha(opacity=50);
 -ms-filter: "alpha( opacity=50 )";
 }


#topic { 
 width: 410px;
 height: 285px;
 float: right;
 overflow :auto;
 border: none;
 }

 .line { border-top: 1px; border-top-style: dashed; border-color: #666666; }
 .line .icon { float: left; margin-left: 5px; margin: 10px 0 10px 5px;}
 .line .txt { float: left; margin-left: 15px; margin: 10px 0 10px 5px; font-size: 12px;}


/* 注目キーワード */

#key {
 width: 190px;
 border: 1px solid #666;
 padding: 5px 0;
 float: left;
 text-align: left;
 margin: 10px 10px 0 0;
 }

#key ul{
 list-style-type: square;
 margin: 0 0 0 1.5em;
 padding: 0;
 }

h3{
color:#ea5506;
font-size:18px;
text-align:center;
margin:0px 0px 0px 0px;
padding:2px 0;
border-bottom:0px solid #ffff00;
background:#fff;
}
 
.lbanner { width:190px; margin:10px 10px 10px 0; }


.calender{ color : #000000; }





/*--------------------------------------------*/
/* ショップふるさと用                         */

#shopnavifuru {
  margin: 0;
  padding: 0;
  width: 1000px;
  height: 45px;
  align:center; 
}

#shopnavifuru ul{
  list-style-type: none;
  margin: 0px 3px;
  padding: 0;
}

#shopnavifuru li{
	float: left;
	width: 142px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#shopnavifuru span {
	display: none;
}

#shopnavifuru a{
  display: block;
  width: 100%;
  height: 45px;
  background-image: url(https://biken-guide.co.jp/doc/img/bikenn_shop_navi_f.gif);
  background-repeat: no-repeat;
}

#navi001f a{background-position: 0 0;}
#navi002f a{background-position: -142px 0;}
#navi003f a{background-position: -284px 0;}
#navi004f a{background-position: -426px 0;}
#navi005f a{background-position: -568px 0;}
#navi006f a{background-position: -710px 0;}
#navi007f a{background-position: -852px 0;}

#shopnavifuru a:hover{
  background-image: url(https://biken-guide.co.jp/doc/img/bikenn_shop_navi_f.gif);
  background-repeat: no-repeat;
}

#navi001f a:hover{background-position: 0 -45px;}
#navi002f a:hover{background-position: -142px -45px;}
#navi003f a:hover{background-position: -284px -45px;}
#navi004f a:hover{background-position: -426px -45px;}
#navi005f a:hover{background-position: -568px -45px;}
#navi006f a:hover{background-position: -710px -45px;}
#navi007f a:hover{background-position: -852px -45px;}


#headerfuru { /*  TOPふるさとページ用  */
 margin: 0;
 align: center; 
 background-image: url(https://biken-guide.co.jp/doc/img/top_bk_f.jpg); 
 background-repeat: none; 
 width:1000px; height:300px; 
 position:relative;
 }

/*--------------------------------------------*/

div.leftmenu table {
width: 170px;
}

div.leftmenu td, th {
padding: 5px 5px;
}

/*--------------------------------------------*/
A { text-decoration: none; }
A:link { color: #0000ff; }
A:visited { color: #8a2be2; }
A:active { color: #ff0000; }
A:hover { color: #ff1493; }
BODY, TH, TD { font-size: 10pt; }


/*--------------------------------------------*/
 /*  メニュー段用  */
/* メニューバック */
.menuback {
  padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  background: #ff7f50;
height: 71px;
}

/* 1200幅枠 */
.waku1200 {
  padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
width: 1200px;
position:relative;
top:-0px;/*上下ずれの調整だった*/
}

/* 購入ページへボタン */
#bt-kounyuu ul {
  list-style-type: none;
}
 
#bt-kounyuu li {
  width: 280px;
  float: left;
  overflow: hidden;
}
 
#bt-kounyuu a {
  margin: 0px 0px 0px 0px;
  padding: 13px;
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;

  border-radius: 0px;
  display: block;
  text-decoration: none;
font-size:18px;
  height: 71px;
  text-align: center;
  color: #fff;
  background: #ff7f50;
  transition: .4s;
font-weight: bold;
}

#bt-kounyuu a:hover {
  background: #ea5506;
  color: white;
}

/* 2段メニュー下 */

#menu2 ul {
  list-style-type: none;
}
 
#menu2 li {
  width: 230px;
  float: left;
  overflow: hidden;
}
 
#menu2 a {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  border-right: solid 1px #fff;
  border-bottom: dashed 0px #fff;
  border-radius: 0px;
  display: block;
  text-decoration: none;
font-size:15px;
  height: 25px;
  text-align: center;
  color: #fff;
  background: #ff7f50;
  transition: .4s;
font-weight: bold;
}
#menu2 a:hover {
  background: #ea5506;
  color: white;
}

/* 2段メニュー上 */
#menu1 ul {
  list-style-type: none;
}
 
#menu1 li {
  width: 230px;
  float: left;
  overflow: hidden;
}
 
#menu1 a {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  border-right: solid 1px #fff;
  border-bottom: dashed 1px #fff;
  border-radius: 0px;
  display: block;
  text-decoration: none;
font-size:15px;
  height: 25px;
  text-align: center;
  color: #fff;
  background: #ff7f50;
  transition: .4s;
font-weight: bold;
}

#menu1 a:hover {
  background: #ea5506;
  color: white;
}

/*--------------------------------------------*/
/* 左メニュー単独 */

#leftbutton ul {
  list-style-type: none;
}
 
#leftbutton li {
  width: 100%;
  float: left;
  overflow: hidden;

}
 
#leftbutton a {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  border: solid 1px #C0C0C0;
  border-radius: 5px;
  display: block;
text-decoration: none;
font-size:20px;


line-height:22px;
font-weight: bold;

height: ;
  text-align: center;
color:#ea5506;
  background: white;
  transition: .4s;
}

#leftbutton a:hover {
  background: #ea5506;
  color: white;
}

/* FBMMメニュー */

#fb-icon ul {
  list-style-type: none;
}
 
#fb-icon li {
  width: 100%;
  float: left;
  overflow: hidden;
}
 
#fb-icon a {
  margin: 0px 0px 10px 0px;
  padding: 20px 0px 0px 9px;
  border: solid 1px #C0C0C0;
  border-radius: 5px;
  display: block;
  text-decoration: none;
font-weight:bold;
font-size:17px;

line-height:17px;

height:70px;
  text-align: center;
  color: #333;
  background: white;
  transition: .4s;
}

#fb-icon a:hover {
  background: #ea5506;
  color: white;
}


.kensaku {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: solid 2px #ff7f50;
color: #ff7f50;
  display: block;
font-size: 19px;
width: 200px;

  font-weight: bold;
  text-align: center;
}


/* ミニアイコンメニュー */

#mini-icon ul {
  list-style-type: none;
}
 
#mini-icon li {
  width: 100%;
  float: left;
  overflow: hidden;
}
 
#mini-icon a {
  margin: 0px 0px 3px 0px;
  padding: 3px 0px 3px 9px;
  border: solid 1px #C0C0C0;
  border-radius: 5px;
  display: block;
  text-decoration: none;
font-weight:bold;
font-size:16px;

line-height:17px;

height:50px;
  text-align: center;
  color: #333;
  background: white;
  transition: .4s;
}

#mini-icon a:hover {
  background: #ea5506;
  color: white;
}



/* dropdowncss丸ごと */
.menu {
  width: 270px;
  float: left;

height: 71px;
  margin: 0px 0px 0px 0px;
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;
}

.menu > li {
    float: left;
    width: 100%; /* グローバルナビ1つの場合 */
    height: 71px;
    line-height: 71px;
background: #ff7f50;
font-size:18px;
}

.menu > li a {
    display: block;
    color: #fff;
  font-weight: bold; /* こっちは一般設定を太くしてないから */
}

.menu > li a:hover {
  color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
  background: #ea5506;
  color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {

  background: #F6F6F6;
  color: #111;
font-size:15px;
  border-bottom: solid 1px #C1BBBB;
  border-right: solid 1px #C1BBBB;
  border-left: solid 1px #C1BBBB;
}

.menu__second-level li a {
  color: #111;
}


.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #fff;
  color: #ea5506;

}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}










.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 71px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 71px;
    visibility: visible;
    opacity: 1;
}


/* ｄｄに黒い点つくから追加して消した */
ul {
  list-style: none;
}


/* ヘッダーリンク */
.headerlink {
  margin: 0px 4px 5px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
font-weight:normal;
font-size:14px;
    display: inline-block;        /* インラインブロック要素にする */
    background-color:;      /* 背景色指定 */
  color: ;
  transition: .4s;
}

.headerlink a {

  text-decoration: none;
font-weight:normal;
font-size:14px;
    display: inline-block;        /* インラインブロック要素にする */
    background-color:;      /* 背景色指定 */
  color: ;
  transition: .4s;
}




/* トップに戻る */

html{
    scroll-behavior: smooth;
}
.gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}
@media(max-width:750px){
    .gotop{
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        opacity: 1;
        border: none;
        background: none;
        bottom: 10px;
        right: 10px;
    }
    .gotop::before{
        bottom: 0;
    }
}