@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/*--タグ--*/

html, body {
 height      : 100%;
 width       : 100%;
 padding     : 0;
 margin      : 0;
 color       : #BDBDBD;
 font-size   : 13px;
 line-height : 150%;
 background-image : url(./img/bg.gif);
 font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

h1   { padding : 0 0 0 0; margin:0 0 0 0; }
img  { border : 0px; vertical-align : top;}
p    { margin : 0 0 0 0; padding : 0 0 0 0;}

a:link   { color : #BDBDBD; text-decoration : none;}
a:visited{ color : #BDBDBD; text-decoration : none;}
a:hover  { color : #2C4A64; text-decoration : none; text-shadow: -1px 1px 5px #03c, 1px -1px 5px #03c;}

a{
 color: #BDBDBD;
 -webkit-transition : 0.4s;
 -moz-transition    : 0.4s;
 -o-transition      : 0.4s;
 -ms-transition     : 0.4s;
 transition         : 0.4s;
}

.clear-both{ clear  : both;}

.txt11{ font-size:11px; line-height:130%;}
.txt10{ font-size:10px; line-height:130%;}

ul, ol { list-style : none;}


/*--●フォーム--*/

input#fs { width: 40px; background: #EFEFEF;border: solid 1px #615d5d;}
input#fm { width: 120px; background: #EFEFEF;border: solid 1px #615d5d;}
input#fl { width: 200px; background: #EFEFEF;border: solid 1px #615d5d;}

textarea#fll { width: 200px; background: #F4F0F0;border: solid 1px #615d5d;}

.fs  { width: 40px; background: #EFEFEF;border: solid 1px #615d5d;}
.fm  { width: 120px; background: #EFEFEF;border: solid 1px #615d5d;}
.fl  { width: 200px; background: #EFEFEF;border: solid 1px #615d5d;}
.fll { width: 350px; background: #EFEFEF;border: solid 1px #615d5d;}

.soushin { width : 160px; height : 32px; background: #EFEFEF;border: solid 1px #615d5d; cursor:  "hand";}
.reset   { width :  60px; height : 25px; background: #EFEFEF;border: solid 1px #615d5d; cursor:  "hand";}




/*--●ポジション--*/

.imgright { float : right; margin : 0 5px 5px 10px;}
.imgleft  { float : left; margin-right : 5px;}
.imgmid   { vertical-align : middle;}

.mt5 { margin-top  : 5px;}
.mt10{ margin-top  : 10px;}
.mt20{ margin-top  : 20px;}
.mt30{ margin-top  : 30px;}
.mt40{ margin-top  : 40px;}
.mt50{ margin-top  : 50px;}
.mt60{ margin-top  : 60px;}
.mt70{ margin-top  : 70px;}
.mt80{ margin-top  : 80px;}
.mt90{ margin-top  : 90px;}
.mt100{ margin-top : 100px;}

.mb5 { margin-bottom  : 5px;}
.mb10{ margin-bottom  : 10px;}
.mb20{ margin-bottom  : 20px;}
.mb30{ margin-bottom  : 30px;}

.mr5 { margin-right  : 5px;}
.mr10{ margin-right  : 10px;}
.mr15{ margin-right  : 15px;}
.mr20{ margin-right  : 20px;}

.ml5 { margin-left   : 5px;}
.ml10{ margin-left  : 10px;}
.ml15{ margin-left  : 15px;}
.ml20{ margin-left  : 20px;}
.ml30{ margin-left  : 30px;}
.ml31{ margin-left  : 31px;}






#wrapper {
 width              : 100%;
 margin             : 0 auto;
 text-align         : center;
}



/*---------------------------------------------------------------------------------
ヘッダ
---------------------------------------------------------------------------------*/

#header{
 clear       : both;
 margin      : 0px auto;
 width       : 100%;
 background  : #000000;
}

#header .main{
 margin      : 0px auto;
 width       : 950px;
 height      : 79px;
 color       : #ffffff;
 text-align  : left;
 position :relative;
}
#header .main .igw{
 position :absolute;
 top:0;
 right:0;
}

#header .main .logo{
 float       : left;
 display     : inline;
 margin      : 0 0 0 0;
 width       : 245px;
 height      : 79px;
}

#header .main .headmenu{
 float       : left;
 display     : inline;
 margin      : 0 0 0 0;
 width       : 480px;
 height      : 79px;
 background-image    : url(./img/headmenu_bg.gif);
}

#header .main .headmenu .menubtn{
 float       : left;
 display     : inline;
 margin      : 27px 0 0 0;
}

.menubtn a:hover img{
 opacity     : 0.60;
 filter      : alpha(opacity=60);
 -moz-opacity: 0.60;
 -ms-filter  : "alpha(opacity=60)";
}
.menubtn a img {
 opacity     : 1;
 filter      : alpha(opacity=100);
 -moz-opacity: 1;
 -ms-filter  : "alpha(opacity=100)";
 -webkit-transition : 0.4s;
 -moz-transition    : 0.4s;
 -o-transition      : 0.4s;
 -ms-transition     : 0.4s;
 transition         : 0.4s;
}





/*---------------------------------------------------------------------------------
TOPメインビジュアル
---------------------------------------------------------------------------------*/


#mainv{
 clear       : both;
 margin      : 0px auto;
 width       : 100%;
 text-align  : left;
}

#mainv .mainbox{
 margin      : 0px auto;
 width       : 950px;
 height      : 280px;
 background  : #ffffff;
}

#mainv .mainbox ul{
 list-style : none;
 margin     : 0 0 0 0;
 padding    : 0 0 0 0;
}





