@charset "utf-8";
 
 body{
	margin: 0;
	background-image : url('waku2.gif');
	font-family: "ＭＳ Ｐゴシック", 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	color: #cccccc;
}

.site img{
	max-width:100%;
           height: auto;
           }

.site a{
    text-decoration: none;
   }

.content{
   width: 50%;
   background-color: #000000;
   margin: 0 auto;
   margin-top:0;
   padding-top:0;
 }
 
 
 
 .box5 img{
   max-width:100%;
   height:auto;
   text-align:center;
   } 
 
 
  .top{
    text-align:center;  
    margin-bottom:0px;
    margin-top:15px; 
    padding:0px
    ;
}


 .idgre{
     color:#00f200;
     } 
     
  .id01{
    color:#bf4343;    
     } 

  .idyel{
     color:#ffd700;
     }
     
  .now{
     color:#990000;
     font-weight:bold;
     font-size:14px;

     }  

/* ###### パンくずリスト####### */

.menu2 a{
    color:#f5deb3;
    text-decoration:none;
    font-size:13px;
    }
    
.menu2 a:hover{
    color:#ff4500;
    }
    

.menu2{
   text-align:right;
   width:90%;
   font-size:13px;
   line-height:1.8em;
   margin-bottom:0px;
   margin-top:0px;

 }

.box2{
  margin-bottom:5px;
  margin-top:0;
 text-align:center; 
 }
 
 
 P.policy{
    line-height:1.8em;
    font-size:13px;
    color:#cccccc;
    text-align:left;
    width:90%;
    margin: 0 auto;
    margin-top:5px;
    border:solid 1px #403B3B;
    padding:10px;
    background-color:#000000;
     } 


P.policy a{
      color:#f5deb3;             
        }

 

/* ###### 中央コンテンツ　####### */


   .dvdgazou img{
	max-width:100%;
           height: auto;
           margin: 0 auto;
           border:none;
           margin-bottom:0;
               }
           
   .dvdgazou{
  text-align:center;
  }         



 p.prod{
    font-size:13px;
    font-weight:bold;
    color:#000000;
    background-color:#67634E;
    width:90%;
    text-align:left;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.8em;
    border: 4px #353227 solid;
    }

 
h2{
    font-size:13px;
    font-weight:bold;
    color:#000000;
    background-color:#67634E;
    width:90%;
    text-align:left;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.8em;
    border: 4px #353227 solid;
    }



     p.p001{
    font-size:13px;
    border: 1px #333300 solid;
    padding:12px;
    width:90%;
    text-align:left;
    letter-spacing:1px;
    margin-bottom:40px;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    background-color:#000000;
    line-height:1.8em;
     

 }

 p.p001 a{
   color:#f5deb3;          
   } 


p.p001 img{
    float:left;
    margin-right:15px;      
    
    }


 p.after{
    font-size:13px;
    width:75%;
    text-align:left;
    letter-spacing:1px;
   margin-bottom:30px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.7em;
    
    }
    
p.after a{
        color:#f5deb3;      
        }
    
   
 p.after2{
    font-size:13px;
    width:90%;
    text-align:center;
    letter-spacing:1px;
    margin-bottom:30px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    line-height:1.7em;

    }

p.after2 a{
        color:#f5deb3;             
        }

p.relate{
    font-size:18px;
    width:80%;
    text-align:center;
    margin: 0 auto;
    margin-top: 40px;
    line-height:1.7em;

    }

p.relate a{
       color:#f5deb3; 
   }

p.relate2{
    font-size:18px;
    width:85%;
    text-align:center;
    margin: 0 auto;
    margin-top: 40px;
    border:1px solid #f5deb3;
    padding:8px;
    }

p.relate2 a{
       color:#f5deb3; 
}


p.relate3{
    font-size:18px;
    width:80%;
    text-align:center;
    margin: 0 auto;
    margin-top: 20px;
    }

p.relate4{
    font-size:11px;
    width:80%;
    text-align:center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom:10px;
    }



p.come03{
    font-size:13px;
    width:90%;
    border:1px solid #f5deb3;
    padding:10px;
    margin: 0 auto;
    color:#EEE8AA;
}

 .gazou img{
	max-width:100%;
           height: auto;
           margin: 0 auto;
           border:none;
           }
           
   .gazou{
  text-align:center;
  background-image : url('yoko.gif');
  width:90%;
  margin-bottom:10px;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;

  }         
           

form{
    color:#f5deb3;
    line-height:1.2em;
    font-size:12px;
    padding:5px;
    margin: 0 auto;
    margin-top:0;
    text-align:left;
    width:90%;
    border:1px solid #f5deb3;
    }





/* ###### 上部の横並びナビゲーション */######

.menu ul{
	margin-left:15px;
            padding: 0;
            list-style: none;
            text-aligin:center;
            
                }
            
         
