@charset "utf-8";

/* @group Reset */
.wrapper {   
    maxwidth: 500px;   
    margin: 0 auto;   
    text-align: center;
/*    border: 1px solid #FF0000;   */
}

*{
	margin: 0;padding: 0;
}

a{
	text-decoration : none;
}

}
a:hover {
	color: #dd3377;				/*#0e28acマウスオン時の文字色*/
	text-decoration:no ;			/*マウスオン時にリンクの下線を消す設定*/

}
a.line:hover {
    color: red;
    text-decoration: underline;

}
/*
a:link {
    color: red;
    text-decoration: none;
}

a:hover {
    color: blue;
    text-decoration: underline;
}
*/

ul, ol,dl{
	list-style : none;
}


img{
	vertical-align : middle;
	margin: 2px 4px 6px 8px;
}
*/

.img,.txt{/*header ロゴ文字位置の小画面　2019.07.14*/
 display: inline-block;
  vertical-align: middle;
}
#header{
height: 30px;
background: url(image/header-2.png) center center;
/*padding-top: 5px;*/

}
/*background-color: blue;
	 
background : url(image/header-2.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
*/


}/* #211f1f background :#ddffff; */



#headerlogo{
padding: 0;
   margin-top: 0;

	left:3%;	/*左から3%の場所に配置*/
		/*上から30pxの場所に配置768*/
}
/*768以下*/
@media screen and (max-width : 768px){
#headerlogo a {
     display: block;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom:0;/*更新2022.6.1　*/
    margin-left:0px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-indent: -9999px;
    overflow: hidden;
   height:80px;
    background-image : url(gimage/tomologot3.gif); /*logo_1A.png   image/logo_1a1.pngを酒匂画像に変更*/
    background-size:auto ;

    background-position: center center;/* top left*/
    background-repeat: no-repeat;
			}
/*2022 07/21 変更メニューブロックの設定*/
#menubar-s {
	display: block;	/*小さい端末用(画面幅768px以下)メニューを非表示から表示に切り替える*/
	background: #091a71;	/*背景色*/
	overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	width: 50%;		/*幅*/
}
#menubar-s li a {
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 50px;		/*行間（高さ）*/
	color: #fff;	/*文字色*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	border-right: 1px solid #fff;	/*右の線の幅、線種、色*/
}
#menubar-s li a:hover{
	color : #000000; /*文字色000000*/
background-color : #fff;        /*マウスハイライト背景色 #7d4934 */
/*	text-decoration:none ;*/			/*マウスオン時にリンクの下線を消す設定*/

}
/*偶数番目のメニュー*/
#menubar-s li:nth-child(even) a {
	border-right: none;	/*右の線を消す*/
}
/*大きな端末用(画面幅801px以上)メニューを非表示にする*/			

#menubar {
	display: none;
}

									}
									
									
.txt{/*header ロゴ文字位置の小画面　2019.07.14*/
  display: block;
  vertical-align: middle;
}


/* @end */


/* @group Fluid-img */

 /* 追加　20230406*/
.pc { display: block !important;

   max-width: 1217px;  /* ※B 1293px*/
   min-width: 1217px;  /* ※C1293px */

 margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;

 }
.sp { display: none !important;
    max-width:900px;  /* ※B */
    min-width: 900px;
 margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;
}

.spla{ display: none !important;
   max-width: 500px;  /* ※B */
   
 margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;



 }   


img{
	max-width : 100%;
}
/* 追加 */
img.tomoimmap{
      /* width: 100%;    ※A */
   max-width: 1214px;  /* ※B */
  min-width: 1214px;  /* ※C */
 margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;

 /*   min-width: 100%;
 margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;  */ 
    
    
    }
 img.jitenmap{
       width: 100%;   /* ※A */
   max-width: 299px;  /* ※B */
  min-width: 299px;  /* ※C */
 margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;

    } 
    

     


p .left {
  float: left;
  margin-right: 2em;
  margin-bottom:1.5em ;

}
p.txt{/*2019.05.23 追加 */
	display: inline-block;
	text-align: left;
	border: solid 2px gold;
	padding: 12px 40px;

}
p.txt0{/* 2019.05.23追加 */
	text-align: center;
	font-size:1.2em;
}

p .right {
  float: right;
  margin-right: 2em;

}
p .clear {
  float: clear;
  margin-top: 2em;
    text-align: center;
}


/* @end */


/* @group HTML */

html{
	font-family: Yu Gothic, 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
/*font-family : verdana, sans-serif;*/
font-size : 100%; /*75% レスポンシブタイプセッティングの指定*/
line-height : 1.5;
}
/* @end */
table{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: 0;
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #712B03;
}

table th{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    background-color: #E0D2B1;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #712B03;
    color: #655849;
}

