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

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

body{
     background: #fff;
     font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
     color: #000;
}
figure-left{
	margin: 10px 10px 15px 20px;
	float: left;
}
figure-right{
	margin: 10px 20px 15px 15px;
	float: right;
}
figure-left2{
	margin: 5px 10px 3px 5px;
	float: left;
}
figure-right2{
	margin: 5px 0px 3px 10px;
	float: right;
}
figure-left3{
	margin: 5px 0px 3px 5px;
	float: left;
}
figure-right3{
	margin: 5px 0px 3px 0px;
	float: right;
}
figcaption {	
  font-size   : 8pt;
  margin-top: 3px ;
　line-height: 0.5px
}

/* ローディングのくるくる */
.loader .svg {
	fill: none;
	stroke: dodgerblue;
	stroke-width: 10;
	stroke-linecap: round;
	stroke-dasharray: 230 230;
	animation: loader 1.4s infinite cubic-bezier(.4,0,.3,1), loading 1.2s infinite linear;
}
@keyframes loader {
	from { stroke-dashoffset: 230; }
	to { stroke-dashoffset: -230; }
}
@keyframes loading {
	from { transform: none; }
	to { transform: rotate(360deg); }
}

/*トップへ戻るボタン*/
#page-top {
    position: fixed;
    right: 15px;
    bottom: 20px;
    height: 50px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    color: #737373;
    padding: 0 0 0 35px;
    border-top: solid 1px;
}
#page-top::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    transform: rotate(35deg);
    transform-origin: left top;
}
/*トップへ戻るボタンここまで*/


.float_none {
	clear: both;
}

.wrapper {
  max-width      : 1920px;
  height         : auto;
  margin         : 0 auto;
}
a {
　　text-decoration: none;
}
dt{
  font-size   : 12pt;
  margin-top: 3px ;
　line-height: 1.5px
}
dd{
  font-size   : 10pt;
  margin-top: 3px ;
　line-height: 1.5px
}
/* リンク下線消し */
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/* 黒背景 */	
.bk {
  background-color : #000;
  max-width      : 100%;
  height         : 20px;
  margin         : 0px 0px 5px 0px;
}
/* 黒背景メニュー*/	
.bk2 {
  background-color : #000;
width      : 340px;
  max-width      : 100%;
  height         : 20px;
  margin         : 0 auto;
}
/* 白背景 */	
.wh {
  background-color : #fff;
}
/* 灰色背景 */	
.gray {
  background-color : #B5B5B6;
width      : 340px;
 max-width      : 100%;
  height         : 20px;
  margin         : 0 auto;
}
/* 灰色背景2段 */	
.gray_long {
  background-color : #B5B5B6;
width      : 340px;
 max-width      : 100%;
  height         : 40px;
  margin         : 0 auto;
}
/* 灰色背景3段 */	
.gray_long2 {
  background-color : #B5B5B6;
width      : 340px;
 max-width      : 100%;
  height         : 60px;
  margin         : 0 auto;
}
/* 濃い灰色背景 */	
.gray2 {
  background-color : #595757;
  width      : 340px;
  max-width      : 100%;
  height         : 20px;
  margin         : 0 auto;
}
/* 780px灰色背景 */
.gray3 {
  background-color : #B5B5B6;
  max-width      : 100%;
  height         : 20px;
  margin         : 0 auto;
}
/* 薄い灰色背景 */
.gray4 {
  background-color : #E6E6E6;
  width          : 740px;
  height         : 15px;
  max-width      : 100%;
  padding        : 0px;
  margin         : 0px 10px 0px 10px;
  text-valign    : middle;
}

/* 長体文字 */
.text-narrow-left {
    transform: scale(0.8, 1);
    transform-origin: top left;
}
/* 中央寄せ商品一覧写真用 */
.center-img{
  font-size   : 10pt;
  float       : center;
  width       : 255px; 
  max-width : 100%; 
  height    : auto;
  margin    : auto;
  text-align     : left;
}
.center-img p{
   padding:0px 10px 0px 10px;
}
.center-img img{
   padding:10px 0px 0px 0px;
}
/* 中央寄せ50% */
.center{
  font-size   : 10pt;
  float       : center;
  width       : 500px; 
  max-width : 100%; 
  height    : auto;
  margin    : auto;
  text-align     : left;
}
/* 中央寄せ80%*/
.center2{
  font-size   : 10pt;
  float       : center;
  width       : 600px; 
  max-width : 100%; 
  height    : auto;
  margin    : auto;
  text-align     : left;
  line-height:2em;
}
/* 中央寄せ90%*/
.center3{
  font-size   : 10pt;
  float       : center;
  width       : 700px; 
  max-width : 100%; 
  height    : auto;
  margin    : auto;
  text-align     : left;
  line-height:2em;
}
/* 左空け*/
.right_space{
  font-size   : 10pt;
  max-width : 100%; 
  height    : auto;
  margin    : 0 10px 0 20px;
  text-align     : left;
  line-height:2em;
}
/* 左寄せ */
.right{
  font-size   : 10pt;
  float       : right;
  width       : 500px; 
  max-width : 100%; 
  height    : auto;
  margin    : auto;
  text-align     : left;
}
/* 太い文字 */	
.bold {
  font-size  : 10pt;
  font-weight: bold;
  line-height:2em;
}