/*---------------------------------------------------------------------------------
フッタ
---------------------------------------------------------------------------------*/

#footer {
 clear       : both;
 margin      : 0px auto;
 width       : 100%;
 text-align  : left;
 background  : #000000;
}

#footer .main{
 margin      : 0px auto;
 width       : 950px;
 height      : 115px;
 text-align  : left;
}

#footer .main .left{
 float       : left;
 display     : inline;
 margin      : 10px 0 0 0;
 width       : 550px;
 text-align  : left;
 font-size   : 12px;
 letter-spacing : 0.2em;
 font-weight : bold;
}
#footer .main .right{
 float       : left;
 display     : inline;
 margin      : 10px 0 0 0;
 width       : 400px;
 text-align  : right;
 font-size   : 10px;
}





/*---------------------------------------------------------------------------------
コンテンツ 共通
---------------------------------------------------------------------------------*/


#container{
 clear       : both;
 margin      : 0px auto;
 width       : 100%;
 text-align  : left;
 background  : #151414;
}
#container:after {
 content: "";
 display: block;
 clear: both;
}

#container .contents{
 margin      : 0px auto;
 width       : 950px;
 text-align  : left;
}






/*---------------------------------------------------------------------------------
TOPコンテンツ
---------------------------------------------------------------------------------*/


#container .contents .itembox{
 float       : left;
 display     : inline;
 margin      : 20px 0 20px 18px;
 width       : 215px;
 text-align  : left;
}

/*--サムネイル--*/
#container .contents .itembox .imgarea{
 float       : left;
 display     : inline;
 margin      : 8px 0 0 0;
 width       : 45px;
 height      : 45px;
 text-align  : left;
}

/*--タイトル--*/
#container .contents .itembox .txtarea{
 float       : left;
 display     : inline;
 margin      : 8px 0 0 0;
 width       : 170px;
 height      : 45px;
 text-align  : left;
 font-size   : 11px;
 line-height : 100%;
}
#container .contents .itembox .txtarea div{
 padding     : 16px 0 0 10px;
}

/*--もっとみる--*/
#container .contents .itembox .morarea{
 float       : left;
 display     : inline;
 margin      : 16px 0 0 0;
 width       : 215px;
 text-align  : right;
 font-size   : 11px;
 line-height : 100%;
 background-image : url(./img/morarea_bg.gif);
}

#container .contents .itembox .morarea div{
 padding     : 4px 6px 4px 0;
}




/*20200227追加*/
#container .contents .itembox .txt01{
 float               : left;
 display             : inline;
 padding             : 16px 4% 62px 4%;
 width               : 92%;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,'Hiragino Kaku Gothic ProN', 'MS PGothic',sans-serif;
 font-size           : 11px;
 background          : #000000;
}
#container .contents .itembox .txt01 p{
 float               : left;
 display             : inline;
 padding             : 0 4% 0 4%;
 width               : 92%;
}









/*---------------------------------------------------------------------------------
カテゴリページ用 コンテンツ
---------------------------------------------------------------------------------*/


#container .contents .catearea{
 float       : left;
 display     : inline;
 margin      : 15px 15px 20px 15px;
 width       : 920px;
 text-align  : left;
 font-size   : 12px;
}


#container .contents .catearea .left{
 float       : left;
 display     : inline;
 margin      : 20px 0 0 0;
 width       : 480px;
 text-align  : left;
}

#container .contents .catearea .left h2{
 margin      : 100px 0px 50px 0px;
 font-size   : 36px;
 width       : 480px;
 font-weight : normal;
}