.menu li a{
	-webkit-box-sizing: border-box;
    box-sizing: border-box; /*box-sizing*/
	display: block;
	text-align:center;
	line-height:1;
	margin:0 8px 8px 0;
	padding:5px;
	background:#585339;
	border-radius:25px
	font-size:11px;
	text-decoration:none;
	border:solid 3px #34332E;
	color:#f5deb3;
	width:120px;
	}
            
.menu li a:hover{
	background-color: #fa8072;
}

.menu ul:after{
	content: "";
             display: block;
             clear: both
}
             
.menu li{
	float: left;
              width: auto;
              font-size:12px;

                            } 
                            
 

     
 /* ###### 左サイドメニュー　####### */
                         
                            
 .kensaku{
    text-align:center; 
    width:70%;
    margin-left:15px; 
    margin-top:5px;      
    font-size:13px;
    border:solid 1px #67634E;
    padding:10px;
    }
    
  .kensaku img{
        max-width:100%;
        height:auto;
         }          
 

  .keitai{
       margin-bottom:15px;
}      
   
 
 .keitai a{
	color:#f5deb3;
           text-decoration: none;
           font-size:13px;
           padding:10px;
           border:solid 1px #67634E;
           margin-left:15px;
           background-color:#67634e;
          }
                 

 .confo{
     padding:5px;
     width:70%;
     border:solid 1px #67634E;
     margin-left:15px;
     margin-top:15px;    
 }
 
 .confo img{
     max-width:100%;
     height:auto;
     } 
 
 /* ###### モバイル 非表示と拡大　####### */


@media (max-width: 599px) {

.kensaku{
   display: none;
   }
   
.confo{
   display: none;
   }   
   
  .calen{
     font-size:16px;
     width:100%; 
     margin: 0 auto;
     margin-left:35px;
          }
          
  .calen p{
	            
    margin: 0 auto;
    padding:5px;
       } 
  
}


/* ###### モバイル非表示と拡大ここまで　####### */


  .calen{
     font-size:12px;
     margin-left:15px;
     width:80%; 
     margin: 0 auto;
          }
          
  .calen p{
	            
    margin: 0 auto;
    padding:5px; 
    }

.sidemenu p{
           font-size:14px;
           color:#ffcccc;
           line-height:1.8em;
           text-align:center;
          border:solid 1px #ffcccc;
          width:80%;
          margin-left:15px;      
      }

.sidemenu ul{
	margin: o;
               padding: 0;
               list-style: none;
               width:85%;
               }
               
.sidemenu li a{
	display: block;
                padding: 5px 5px 5px 10px;
                line-height:1.5em;
                color:#f5deb3;
                font-size:13px;
                text-decoration: none;
                border:solid 1px #67634E;
                }

.sidemenu li{
	 
           margin-left:15px;
           margin-bottom:10px;
           }
      
.sidemenu li a:hover{
	background-color: #eeeeee;
}                        

.sidemenu{
	margin-top:0px;
}


/* ######　中央コンテンツ　####### */

 p.ad-cate{
    font-size:13px;
    border: 1px #353227 solid;
    padding:8px;
    width:80%;
    text-align:left;
    letter-spacing:1px;
    margin: 0 auto;
    margin-bottom:20px;
    margin-top:25px;
    color:#67634E;
    line-height:1.6em;

    }

p.ad-cate a{
     color:#f5deb3;
     font-size:14px;
     
     }


.news{
     border:solid 1px #67634E;
     width:80%;
      margin: 0 auto;
         }  

.news ul{
	margin-left:15px;
           padding: 0;
           list-style: none;
           width:90%;
           font-size:13px;
                            }
               
.news li a{
            padding: 5px 5px 5px 10px;
            line-height:1.2em;
            color:#f5deb3;
            font-size:12px;
            text-decoration: none;
                 }

.news li{
	 
           margin-left:15px;
           margin-bottom:10px;
           width:90%;
           display: block;
             }
      
.news li a:hover{
	background-color: #eeeeee;
} 


.news img{
          text-align:center;
          }


.guide{
   margin: 0 auto;
   margin-top:15px;
      }
     
 .guide td{
   padding:3px;
}  

 .guide img{
	max-width:100%;
           height: auto;
           margin: 0 auto;
           border: 0px none;
      }               

/* ######　四角いバナー　####### */



.sikaku{
	margin-top: 25px;
         width: 85%;
         text-align: center;
        background-image : url('yoko.gif');
        margin-left:auto; 
        margin-right:auto; 
        margin-bottom:0;

 }



.sikaku ul{
	margin: 0 auto;
            padding: 0;
            list-style: none;
}

.sikaku li a{
	display: block;
              padding: 5px;
              color: #cccccc;
              font-size: 12px;
              text-decoration: none;
}
              