/* 青文字 */	
.blue {
  font-size  : 14pt;
  color      : #003D96;
  font-weight: bold;
  line-height:2em;
}
/* シアン文字 */	
.cyan {
  font-size  : 12pt;
  color      : #009CD1;
  font-weight: bold;
  padding    : 5px ;
}
/* スカイブルー文字 */	
.sky-blue {
  font-size  : 10pt;
  color      : #036EB8;
  font-weight: bold;
}
/* コバルトブルー文字 */	
.cobalt-blue {
  font-size  : 10pt;
  color      : #00a0ea;
  font-weight: bold;
}

/* 白文字 */	
.white {
  color      : #ffffff;
  padding    : 0px 0px 0px 0px ;
  text-align : left;
}
/* 太白文字 */	
.white2 {
　font-size   : 10pt;
  color      : #ffffff;
  padding    : 3px 0px 0px 0px ;
  text-align : left;
　font-weight: bold;
}
/* 黒文字 */	
.black {
　font-size   : 10pt;
  color       : #000000;
  padding     : 5px 15px 10px 5px ;
  text-align  : left;
  text-align  : justify;
	line-height: 1.5
}
/* 赤文字 */	
.red {
  color : #E60012;
}
/* 緑文字 */	
.green {
  font-size   : 10pt;
　text-align: center;
  color : #2EB6AA;
}
/* 若草色文字 */	
.green2 {
  font-size   : 10pt;
　text-align: center;
  color : #009943;
}
/* 深緑文字 */	
.green3 {
  font-size   : 10pt;
　text-align: center;
  color : #00541E;
}
/* 黄緑文字 */	
.green4 {
  font-size   : 10pt;
　text-align: center;
  color : #22ac38;
}
/* 黄文字 */	
.yellow {
  font-size   : 10pt;
  color : #FFF100;
  text-align     : left;
}
/* オレンジ文字 */	
.orange {
  font-size   : 10pt;
  color : #F8B62D;
  text-align     : left;
}
/* 橙文字 */	
.orange2 {
  font-size   : 10pt;
  color : #F39700;
  text-align     : left;
}
/* 水色文字 */	
.light-blue {
  font-size   : 10pt;
  color : #7ECEF4;
  text-align     : left;
}
/* ピンク文字 */	
.pink {
  font-size   : 10pt;
  color : #EA609E;
  text-align     : left;
}
/* 濃いピンク文字 */	
.pink2 {
  font-size   : 10pt;
  color : #e40077;
  text-align     : left;
}
/* 薄紫文字 */	
.purple {
  font-size   : 10pt;
  color : #9999CC;
  text-align     : left;
}
/* 赤紫文字 */	
.purple2 {
  font-size   : 10pt;
  color : #920783;
  text-align     : left;
}
/* 紫文字 */	
.purple3 {
  font-size   : 10pt;
  color : #5F67AE;
  text-align     : left;
}
/* こげ茶色文字 */	
.dark-brown {
  font-size   : 10pt;
  color : #5E5060;
  text-align     : left;
}
/* 茶色文字 */	
.brown {
  font-size   : 10pt;
  color : #6A3906;
  text-align     : left;
}
/* 灰色文字 */	
.grayspell {
  font-size   : 10pt;
  color : #9fa0a0;
  text-align     : left;
}
/* 濃灰色文字 */	
.grayspell2 {
  font-size   : 10pt;
  color : #595757;
  text-align     : left;
}
/* 黄土色文字 */	
.ocher {
  font-size   : 10pt;
  color : #B28146;
  text-align     : left;
}
/* えんじ文字 */	
.carmine {
  font-size   : 10pt;
  color : #c30d23;
  text-align     : left;
}