/*20200227追加*/
#container .contents .catearea .left p{
 float               : left;
 display             : inline;
 padding             : 16px 2% 0 2%;
 width               : 96%;
}

#container .contents .catearea .right{
 float       : left;
 display     : inline;
 margin      : 20px 0 20px 50px;
 width       : 390px;
 min-height  : 400px;
 text-align  : left;
}

#container .contents .catearea .right img{
 float       : left;
 display     : inline;
 margin      : 3px 0 0 3px;
 width       : 36px;
 text-align  : left;
}





/*---------------------------------------------------------------------------------
シングルページ用 コンテンツ
---------------------------------------------------------------------------------*/


#container .contents .entryarea{
 float       : left;
 display     : inline;
 margin      : 15px 15px 20px 15px;
 width       : 920px;
 text-align  : left;
 font-size   : 12px;
}

#container .contents .entryarea2{
 float       : left;
 display     : inline;
 margin      : 15px 15px 120px 15px;
 width       : 920px;
 text-align  : left;
 font-size   : 12px;
}

#container .contents .entryarea .alignright{
 float       : right;
 margin      : 0px 0px 0px 20px;
 width       : 480px;
}

/*---------------------------------------------------------------------------------*/
#container .contents .entryarea h2{
 margin      : 100px 0px 50px 0px;
 font-size   : 36px;
 width       : 410px;
 font-weight : normal;
}

/*2020.06.25追記*/
#container .contents .entryarea p img{
 padding      : 0 0px 10px 0px;
}




/*---------------------------------------------------------------------------------
シングルページ用 フッタメニュー
---------------------------------------------------------------------------------*/

#footermenu {
 clear       : both;
 margin      : 0px auto;
 width       : 100%;
 text-align  : left;
}

#footermenu .main{
 margin      : 0px auto;
 width       : 950px;
 text-align  : left;
}


/*--同じカテゴリの商品-*/
#footermenu .main .left{
 float       : left;
 display     : inline;
 margin      : 15px 0 30px 15px;
 width       : 440px;
 text-align  : left;
}

#footermenu .main .left div{
 float       : left;
 display     : inline;
 width       : 390px;
 text-align  : left;
}

#footermenu .main .left div img{
 float       : left;
 display     : inline;
 margin      : 3px 0 0 3px;
 width       : 36px;
 text-align  : left;
}

/*--カテゴリ--*/
#footermenu .main .center{
 float       : left;
 display     : inline;
 margin      : 15px 0 30px 0;
 width       : 230px;
}
#footermenu .main .center div{
 float       : left;
 display     : inline;
 margin      : 5px 0 0 10px;
 width       : 215px;
 text-align  : left;
 font-size   : 12px;
 line-height : 200%;
 letter-spacing : 0.1em;
}


/*--カラー--*/
#footermenu .main .right{
 float       : left;
 display     : inline;
 margin      : 15px 0 30px 0;
 width       : 250px;
}
#footermenu .main .right .color{
 float       : left;
 display     : inline;
 margin      : 5px 0 0 15px;
 width       : 110px;
 text-align  : left;
 font-size   : 12px;
}






/*---------------------------------------------------------------------------------
その他固定ページ
---------------------------------------------------------------------------------*/


#container .contents .pagearea{
 float       : left;
 display     : inline;
 margin      : 15px 15px 20px 15px;
 width       : 920px;
 text-align  : left;
 font-size   : 12px;
 color       : #878787;
}


#container .contents .pagearea .left{
 float       : left;
 display     : inline;
 margin      : 20px 0 0 0;
 width       : 310px;
 text-align  : left;
}

#container .contents .pagearea .left h2{
 margin      : 100px 0px 50px 0px;
 font-size   : 32px;
 font-weight : normal;
}

#container .contents .pagearea .right{
 float       : left;
 display     : inline;
 margin      : 20px 0 20px 50px;
 width       : 560px;
 min-height  : 400px;
 text-align  : left;
 font-size   : 11px;
}

#container .contents .pagearea .right p{
 float       : left;
 display     : inline;
 margin      : 0 0 0 0;
 padding     : 0 0 0 0;
 width       : 560px;
}

#container .contents .pagearea .right b{
 float       : left;
 display     : inline;
 margin      : 23px 0 0 0;
 width       : 560px;
 font-size   : 14px;
}

#container .contents .pagearea .right table{
 width          : 560px;
 border-collapse: collapse;
}

#container .contents .pagearea .right table td{
 vertical-align : top;
 border-top     : 1px dotted #2D2B2B;
 padding        : 4px 0 4px 0;
}

.cell01{
 width       : 120px;
}