.sikaku li a:hover{
	text-decoration: underline;
}

.sikaku ul:after{
	content: "";
                  display: block;
                  clear: both
}
                  
.sikaku li{
	float: left;
             width: 18%;
             margint:0 auto;
             }
             
.sikaku img{
	max-width: 100%;
              height: auto;
              border: none;              
              padding-bottom:6px;
              }
              
 /* ######　四角いバナーその2　####### */



.nagasikaku{
	margin-top: 25px;
         width: 85%;
         text-align: center;
        background-image : url('yoko.gif');
        margin-left:auto; 
        margin-right:auto; 
        margin-bottom:0;

 }



.nagasikaku ul{
	margin: 0 auto;
            padding: 0;
            list-style: none;
}

.nagasikaku li a{
	display: block;
              padding: 5px;
              color: #cccccc;
              font-size: 11px;
              text-decoration: none;
}
              
.nagasikaku li a:hover{
	text-decoration: underline;
}

.nagasikaku ul:after{
	content: "";
                  display: block;
                  clear: both
}
                  
.nagasikaku li{
	float: left;
             width: 24%;
             margint:0 auto;
             }
             
.nagasikaku img{
	max-width: 100%;
              height: auto;
              border: none;              
              padding-bottom:6px;
              }
             


/* ######　599px以下　####### */

@media (max-width: 599px) {

.sikaku{
          width: 95%;
          margin-left: 5px;
         

          }

.sikaku li a{
	display: block;
              padding: 5px;
              color: #cccccc;
              font-size: 7px;
              text-decoration: none;
}


.sikaku li:nth-child(3) {clear: both:}

}

.sikaku li{
	float: left;
             width: 18%;
             padding:0 2px 7px 2px;
             
             }

.sikaku ul{
	margin: 0 auto;
            padding: 0;
            list-style: none;
            width: 98%;
           }
           
.menu2{
   text-align:right;
   width:90%;
   font-size:10px;
 }


}






/* ###### box4の設定　####### */

 

 .twitter{
  width:85%;
  text-align:center;
  margin-left:35px;
  border:solid 1px  #cccccc;
  margin-bottom: 35px;
  }
  
 .twitter p{
  text-align:center;
  font-size:13px;
  border:1px solid #cccccc;
  padding:10px;
  width:70%;
  margin: 0 auto;
  margin-top:15px;
  background-color:#55acee;
  color:#ffffff;
  font-weight:900;
 } 

.sent02{
    font-size:13px;
    line-height:1.5em;
    color:#cccccc;
    text-align:left;
    margin-left:35px;
    width:90%;
     }

.sent02 a{
         color:#f5deb3;
}


.sub{
    margin: 0 auto;
}

.info{
      border:solid 1px #67634E;
      width:80%;
      margin: 0 auto;
      padding: 5px 5px 5px 10px;
      line-height:1.5em;
      font-size:13px;
            }
      
      
.info a{
	color:#f5deb3;
            font-size:13px;
            text-decoration: none;
}

     
.banner{
	width:100%;
        text-align:center;
        margin: 0 auto;
        margin-top:25px;

      }

.category{
	margin-bottom: 5px;
           margin-left: 5px;
           margin-right: 5px;
}

.category a{
	display: block;
             
             color: #cccccc;
             text-decoration: none;
}
             
.category a:hover{
	box-shadow: 0 0 10px #dddddd;
}

.category img{
	height: auto;
               max-width:95%;
               border: medium none;
               margin-bottom:0px;
               vertocal-align: bpttom; max-width
}
               
.category h2{
	mrgin-top: 0;
             margin-bottom: 5px;
             margin-left: 15px;
             margin-right: 15px;
             font-soze: 16px;
}
          
.category p{
	margin-top: 2px;
             margin-bottom: 30px;
             margin-left: 15px;
             margin-right: 15px;
             font-size: 12px;
             line-height:1.7em;
             border:solid 1px #34332e;
             }   
             
  /*・ｽ@######　600px以上　###### */
  
  @media (min-width: 600px) {
            
             
               
 /*・ｽ@###### カテゴリーバナーを横に並べる　######*/
             
           
.banner:after{
	content: "";
               display: block;
               clear: both;
}
               
.banner .category{
	float: left;
                   width: 48%;
                   } 
                       

.banner .category:nth-child(odd){
	padding-right: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            clear: both;
}
          
.banner .category:nth-child(even){
	padding-left: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
}
} 


 /*###### box5の設定　######*/


.box5{
  margin-top:25px;
  }

.sent03{
    font-size:13px;
    line-height:1.5em;
    color:#cccccc;
    text-align:left;
    margin: 0 auto;
    margin-top:10px;
    width:80%;
    border:solid 1px #34332E;
    padding:13px;

     }