/* 小さい文字 */	
.small {	
  font-size   : 6pt;
  margin-top: 3px ;
　line-height: 0.5px;
}
/* 中くらいの文字 */	
.middle {	
  font-size   : 10pt;
  margin-top: 3px ;
　line-height: 0.5px;
}
/* 中くらいの文字間隔広 */	
.middle2 {	
  font-size   : 10pt;
  line-height: 30px;
}
/* 大きい文字 */
.large{	
  font-size   : 12pt;
  margin-top  : 3px ;
  font-weight : bold;
　line-height: 2.0;
}
/* もっと大きい文字 */
.large2{	
  font-size   : 14pt;
  margin-top: 3px ;
  font-weight: bold;
　line-height: 2em;
}
/* もっともっと大きい文字 */
.large3{	
  font-size   : 17pt;
  padding    : 5px ;
  font-weight: bold;
　line-height: 3em;
　text-align     : center;
}
/* もっともっともっと大きい文字 */
.large5{	
  font-size   : 22pt;
  padding    : 0px ;
  font-weight: bold;
　line-height: 30px;
　text-align     : center;
}
/* もっともっともっともっと大きい文字 */
.large4{	
  font-size   : 25pt;
  padding    : 0px ;
  font-weight: bold;
　line-height: 3em;
　text-align     : center;
}

.right{
  text-align: right;
}

/* 赤hr線 */
.bar1 {
  display: block;
  width: 750px;
  max-width: 100%;
  height: 1px;
  margin :auto;
  background-color: #E60012;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 白hr線 */
.bar2 {
  display: block;
  width: 750px;
  max-width: 100%;
  height: 1px;
  margin :auto ;
  background-color: #fff;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 黒hr線 */
.bar3 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 2px;
  margin :auto ;
  background-color: #000000;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 黒hr太線 */
.bar3-2 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 5px;
  margin :auto ;
  background-color: #000000;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 青hr線 */
.bar4 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 2px;
  margin :auto ;
  background-color: #036EB8;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 0px;
}
/* オレンジhr線 */
.bar5 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 2px;
  margin :auto ;
  background-color: #F39800;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 水色hr線 */
.bar6 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 2px;
  margin :auto ;
  background-color: #00A0E9;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 赤紫hr線 */
.bar7 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 2px;
  margin :auto ;
  background-color: #920783;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* グレーhr線 */
.bar8 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #898989;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* こげ茶hr線 */
.bar9 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #5E5060;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 緑hr線 */
.bar10 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #13AE67;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 濃青hr線 */
.bar11 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #172A88;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 濃緑hr線 */
.bar12 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #006934;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* 黄土色hr線 */
.bar13 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #B28146;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}
/* ピンクhr線 */
.bar14 {
  display: block;
  width: 780px;
  max-width: 100%;
  height: 4px;
  margin :auto ;
  background-color: #e40077;
  border: 0;  /*デフォルトデザイン線消し*/
  margin-bottom: 10px;
}

/* 点線 */
.border {
	margin :5px  0px ;
    border-bottom:dotted 3px #E6E6E6;
}
/* 橙点線 */
.border2 {
    border-bottom:dotted 3px #F39700;
	display: block;
  width: 780px;
  max-width: 100%;
  margin :auto ;
  margin-bottom: 10px;
}

/* テーブル 760px*/
th {
    background-color: #E6E6E6;
	width: 25%;
	border: solid 1px; 
	padding: 10px;    
}
td {
    border: solid 1px;   
	width: 75%;
	padding: 10px;  
}
 
table {
    border-collapse:  collapse; /* セルの線を重ねる */
	width: 760px;
	max-width: 100%;
	height: auto;
	margin: 0px 10px 10px 10px;
}

/* ヘッダー */
header {
  background      : #fff;
}
.container {
  display         : block;
}
.container {
    margin-left    : auto;
    margin-right   : auto;
    padding-left   : 0px;
    padding-right  : 0px;
　　position       : relative;
	font-size      : 12px;
}
.container:before,
.container:after {
    content:"";
    display        : block;
} 
.container:after {
    clear          : both;
}
.container2 {
  display         : block;
  max-width      : 1080px;
}
.container2 {
    margin-top     : 586px;
	margin-left    : auto;
    margin-right   : auto;
    padding-left   : 0px;
    padding-right  : 0px;
　　position       : relative;
	font-size      : 12px;
	ackground-color: #fff;
}
.container2:before,
.container2:after {
    content:"";
    display        : block;
} 
.container2:after {
    clear          : both;
} 
.container3 {
  display         : flex;
  flex-wrap: wrap;
  justify-content:space-between;
}
.container3 {
    margin-left    : auto;
    margin-right   : auto;
    padding-left   : 0px;
    padding-right  : 0px;
　　position       : relative;
	font-size      : 12px;
}

.row {
    margin        : 5px ;
}

/* 検索ボックス*/
.searchArea{
  width          : 290px;
  height         : 27px; 
  letter-spacing : 0.1em;
  font-weight    : bold;  
  line-height    : 0;
  float          : right;
}
.searchArea .searchText {
  display        : inline-block; 
  float          : left; 
  box-sizing     : border-box; 
  height         : 30px; 
  width          : 240px; 
  margin         : 0; 
  padding        : 0; 
  border         : 2px solid #172A88; 
  color          : #333;
  outline        : 0; 
  font-size      : 12px; 
  border-radius  : 0px;
} 
.searchArea .searchButton {
  float          : left;  
  box-sizing     : border-box;
  height         : 30px;  
  width          : 30px; 
  margin         : 0;  
  padding        : 2px 2px; 
  border         : none; 
  background     : #172A88; 
  cursor         : pointer; 
  line-height    : 0px;
  border-radius  : 0px;
}
#form1{
position         : relative;
max-width        : 270px;
margin-bottom    : 0px; 
margin-left      : 30px;
float            : right;
}