table td{
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #712B03;
}



/* @group Heading */

h1{
	font-size : 3em; /* 48px */
line-height : 1; /* 48px */
margin-bottom : 1.5em ;
} 

h2{
	font-size : 2.25em; /* 36px */
line-height : 1.3333; /* 48px */
margin-bottom : 0.6667em ;

} 

h3{
	font-size : 1.5em; /* 24px */
line-height : 1; /* 24px */
margin-bottom :1.5em ;
/*  padding: .25em 0 .5em .75em;*//* 左ボーダー × 下ボーダー */

  padding: .5em .75em;/* 角丸 */
  background-color: #ddffff;/* #f6f6f6 */
  border-radius: 6px;
  border-left: 6px solid #ccc;/* 左、下ボーダー */
  border-bottom: 1px solid #ccc;
} 

hgroup h2,h4{
	font-size : 1em; /* 16px */
line-height : 1.5; /* 24px */
margin-bottom : 1.5em;/* 1.5em */
  border-left: 8px solid #33bbff;/*左、下にボーダー#ccc */
  border-bottom: 2px solid #33bbff;
/*background :#211f1f; */
 } 
 h5{
font-size : 1em; /* 16px */
line-height : 1; /* 24px */
margin-bottom : 1.5em;/* 1.5em */
  padding: .5em .75em;
  background-color:pink ;/* #bbff00 #f6f6f6 */
  border-radius: 6px;
    border-radius: 6px;
  width: 250px;

}

h5#top{
  padding: .5em .75em;
  background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

 h6{
font-size : 1em; /* 16px */
line-height : 1; /* 24px */
margin-bottom : 1.5em;/* 1.5em */
  padding: .5em .75em;
  background-color:#ddff55 ;/* #f6f6f6 */
  border-radius: 6px;
}




/* @end */

/* @group Header */
/*
header{
	 
background : url(image/header-2.png) 0% 0% / auto auto repeat scroll padding-box border-box transparent;

}*/
/* #211f1f background :#ddffff; */

/* title 20180602追加*/
toptitle{
/*    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    overflow: hidden;
    text-indent: -9999px;
	height:400px;
	background :url(../images/1.jpg);
 	background-position: top center;
    background-repeat: no-repeat;*/
text-align : center;
padding-top : 1.5em;
background : #ffffff;


}



header h1{
	margin-bottom : 0.5em;
}
header h2{
	color : #cccfff;
}


/* @end */

/* @group Nav */
/*2022 7/21メニューブロック変更により削除*/
       /*nav{ */
/*  background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
color : #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);*/
  
        /*	background: linear-gradient(#1199dd, #091a71);*/	/*背景色#0e28ac。グラデーション*/

/*  margin-bottom : 1.5em;*/

   /* }*/ /* W3C */
/*2022 7/21メニューブロック変更により削除*/
/*
nav ul{
	overflow : hidden;
}
nav ul li{
	width : 11%; float : left;
  } */ /*25%を9項目約11％*/
  /*
nav ul li a{
	display : block;
color : #ffffff; */  /*文字色 #d8c2a4 */
/* padding : 0.75em 0;
}
*/
/*
nav ul li a:hover{
	color : #ffffff;*/ /*文字色000000*/
/*background-color : #1199dd; */        /*マウスハイライト背景色 #7d4934 */
/*	text-decoration:none ;*/			/*マウスオン時にリンクの下線を消す設定*/

/*}*/

/*2022 7/21変更　追加*/
/*メニューブロックの設定 769px以上に適用*/
@media screen and (min-width : 769px) {
#headerlogo a {
     display: block;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom:0;/*更新2022.6.1　*/
    margin-left:120px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-indent: -9999px;
    overflow: hidden;
   height:80px;
    background-image : url(gimage/tomologot3.gif),url(gimage/logos1.gif); /*logo_1A.png   image/logo_1a1.pngを酒匂画像に変更*/
    background-size:auto ;

    background-position: left center,right bottom;/* top left*/
    background-repeat: no-repeat;
			}
#menubar {
	background: #091a71;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#0e28ac, #091a71);	/*背景色。グラデーション*/
	overflow: hidden;
	padding-left: 0%;
}
#menubar ul {
	border-left: 1px solid #fff;	/*左の線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px solid rgba(255,255,255,0.3);	/*左の線の幅、線種、色。255,255,255は白の事で0.3は透明度30%の事。*/
	overflow: hidden;
	margin: 10px 0px;
	letter-spacing: 0.2em;
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;
}
#menubar li a {
	text-decoration: none;
	display: block;
	padding: 5px 20px;/*5px 30px*/
	border-right: 1px solid #fff;	/*右の線の幅、線種、色（古いブラウザ用）*/
	border-right: 1px solid rgba(255,255,255,0.3);	/*右の線の幅、線種、色。255,255,255は白の事で0.3は透明度30%の事。*/
	color: #fff;	/*文字色*/
}
#menubar li a:hover{
	color : #000; /*文字色000000*/
