/* カスタマイズ用CSS */


/*-------------------------------------
1. Common
--------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
body{
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
}
img{
	outline:none;
	border-style:none;
    border: 0;
}
a{
	color:#333333;
	text-decoration: none;
	/* -webkit-transition: all 0.3s; */
	/* -moz-transition: all 0.3s; */
	/*transition: all 0.3s; */
}
a:visited{
	color:#333333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	color: #480f05;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
* {
    padding: 0;
    margin: 0;
}
.clear {
clear: both;
}
ul {

    list-style: none;

}

/*------------------
    商品ページ
--------------------*/
/*@media only screen and (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        width: 81%;
    }
}*/
@media only screen and (min-width: 768px) {
    .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 17px;
    margin-top: 20px;
    line-height: 1.3;
    }
}
.youtube-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
     margin-top: 10px;
}
 
.youtube-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*------------------
    下層ページ用
--------------------*/
.ec-role {
    font-size: 13px;
}
@media only screen and (min-width: 768px) {
    .ec-pageHeader h1 {
    font-size: 20px;
    }
}
@media only screen and (min-width: 768px) {
    .smpyouban {
    display: none;
    }
}
/*------------------
    会社概要等
--------------------*/
@media only screen and (min-width: 768px) {
.ec-off1Grid .ec-off1Grid__cell {
    width: 96%;
    margin-left: 2.5%;
    }
    .ec-borderedDefs dt {
    width: 23%;
    }
    .ec-borderedDefs dd {
    width: 77%;
    }
}
/*-------------------------------------
2. header
--------------------------------------*/
.ec-headerRole {
    max-width: 1130px;
}
.ec-sliderRole {
    width: 100%;
    float: none;
    overflow: hidden;
    /*追加*/
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
@media only screen and (min-width: 768px) {
    .ec-sliderRole {
    /*max-width: 65.5%;*/
    float: left;
    /*padding-right: 0px;*/
    max-width: 66.6%;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    }
}
.ec-role {
    overflow: hidden;
}

/*------------------
    検索窓
--------------------*/
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background: #48211a;
}

/*------------------
   インフォ
--------------------*/


/*------------------
   グローバルメニュー
--------------------*/
/*
.ec-categoryNaviRole {
    max-width: 1150px;
}
*/
/*
.ec-itemNav__nav li {
    width: calc(1110px / 6);
}
*/
.ec-itemNav__nav {
    border-bottom: 1px solid #111111;
    margin-bottom: 10px;
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .ec-itemNav__nav li {
    width: calc(100% / 6);
    }
}
.ec-itemNav__nav li a {
    font-size: 13px;
    padding: 12px;
}
.ec-itemNav__nav li ul {
    min-width: 181px;
}
.ec-itemNav__nav li ul li:hover > ul > li {
    width: 100%;
}
.ec-itemNav__nav li ul li a {
    font-size: 14px;
}
.ec-itemNav__nav li ul li a {
    background:#370800;
}
.ec-itemNav__nav > li:hover li:hover > a {
    background:#370800;
}
.ec-itemNav__nav li:hover ul li ul li a:hover {
    background:#352222;
}
/*------------------
   バナー関連
--------------------*/
/*---スライダー---*/
.slick-dots {
    bottom: -10px;
}
.slick-slider {
    margin-bottom: 0px;
}
/*---スライダー右---*/
.top-bxsideban {
    width: 100%;
    font-size: 0;
    /*margin-left: 5px;*/
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    overflow: hidden;
}
.top-bxsideban ul {
    width: 100%;
    font-size: 0px;
}
.top-bxsideban ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    text-align: center;
    /*padding-right: 2%;*/
    width: calc(98% / 2);
    margin-right: 2%;
}
.top-bxsideban ul li:nth-child(2) {
    margin-right: 0px;
}
.top-bxsideban img {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .top-bxsideban {
    font-size: 0;
    margin-left: 5px;
    /*padding-left: 0px;*/
    padding-left: 5px;
    padding-right: 0px;
    /*float: left;*/
    /*width: 31.5%;*/
    width: 33.3%;
    }
    .top-bxsideban ul li {
    width: 100%;
    display: block;
    font-size: 13px;
    text-align: center;
    padding-right: 0px;
    margin-right: 0px;
    }
    .top-bxsideban li:last-child {
    margin-top:5px;
    }
}
/*---2列---*/
ul.nibanlist {
    width: 100%;
    font-size: 0px;
    margin-bottom: 5px;
}
ul.nibanlist li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    text-align: center;
    width: calc(99% / 2);
    margin-right: 1%;
    margin-bottom: 5px;
}
ul.nibanlist li:nth-child(2) {
    margin-right: 0%;
}
ul.nibanlist li:nth-child(4) {
    margin-right: 0%;
}
ul.nibanlist li:last-child {
    margin-right: 0%;
}
ul.nibanlist li img {
    width: 100%;
}
/*---3列---*/
ul.sanbanlist {
    width: 100%;
    font-size: 0px;
    margin-bottom: 10px;
}
ul.sanbanlist li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    text-align: center;
    width: calc(98% / 3);
    margin-right: 1%;
}
ul.sanbanlist li:last-child {
    margin-right: 0%;
}
ul.sanbanlist li img {
    width: 100%;
}
/*---4列---*/
ul.yonbanlist {
    width: 100%;
    font-size: 0px;
    margin-bottom: 0px;
}
ul.yonbanlist li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    width: calc(99% / 2);
    margin-right: 1%;
    margin-bottom: 10px;
}
ul.yonbanlist li:nth-child(2) {
    margin-right: 0%;
}
ul.yonbanlist li:nth-child(4) {
    margin-right: 0%;
}
ul.yonbanlist li img {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    ul.yonbanlist li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    text-align: center;
    width: calc(97% / 4);
    margin-right: 1%;
    }
    ul.yonbanlist li:nth-child(2) {
    margin-right: 1%;
    }
    ul.yonbanlist li:last-child {
    margin-right: 0%;
    }
}
/*---イベントバナー---*/
.y-camp-ban {
    width: 100%;
    margin: 5px 0;
}
.y-camp-ban img {
    width: 100%;
    margin-bottom: 5px;
}