/* トップメニュー */
header-logo,gnavi{float: left;}
#header-logo{
　display        : inline-block;
　margin         : auto;
　text-align     : center;
　padding-bottom : 0px;
}
#header-logo{
　display        : inline-block;
　vertical-align : middle;
　margin         : auto;
　text-align     : left;
　padding-bottom : 0px;
}
#gnavi{
　display        : inline-block;
  margin         : 10px auto;
 vertical-align  : middle;
}
#gnavi ul{
　display        : table;
　width          : 100%;
  vertical-align  : bottom;
  float          : right;
}
#gnavi li{
  display        : inline-block;
　flex-wrap      : wrap;
　table-layout   : fixed 
}
#gnavi ul li a{
	width        : 100%;
	padding      : 0px;
	color        : #fff;
	display      : block;
	vertical-align : bottom;
	text-decoration: none;
	}
#gnavi ul li a   : hover{
	background-color : #fff;
}
#gnavi ul li#gnavi-contact a{
	background-color　　: #fff;
	color         　　　: #fff;
	text-decoration: none;
}	
#gnavi ul li#gnavi-contact a:hover{
	background-color    : #fff;
	color               : #fff;
}	
#gnavi ul li#gnavi-contact a:before {
	content: '\e859';
	font-family: 'topwater', sans-serif;
	margin-right:0.2em;
	vertical-align: 0.1em;
} 

/* 最新のブラウザ用 */
.cf:before,
.cf:after {
    content:"";
    display:block;
}
.cf:after {
    clear:both;
}


/* IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* プルダウンメニュー */
ul.ddmenu {
   margin: 0 0 10 0px; 
   
   z-index:1000
}
ul.ddmenu li {
   width: 140px;           
   display: inline-block;  
   list-style-type: none;  
   position: relative;  
   border-left : 1px solid #000000;
}
/* 2列メニュー*/
ul.menu li {
   width: 385px;           
   display: inline-block;  
   list-style-type: none;  
   position: relative;  
   vertical-align: top;
   margin-top: 10px;
}
ul.menu li p{
   padding:5px 20px 10px 10px;
}

/* 3列メニュー*/
ul.menu3 li {
   width: 255px;           
   display: inline-block;  
   list-style-type: none;  
   position: relative;  
   vertical-align: top;
   margin-top: 10px;
}
ul.menu3 li p{
   padding:0px 10px 0px 10px;
}
ul.menu3 li img{
   padding:10px 0px 0px 0px;
}

/* 4列メニュー*/
ul.menu4 li {
   width: 190px;           
   display: inline-block;  
   list-style-type: none;  
   position: relative;  
   vertical-align: top;
   margin-top: 10px;
}
ul.menu4 li p{
   padding:0px 10px 10px 10px;
}

/* 5列メニュー*/
ul.menu5 li {
   width: 145px;           
   display: inline-block;  
   list-style-type: none;  
   position: relative;  
   vertical-align: top;
   margin-top: 10px;
}
ul.menu5 li p{
   padding:10px;
}
/* 6列メニュー*/
ul.menu6 li {
   width: 120px;           
   display: inline-block;  
   list-style-type: none;  
   position: relative;  
   vertical-align: top;
   margin-top: 10px;
}
ul.ddmenu a { 
   color: #000000;             
   line-height: 20px;         
   text-align: center;       
   text-decoration: none;    
   font-weight: bold;         
   display: block;  
   font-size:12px;
}
ul.ddmenu a:hover {
}
ul.ddmenu ul {
   display: none;  
}
ul.ddmenu ul {
   display: none;       
   margin: 0px;               
   position: absolute;  
}
ul.ddmenu li:hover ul {
   display: block; 
　 z-index:1100
}
ul.ddmenu ul li {  
   background-color: #003399;
   width: 140px;               
   border-top: 1px solid white; 
   opacity: 0.75;
   border-left : none ;
   z-index:1100
}
ul.ddmenu ul li a {  
   line-height: 35px;   
   text-align: left;    
   padding-left: 5px;   
   font-weight: normal; 
   color: #ffffff;
   font-weight: bold;
   white-space: nowrap;
   border-left: 1px solid #000000;
   text-decoration: none;
   z-index:1100
}
ul.ddmenu ul li a:hover {   
   background-color: #FFE200;   
   color: #000000;
   border-left : none ;
   z-index:1100
}	