background-color : #fff;        /*マウスハイライト背景色 #1199dd */
/*	text-decoration:none ;*/			/*マウスオン時にリンクの下線を消す設定*/

}
/*2022 7/21変更　追加*/
/*小さい端末用(画面幅800px以下)メニューを表示させない*/
#menubar-s {
	display: none;
}
}
/* @end */

/* @group Contents */

#contents{
	width : 90%;
margin : 0 auto;
}/* 削除　20180605text-align : center */

#contents p{
margin-bottom : 1.5em;
text-align : left;
}
#contents img{
	 
margin-bottom : 1.5em; 
margin-right: 1.5em;
text-align : left;
/* 削除box-shadow : 0 0 0px #2f1f1f; */
}

/* @end */

/* @group Footer */

footer{
	padding : 1.5em 0;
color : white;
text-align : center;
background : url(image/footer_bg.png);
}

/* @end */
@media only screen and (max-width: 901px) {/*700px未満　の処理 */

    .pc { display: none !important; }
    .sp { display: block !important;}
}


/*768px以上に適用*/
@media screen and (min-width : 768px){

html{
	font-size : 87.5%;
} /*レスポンシブタイプセッティングの指定*/
#contents{
	text-align : left;
}

}

/*1024px以上に適用*/
@media screen and (min-width : 1024px) {

html{
	font-size : 100%;
} /*レスポンシブタイプセッティングの指定*/

/* @group Nav */

/*nav ul{
	width : 93.75%;/* 960/1024 */
/*margin : 0 auto;
}*/

/* @end */

/* 表紙の下余白 */
#topimage
{
/*画像ブロック*/

	clear: left;
	width: 100%;
	margin: 0 auto;
	position: relative;

    margin-bottom: 1.5em;
    }
    
    
/* 以下追加 */
/* バナー */
#banner{
    margin-top: 0px;/* 6px */
    margin-bottom: 10px;
}
#banner ul{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}


#banner li a{
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
#banner a#banner-shop1{    /* sale */
    /* セールバナー */
    height: 40px;
    background-image : url(image/ayu-st3.gif); /* banner_8E_01.png */
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
    
}
#banner a#banner-shop2{/* present */
    /* メルマガバナー */
    height: 60px;
     background-image : url(image/johsyuya_bnr_c.jpg);/* banner_8E_02.png */
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
    
}

#banner a#banner-shop3{/* rss */
    /* RSSバナー */
    height: 48px;
    background-image : url(image/logogama.gif);/* banner_8E_04.png */
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
    
}


#banner a#banner-shop4{/*  */
    /* RSSバナー */
    height: 36px;
    background-image : url(image/daiwa.gif);/* banner_8E_04.png */
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
    
}
#banner a#banner-shop5{/*  */
    /* RSSバナー */
    height: 55px;
    background-image : url(image/shimano.gif);/* banner_8E_04.png */
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
    
}
#banner a#banner-shop6{/*  */
    /* RSSバナー */
    height: 23px;
    background-image : url(image/corp_logo.jpg);/* banner_8E_04.png */
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
}
#banner a#banner-shop7{/*  */
    /* RSSバナー */
    height: 41px;
    background-image : url(image/h1_cosmic_logo.jpg);/* banner_8E_04.png */
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom:1.5em ;
    
}





/* @group Contents */


#contents{
	overflow : hidden;
width : 93.75%;
}

#contents #main,
#contents #sub{
	 
float : left;
margin : 0 1.0416667% ;
} 

#contents #main{
	width : 64.5833333%;
	margin-top: 1.5em;/*大画面画像の下の余白*/
}
#contents #sub{
	width : 31.25%;
		margin-top: 1.5em;

}
#sp{
	width: 100%;
		margin-top: 1.5em;
}

.img,.txt{
  display: inline-block;
  vertical-align: middle;
}

#contents #wide{
	width : 100%;
}

/* @end 以下追加*/
#styles{
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
    background-image : url(footerBg_7C.png);
    background-position: bottom left;
    background-repeat: repeat-x;
}
#pagetop{
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: left;

}

#pagetop a{
    /* ページの先頭へのリンク設定 */
    display: block;  /*  */
    margin-left:0;
    margin-right: auto;
 
    width: 130px;
    height: 16px;
    overflow: hidden;
    background-image : url(image/rettop.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
}ｔ
/* @group Footer */

footer{
 /*width : 91.796875%; 940/1024*/
margin : 0 auto;
}

/* @end */

}