/*-------------------------------------
3. Left　side
--------------------------------------*/
@media only screen and (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        width: 17.4%;
    }
}
.side-cat {
    width: 100%;
    max-width: 200px;
}
.cat-title {
    margin-bottom: 10px;
}
h2.img-cattitle {
    margin-bottom: 5px;
}
.cat-title .img-cattitle img {
    width: 100%;
}
.cat-title h3.cattitleh3 {
    margin-bottom: 5px;
}
.cat-title .cattitleh3 img {
    width: 100%;
}
ul.side-title {
    /*padding-bottom: 5px;*/
    list-style: none;
}
ul.side-title li.sidecattitle {
    position: relative;
    margin: 0px 0px 5px 25px;
}
ul.side-title li.sidecattitle::after {
    display: block;
    content: '';
    position: absolute;
    top: .45em;
    left: -1em;
    width: 8px;
    height: 8px;
    background-color: #310;
}
ul.side-title li.sidecatsubtitle {
    position: relative;
    margin: 0px 0px 5px 40px;
}
ul.side-title li.sidecatsubtitle::after {
    display: block;
    content: '';
    position: absolute;
    top: .65em;
    left: -1em;
    width: 8px;
    height: 1px;
    background-color: #310;
}
.sidecat-ban {
    margin-bottom: 10px;
}
.sidecat-ban img {
    padding-bottom: 10px;
    width: 100%
}