/* スライド */
.slide {
    max-width    : 100%;
}
.box {
		max-width: 100%;
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
   
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	}
.box img{
	max-width: 100%; 
    height:auto;
    z-index:999;
    max-width: 100%;
    height: auto;
}	
.box {
  position   : relative;
  max-width  : 1920px;
  height : auto;
  margin: 0 auto 0px;
}

.box .bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
 animation  : bgAnime 55s 0s infinite; 
}

.box .src1 {
  animation-delay  : 0s;
 -webkit-animation-delay: 0s;
  z-index:100
}
.box .src2 {
  animation-delay  : 5s;
 -webkit-animation-delay: 5s;
 z-index:90
}
.box .src3 {
  animation-delay  : 10s;
 -webkit-animation-delay: 10s;
  z-index:80
}
.box .src4 {
  animation-delay  : 15s;
 -webkit-animation-delay: 15s;
  z-index:70
}
.box .src5 {
  animation-delay  : 20s;
 -webkit-animation-delay: 20s;
  z-index:60
}	
.box .src6 {
  animation-delay  : 25s;
 -webkit-animation-delay: 25s;
  z-index:50
}	
.box .src7 {
  animation-delay  : 30s;
 -webkit-animation-delay: 30s;
  z-index:40
}	
.box .src8 {
  animation-delay  : 35s;
 -webkit-animation-delay: 35s;
  z-index:30
}
.box .src9 {
  animation-delay  : 40s;
 -webkit-animation-delay: 40s;
  z-index:20
}
.box .src10 {
  animation-delay  : 45s;
 -webkit-animation-delay: 45s;
  z-index:10
}

@keyframes bgAnime {
   0% { opacity: 0; }
   5% { opacity: 1; }
  25% { opacity: 1; }
  30% { opacity: 0; }
 100% { opacity: 0; }
}

/* サイドメニュー */
.side {
	display    : block;
    width      : 250px;
    float      : left;
	margin-top : auto;
    margin-left: 20px;
}
.submenu {
    width          : 250px;
	max-width      : 100%;
	height         : auto;
	margin         : auto;
	overflow       : hidden;
	padding-left   : 10px ;
	position       : relative;
	float          : left;
}
.submenu_header {
	height:26px; 
	padding:4px 0px 0px 0px;
	padding: 0.7em 0.7em　;
	background-color:#B5B5B6;
	font-size:100%; 
	font-weight:bold; 
	vertical-align: middle;
	text-align:left;
}
.submenu_header img{
    padding:4px 0px 0px 0px;
	vertical-align: middle;
	text-align:left;
}
.submenu_header p {
	font-size   : 12pt;
	color: #000;
    text-align:center ;
    line-height: 0px;
	margin-top:10px;
}
.submenu_body {
	padding-bottom:6px;
	background-image:url;
	background-repeat:no-repeat; 
	background-position:bottom;
	background-color:#EFEFEF;
}
ul.submenu_body li {
	font-size:100%;			
	list-style-type:none;	
	display:inline;			
}
ul.submenu_body li a {
	display:block;			
	margin:0px 4px 0px 4px;		
	padding: 0.7em 0 0.7em 0.7em;	
	background-color:#EFEFEF;
	text-decoration:none;
	border-bottom : 1px solid #898989;
}
ul.submenu_body li p {
	display:block;
	color: #000;
	margin:0px 4px 0px 4px;		
	padding: 1.0em 0 0.7em 0.7em;	
	background-color:#EFEFEF;
	text-decoration:none;
	font-size: 14px;
}	
ul.submenu_body li a:hover {
	background-color:#ffffff;
}
.submenu2_body {
	max-width: 100%; 
    height:auto;
	padding-bottom:6px;
	background-image:url;
	background-repeat:no-repeat; 
	background-position:bottom;
	background-color:#ffffff;
}
ul.submenu2_body li {
	font-size:100%;			
	list-style-type:none;	
	display:inline;			
}
ul.submenu2_body li a {
	display:block;			
	margin:0px 4px 0px 4px;		
	padding: 0.7em 0 0.7em 0.7em;	
	background-color:#ffffff;
	text-decoration:none;
	border-bottom : 1px solid #898989;
	text-decoration: none;
}
ul.submenu2_body li a:hover {
	background-color:#ffffff;
}
.submenu2_body p {
	font-size   : 10pt;
	color: #000;
    text-align:center ;
    line-height: 0px;
	margin-top:10px;
}
ul.submenu2_body li a:hover {
	background-color:#EFEFEF;
}
	