.sent03 a{
         color:#f5deb3;
}

.sent04{
    font-size:13px;
    line-height:2.5em;
    color:#cccccc;
    text-align:left;
    margin: 0 auto;
    margin-top:10px;
    width:80%;
    border:solid 1px #34332E;
    padding:10px;

     }

.sent04 a{
         color:#f5deb3;
         padding:8px;
         }



 .box5 img{
   max-width:100%;
   height:auto;
   text-align:center;
   border:none;
   } 



.box5-gazou{
	 
   max-width:100%;
   height:auto;
   text-align:center;
   marign-top:30px;
   padding-top:30px;
   margin: 0 auto;

   } 

   

address{
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    color:#114501;
    border-top:solid 1px #114501;
    width:70%;
    margin: 0 auto;
    padding-top:4px;
    margin-top:30px;
    text-align:center;
    padding-bottom:50px;
        }
    
address a{
    color:#2fc002;
    text-decoration:none;
    }  
   
 address a:hover{
    background-color:#ff4500;
    }

/*・ｽ@###### 599px以下の設定　####### */

@media (max-width: 599px) {

/* ナビゲーション　*/

.menu li a{
	padding: 10px 3px;
            font-size: 11px;
}
                        }
                        
                        
                        
                        
/*・ｽ@###### 1040px以下の設定　####### */
                        
@media (max-width: 1040px) {

.content{
   width: 100%;
   background-color: #000000;
   margin: 0 auto;
   margin-top:0;
   padding-top:0;
 }
 
 .news{
     border:solid 1px #67634E;
     width:100%;
          }  

 
 .news li a{
            padding: 5px 0px 5px 0px;
            line-height:1.2em;
            color:#f5deb3;
            font-size:11px;
            text-decoration: none;
                }
                
 .news li{
	 
           margin-left:5px;
           margin-bottom:5px;
           width:100%;
           display: block;
             }
 .news ul{
	margin-left:15px;
            padding: 0;
           list-style: none;
           width:100%;
           font-size:11px;
                            }            
          
.menu li a{
	-webkit-box-sizing: border-box;
    box-sizing: border-box; /*box-sizing*/
	display: block;
	text-align:center;
	line-height:1;
	margin:0 8px 8px 0;
	padding:5px;
	background:#585339;
	border-radius:25px
	font-size:11px;
	text-decoration:none;
	border:solid 3px #34332E;
	color:#f5deb3;
	width:100%;	
		}
              
}



/*######## 1040px以上の設定　####### */
                        
@media (min-width: 1041px) {

.content{
   width: 960px;
   margin-left: auto;
   margin-right: auto;
   }

}




/*######## box3とbox4を横に並べる　####### */

@media (min-width: 768px) {


.boxA:after{
	content: "";
            display: block;
            clear: both                    
            }
            

.box3{
	float: right;
         width: 75%;
          }
         
.box4{
	float: right;
         width: 24%;
         } 
         
.guide{
   margin: 0 auto;
   margin-top:15px;
   width:100%;
   }
         
         }
       
       
  /* ---------------------------------------------------------------- */
/* H1タグ：ページタイトル（カテゴリー名/商品名）の新しいスタイル */
/* ---------------------------------------------------------------- */
/* PC・スマホ共通のベース設定 */
h1 {
    color: #ffffff;
   font-family: "AR P明朝体 U", "Yu Mincho", "游明朝", serif;
    letter-spacing: 0.15em;
    text-align: center;
    
    /* 背景をうっすらグラデーションに */
    background: linear-gradient(to bottom, #1a1a1a, #000000); 
    border: 1px solid #333333;
    padding: 15px;
    
    /* 【今回追加】左右に余白を作り、右端にぶつかるのを防ぐ */
    width: 94%;
    margin: 15px auto;
    box-sizing: border-box;
    
    /* パソコン用の文字サイズ */
    font-size: 24px; 
}

/* スマホ用の設定 */
@media screen and (max-width: 768px) {
    h1 {
        font-size: 18px; 
        padding: 10px;
    }
}
  /* ---------------------------------------------------------------- */
/* H2タグ：セクションタイトル（商品詳細、関連商品など）のスタイル */
/* ---------------------------------------------------------------- */
h2 {
    font-size: 20px;        /* H1より少し小さいサイズ */
    font-weight: bold;      /* 太字 */
    color: #333333;         /* 文字色：濃いグレー */
    
    /* --- デザイン設定：下線で区切るスタイル --- */
    border-bottom: 3px solid #ff9900; /* アクセントとしてオレンジ色の太い下線 */
    padding-bottom: 5px;    /* 下線と文字の間に少し余白 */
    margin-top: 25px;       /* 上部の余白 */
    margin-bottom: 10px;    /* 下部の余白 */
}