/*-------------------------------------
4. Right　side
--------------------------------------*/
.rightrank {
    width: 100%;
    max-width: 200px;
}
.img-righttitle img {
    width: 100%;
}
ul.ranklist {
    width: 100%;
    list-style: none;
}
ul.ranklist .lirank1,.lirank2,.lirank3,.lirank4,.lirank5 {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
ul.ranklist .lirank1::before {
    content: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku1.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.ranklist .lirank2::before {
    content: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku2.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.ranklist .lirank3::before {
    content: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku3.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.ranklist .lirank4::before {
    content: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku4.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.ranklist .lirank5::before {
    content: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku5.png);
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.ranklist li img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
ul.ranklist li .icrank1,ul.ranklist li .icrank2,ul.ranklist li .icrank3,ul.ranklist li .icrank4,ul.ranklist li .icrank5 {
    font-size: 15px;
    color: #333;
    /*font-weight: bold;*/
    margin-bottom: 0px
}
span.rankspan1:first-letter,span.rankspan2:first-letter,span.rankspan3:first-letter,span.rankspan4:first-letter,span.rankspan5:first-letter {
    font-size: 30px;
}
span.rankspan1 {
    display: inline-block;
    /*padding-right: 10px;*/
    font-size: 18px;
    color: #ffd618;
    /*margin-right: 10px;*/
}
span.rankspan2 {
    display: inline-block;
    /*padding-right: 10px;*/
    font-size: 18px;
    color: #e0e0e0;
    /*margin-right: 10px;*/
}
span.rankspan3 {
    display: inline-block;
    /*padding-right: 10px;*/
    font-size: 18px;
    color: #b67c00;
    /*margin-right: 10px;*/
}
span.rankspan4 {
    display: inline-block;
    /*padding-right: 10px;*/
    font-size: 18px;
    color: #f9c8ad;
    /*margin-right: 10px;*/
}
span.rankspan5 {
    display: inline-block;
    /*padding-right: 10px;*/
    font-size: 18px;
    color: #f7e1b6;
    /*margin-right: 10px;*/
}
p.icrankkaigyou {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding: 0 0 10px 48px;
    border-bottom: 1px dotted #8c8680;
}
p.icrankhonbun {
    padding-top: 5px;
}


/*-------------------------------------
5. Main Contents
--------------------------------------*/
.mainrank {
    width: 100%;
    margin-bottom: 10px;
}
.top-titlemain img {
    max-width: 750px;
}

ul.mainranklist {
    width: 100%;
    list-style: none;
}
ul.mainranklist .mainlirank1, .mainlirank2, .mainlirank3, .mainlirank4, .mainlirank5 {
    width: 31%;
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}
ul.mainranklist li:last-child {
    margin-right: 0px;
}
ul.mainranklist .mainlirank1::before {
    /*content: url(https://shopping.geocities.jp/bisaine/images/top/side/right/ranking/right-rankingwaku1.png);*/
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    width: 25px;/*画像の幅*/
    height: 25px;/*画像の高さ*/
    background-image: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku1.png);
    background-size: contain;
    vertical-align: middle;
}
ul.mainranklist .mainlirank2::before {
    /*content: url(https://shopping.geocities.jp/bisaine/images/top/side/right/ranking/right-rankingwaku2.png);*/
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    width: 25px;/*画像の幅*/
    height: 25px;/*画像の高さ*/
    background-image: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku2.png);
    background-size: contain;
    vertical-align: middle;
}
ul.mainranklist .mainlirank3::before {
    /*content: url(https://shopping.geocities.jp/bisaine/images/top/side/right/ranking/right-rankingwaku3.png);*/
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    width: 25px;/*画像の幅*/
    height: 25px;/*画像の高さ*/
    background-image: url(/html/user_data/images/top/side/right/ranking/right-rankingwaku3.png);
    background-size: contain;
    vertical-align: middle;
}
ul.mainranklist li img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
ul.mainranklist li .mainicrank1, ul.mainranklist li .mainicrank2, ul.mainranklist li .mainicrank3, ul.mainranklist li .mainicrank4, ul.mainranklist li .mainicrank5 {
    font-size: 10px;
    color: #333;
    font-weight: bold;
    text-indent: -1em;
    padding-left: 20px;
    margin-bottom: 0px;
}
span.mainrankspan1 {
    display: inline-block;
    padding-right: 4px;
    font-size: 10px;
    color: #ffd618;
}
span.mainrankspan2 {
    display: inline-block;
    padding-right: 4px;
    font-size: 10px;
    color: #e0e0e0;
}
span.mainrankspan3 {
    display: inline-block;
    padding-right: 4px;
    font-size: 10px;
    color: #b67c00;
}
p.mainicrankkaigyou {
    font-size: 10px;
    color: #333;
    font-weight: bold;
    padding: 0 0 5px 20px;
    border-bottom: 1px dotted #8c8680;
    margin-bottom: 0px;
}
p.mainicrankhonbun {
    padding-top: 5px;
    font-size: 10px;
}
span.mainrankspan1:first-letter, span.mainrankspan2:first-letter, span.mainrankspan3:first-letter {
    font-size: 10px;
}
.maincontwaku {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0;
}
.maincontwaku h3.top-cattitle {
    padding-bottom: 5px;
}
h3.top-cattitle img {
    margin-bottom: 0px;
}
ul.maincontullist {
    vertical-align: top;
    /*width: 49%;*/
    list-style: none;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 10px;
    width: calc(98% / 2);
    margin-right: 1%;
}
/*ul.maincontullist:nth-child(2) {
    margin-right: 0%;
}*/
.maincontullist li.maincontlist {
    
}
li.maincontlist span.spmaincontlist {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    border-bottom: solid 3px #ececec;
    position: relative;
    padding-left: 10px;
}
li.maincontlist span.spmaincontlist:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #fdd1a4;
    bottom: -3px;
    width: 35%;
}
li.maincontlist ul.mainconsubullist {
    list-style: none;
    text-indent: 10px;
    margin-bottom: 5px;
}
ul.mainconsubullist li.mainconsublist {
    padding: 7px 7px 7px 0;
    border-bottom: 1px solid #d8d8d8;
}

@media only screen and (min-width: 768px) {
    ul.mainranklist li .mainicrank1, ul.mainranklist li .mainicrank2, ul.mainranklist li .mainicrank3, ul.mainranklist li .mainicrank4, ul.mainranklist li .mainicrank5 {
    font-size: 15px;
    color: #333;
    }
    span.mainrankspan1:first-letter, span.mainrankspan2:first-letter, span.mainrankspan3:first-letter {
    font-size: 30px;
    }
    span.mainrankspan1 {
    display: inline-block;
    font-size: 18px;
    color: #ffd618;
    font-weight: normal;
    padding-right: 0px;
    }
    p.mainicrankkaigyou {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    padding: 0 0 10px 39px;
    border-bottom: 1px dotted #8c8680;
    margin-bottom: 5px;
    }
    p.mainicrankhonbun {
    padding-top: 5px;
    font-size: 13px;
    }
    span.mainrankspan2 {
    display: inline-block;
    padding-right: 10px;
    font-size: 18px;
    color: #e0e0e0;
    font-weight: normal;
    padding-right: 0px;
    }
    span.mainrankspan3 {
    display: inline-block;
    padding-right: 10px;
    font-size: 18px;
    color: #b67c00;
    font-weight: normal;
    padding-right: 0px;
    }
    ul.maincontullist {
    vertical-align: top;
    width: calc(97% / 3);
    list-style: none;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 15px;
    }
}

/*-------------------------------------
6. Footer
--------------------------------------*/
.ec-footerRole {
    background:#351610;
}