.submenu3_body {
	max-width: 100%; 
    height:auto;
	padding-bottom:6px;
	background-image:url;
	background-repeat:no-repeat; 
	background-position:bottom;
	background-color:#ffffff;
}
ul.submenu3_body li {
	font-size:100%;			
	list-style-type:none;	
	display:inline;			
}
ul.submenu3_body li a {
	display:block;			
	margin:0px 4px 0px 4px;		
	padding: 0.3em 0 0.3em 0.3em;	
	background-color:#ffffff;
	text-decoration:none;
	border-bottom : 1px solid #898989;
	text-decoration: none;
}
ul.submenu3_body li a:hover {
	background-color:#ffffff;
	color : #003D96;
}
.submenu3_body p {
	font-size   : 10pt;
	color: #000;
    text-align:center ;
    line-height: 5px;
	margin-top:5px;
}
.submenu4_body {
	max-width: 100%; 
    height:auto;
	padding-bottom:6px;
	background-image:url;
	background-repeat:no-repeat; 
	background-position:bottom;
	background-color:#ffffff;
}
ul.submenu4_body li {
	font-size:100%;			
	list-style-type:none;	
	display:inline;			
}
ul.submenu4_body li a {
	display:block;			
	margin:0px 4px 0px 4px;		
	padding: 0.3em 0 0.3em 0.3em;	
	background-color:#ffffff;
	text-decoration:none;
	border-bottom : 2px solid #ffffff;
	text-decoration: none;
}
ul.submenu4_body li a:hover {
	background-color:#ffffff;
	color : #003D96;
}
.submenu4_body p {
	font-size   : 10pt;
	color: #000;
    text-align:center ;
    line-height: 5px;
	margin-top:5px;
}

/* メインメニュー */
.main {
    width: 780px;
    float: left;
	margin-top: 30px;
    margin-left: 10px;
	margin-right: 10px;
}
/* 背景黒 */
.main2 {
    width: 780px;
    float: left;
	margin-top: 30px;    
	background-color:#000000;
    margin-left: 10px;
	margin-right: 10px;
}
/* 背景グレー */
.main3 {
    width: 780px;
    float: left;
	margin-top: 30px;    
	background-color:#4C4948;
}
/* 背景黄 */
.main4 {
    width: 780px;
    float: left;
	margin-top: 30px;    
	background-color:#fff100;
    margin-left: 10px;
	margin-right: 10px;
}

/* 背景画像あり */
.background1 {
    background-image:url("hosono_img.png");
}

/* 最新商品情報 */
.news {
	width            : 775px; 
	max-width        : 100%; 
    height           : auto;
	padding-right     : 0px; 
	margin-bottom    : 20px;
	margin-top      : 10px; 
	padding-left     : 5px ;
	float            : left;	
	background-image : ;
	background-repeat:no-repeat;
}

.topMidashi-en {
    font-family: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif",sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.05em;
    margin-right: 4px;
    vertical-align: top;
	line-height: 1.5em ;
}
.topMidashi-jp {
	font-family: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif",sans-serif;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding-top: 4px;
    vertical-align: bottom;	
}
.topMidashi-jp::before {
    content: "/";
    margin-right: 4px;	
}
.news-list {
    position: relative;
}
.news-list dt {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    left: 0;
    margin: 0;
    padding: 0.7em 0;
    position: absolute;
    text-indent: 0;
    width: 12em;
	font-size: 14px;
}
.news-list dd {
    border-bottom: 1px dotted #aaaaaa;
    height: 100%;
    margin: 0;
    padding: 0.7em 0 0.7em 13em;
	font-size: 14px;
}
.news-list a[href*=".pdf"] {
    background: ;
    padding-right: 20px;
}
.news-list dd:hover {
		text-decoration:underline;
	    color : #003D96;
}

/* バナー */
.banner img{
	width:780px;
	max-width: 100%; 
    height:auto;
	margin-right:5px; 
	margin-bottom:5px; 
	padding-top:0px; 
	padding-left:5px ;
	float:left;	
	background-repeat:no-repeat;
}	

/* ブログサムネイル */
.noteArea #tabs_b .tabs-nav li {
	width: 33%;
}
.other_thumbnailArea {
	margin: 0 10px 10px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.item_listArea {
	margin: 0 10px 10px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
}
.other_thumbnailArea .other_list {
	width: 33%;
	margin: 0 0 10px 0;
	box-shadow: 0 0 4px 1px rgba(113, 135, 164, 0.12);
	box-sizing: border-box;
	position: relative;
}
.other_thumbnailArea .other_list .other_imgBox a {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}

.other_thumbnailArea .other_list .other_imgBox img {
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: center center;';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.1倍まで */
	max-width: 100%;
}
.other_thumbnailArea .other_list .other_imgBox img:hover {
	max-width: 110%;
}
.other_thumbnailArea .other_list .other_textBox {
	margin: 0;
	padding: 0;
}
.other_thumbnailArea .other_list .other_textBox ul {
	padding: 10px 10px;
	margin: 0;
}
.other_thumbnailArea .other_list .other_textBox ul li.time {
	font-size: 12px;
	color: #666666;
}
.other_thumbnailArea .other_list .other_textBox ul li.time .new {
	color: #e60012;
	font-size: 12px;
	margin-left: 7px;
}
.other_thumbnailArea .other_list .other_textBox ul li.title {
	font-size: 14px;
	padding-top: 5px;
}
.other_thumbnailArea .other_list .other_textBox ul li.title :hover {
		text-decoration:underline;
	}
.other_thumbnailArea .other_list .other_textBox ul li.description {
	padding-top: 5px;
	font-size: 10px;
	color: #777777;
	margin: 0;
}
.other_thumbnailArea .other_list .other_textBox ul li.site_name a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	padding: 0 17px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 60px;
	border-top: 1px dashed #dedede;
	box-sizing: border-box;
	text-decoration: none;
}
.other_thumbnailArea .other_list .other_textBox ul li a:hover {

}

/* フッター */
footer : before {
    content: "";
    display: table;
    clear  : both;
}
#footer{
  background     : #fff;
  padding        : 0px 0;
  max-width      : 100%;
  height         : auto;
  margin         : 0 10px;
  font-size      : 14px;
  }
#footer-navi .footer-navi01{
	margin-bottom:20px;
	 display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
	display:flex;
	}  
#footer-navi .footer-navi02{
	margin-bottom:20px;
	}	
#footer-navi .footer-navi01 li{
	 font-size: 12px;
	 flex-grow:1;
	}	
#footer-navi .footer-navi02 li{
	 font-size: 12px;
	 flex-wrap:wrap;
	 display:inline-block;
	 margin-right:20px;
　　   text-align: left;
	}
#footer-navi .footer-navi01 a, 

#footer-navi .footer-navi02 a{
    color:#fff;
	text-decoration: none;
}
#footer-navi .footer-navi01 a:hover,
#footer-navi .footer-navi02 a:hover{
color:#000000;
}
#footer-navi .footer-navi02 li a:before{
content: '\e8ad';
  font-family: 'topwater';
    margin-right: .2em;
	}	
#footer-navi .footer-navi03{
	display:block;}		
#footer-navi .footer-navi03 li{	
	display:block;
	margin-bottom:10px;}	
#footer-navi .footer-navi03 li a{
	background-color:#fff;
	padding:20px 30px 20px 30px;
	display:block;
	text-align:center;
	position:relative;
	text-decoration: none;
	}
#footer-navi .footer-navi03 li a:hover{
	background-color:#ffffff;
	color:#fff;
	}	
#footer-navi .footer-navi03 li a:before{	
content: '\e8ad';
   font-family: 'topwater';
   line-height:1;
   font-size:40px;
 right:10px;
 top:50%;
 margin-top:-20px;
 position:absolute;
 }	
#footer-navi ul li .en {
    font-family: "Oswald",sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.05em;
	line-height:1.2;
    vertical-align: top;
	display:block;
}
#footer-navi ul li .jp {
    display: inline-block;
    font-size: 18px;
    font-weight: normal; 
    vertical-align: bottom;	
}
#footer-address{
	border-top: 5px solid #003D96;
	padding-top:30px;
	margin-top:10px;
	text-align:center;
	}
	
#footer-address h5{
	float:none;
	margin-bottom:0px;
	float:center;
	}	
#footer-address{
    float:none;
    color:#000000;
	font-style:normal;
	font-size: 12px;
	padding:10px 0px;
	text-align:center;
	}			
#footer-copy{
	padding:20px 0;
	text-align:center;
	color:#000000;
}
#footer-address h5{
	float:center;
	}	

#footer-address p{
	text-align:left;
		float:center;
	}	
#footer-copy{
	text-align:center;
	color:#000000;
	}	
	}		
#footer {
		width:100%;
		height:auto;
		text-align:center;
		color:#333;
		}
#footer #ftbody {
		width:auto;
		max-width:1400px;
		height:auto;
		padding:0px 2%;
		margin:0 auto;
	}
#footer #ftbody ul {
	   text-align: center;
	   margin-bottom:20px;
	}

#footer #ftbody li {
	  display: -moz-inline-box;
	  display: inline-block;
	  /display: inline;
	  /zoom: 1;
	  padding-right: 30px;
	  line-height:2em;
	  color:#333;
	 font-size: 12px;
	 }
		
#footer a:hover {
		text-decoration:underline;
	    color : #003D96;
	}

/* 画面サイズに合わせる */
@media  {
  .container {
    width: 100%;
  }
}
@media (min-width: 414px) {
 .container2 {
    margin-top :200px;
  }	
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
　.main{
    width: 100%;
  }
　.main2{
    width: 100%;
  }
　.main4{
    width: 100%;
  }
　
.container2 {
    margin-top :400px;
  }	
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
　.main{
    width: 100%;
  }
　.main2{
    width: 100%;
  }
　.main4{
    width: 100%;
  }
　
.container2 {
    margin-top :500px;
  }	
}
@media (min-width: 1024px) {
	
}	
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }	
　.main{
    width: 100%;
  }
　.main2{
    width: 100%;
  }
　.main4{
    width: 100%;
  }
}
@media screen and (max-width: 632px) {
.box {
		position : relative;
	    float    : center;	
		min-width: 600px;
	    margin   : 0 auto 0;
	}
}

@media (min-width: 372px) {
 .container2 {
    margin-top :180px;
  }	
}
@media (min-width: 414px) {
 .container2 {
    margin-top :240px;
  }	
}
@media (min-width: 768px) {
.container2 {
    margin-top :290px;
  }	
}
@media (min-width: 850px) {
.container2 {
    margin-top :310px;
  }	
}
@media (min-width: 992px) {
.container2 {
    margin-top :330px;
  }	
}
@media (min-width: 1024px) {
.container2 {
    margin-top :350px;
  }		
}	
@media (min-width: 1100px) {
.container2 {
    margin-top :380px;
  }	
}
@media (min-width: 1200px) {
.container2 {
    margin-top :400px;
  }	
}
@media (min-width: 1350px) {
.container2 {
    margin-top :420px;
  }	
}
@media (min-width: 1400px) {
.container2 {
    margin-top :450px;
  }	
}
@media (min-width: 1550px) {
.container2 {
    margin-top :490px;
  }	
}
@media (min-width: 1600px) {
.container2 {
    margin-top :530px;
  }	
}
@media (min-width: 1800px) {
.container2 {
    margin-top :586px;
  }	
}

/* 900px以下になると縦並びにする */
@media (min-width: 900px) {
#header .container{	
	display:table;
	margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 0px;
    position: relative;
	}	
}
#footer .container{	
	display:table;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
	}
}
#form1 {
    float           : center;	
	display         : table-cell;
}

/* 768px以下になると縦並びにする */
@media (max-width: 768px){
.container {
    flex-direction  : column;
}
.row  {
    float           : left;	
	display         : table-cell;
}
	
@media (max-width: 768px) {
#header .container{	
	flex-direction  : column;
	}	
#header-logo{
　　display         : block;
　　vertical-align  : middle;
	margin          : 0 auto 0;
	text-align      : center;
	padding-bottom  : 10px;
	}	
#gnavi{
　　display         : table-cell;
}
#gnavi ul{
	display         : block;
}
#gnavi li{
　　float           : left;
}
#gnavi ul li a{
	padding         : 0px;
	color           : #fff;
	display         : block;
}	
#gnavi-contact{
    float           : left;
}
#footer{
　　display         : table-cell;
}
.menu{
    width: 90%;
	margin : auto;
  }	
.main {
    width: 90%;
	margin : auto;
  }	
.main2 {
    width: 100%;
	margin : auto;
  }	
.main3 {
    width: 100%;
	margin : auto 5px auto auto;
  }	
.main4 {
    width: 100%;
	margin : auto 5px auto auto;
  }	
.box img {
　　display     : table-cell;
	margin : auto:
}
figure-left{
	margin: 10px;
	float: left;
}
figure-right{
	margin: 10px;
	float: left;
}
figure-left2{
	margin: 10px;
	float: left;
}
figure-right2{
	margin: 10px;
	float: left;
}
#lure p{
	margin: 10px;
	float: right;
}	
table {
	width: 100%;
	height: auto;
	margin: auto;
}	
	}
/* 768px以下になると消える */
@media (max-width: 768px){
.none {display:none}
}

/* ルアー商品ページ */
#lure {
	width            : 780px; 
	max-width        : 100%; 
    height           : auto;
	margin-right     : 0px; 
	margin-bottom    : 20px;
	padding-top      : 10px; 
	padding-left     : 0px ;
	float            : left;	
	background-image : ;
}	
#lure p {
    width    : 780px; 
	max-width: 100%; 
    height:auto;
	float:left;
}

#lure img {
	max-width: 100%; 
    height:auto;
	float:left;
}
#lure .right-img {
	float: right;
	margin   : 10px;
}
#lure .left-img {
	float: left;
	margin   : 10px;
}

.visual img { 
	width    :780px;
	max-width: 100%; 
    height   :auto;
	float    :center;
	margin   : 10px;
}
	
.visual {
	position　　 : relative;
	margin-bottom: 10px;
}
.logo img { 
	width        : 780px;
	max-width    : 100%; 
    height       : auto;
	float        : center;
	background-color : #000;
}
.logo {
	position　　 : relative;
	margin-bottom: 10px;
	background   : #000;
}