@charset "utf-8";
/* CSS Document */
.sub_title { font-size: 13px; color: #AA834E; height: auto; padding: 0 0 10px 0; margin-bottom: 20px; }
.sub_title a { color: #AA834E; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
.sub_title a:hover { color: #990000; text-decoration: none; }
.sub_title { font-size: 13px; color: #AA834E; height: auto; padding: 5px 0 5px 5px; margin-bottom: 20px; }
.sub_title_bg { background: #F0F0F0; }
.top-nav { font-size: 13px; color: #72462C; height: auto; padding: 5px; margin-bottom: 20px; border: 1px #E7E7E7 solid; }
.top-nav .left-column { width: 400px; float: left; margin-top: 5px; }
.top-nav .right-column { width: 300px; float: right; }
.news-box { width: 100%; height: auto; }
.list-box { width: 100%; height: auto; float: left; }
.list-box .photo-box { height: auto; width: 235px; padding-bottom: 0px; margin: 0px 5px 10px 5px; float: left; }
.list-box .photo { height: 220px; width: 235px; margin: auto; }
.list-box .frame_info { width: 100%; height: auto; margin: auto; margin-top: 10px; padding: 0px 0 0 0; background-image: url(../images/products_caption_bg.jpg); }
.list-box .caption { font-size: 13px; width: 100%; height: auto; margin: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.list-box .caption a { color: #72472C; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
.list-box .caption a:hover { color: #72472C; text-decoration: underline; }
/***************/
/***mood******************************************************/
#mood-box { background-image: url(../data/index/mood_bg.jpg); height: 136px; width: 1000px; margin: 0px 0px 29px 0px; font-size: 13px; letter-spacing: 1px; margin: 0 auto; }
.mood { padding: 40px 0px 0px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mood .photobox { height: auto; width: 71px; margin: 0px; float: left; }
/*.mood .photo_0 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) 0 0 no-repeat; display: block; }*/
/*.mood .photo_1 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -70px 0 no-repeat; display: block; }*/
/*.mood .photo_2 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -138px 0 no-repeat; display: block; }*/
/*.mood .photo_3 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -207px -1px no-repeat; display: block; }*/
/*.mood .photo_4 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -277px 0 no-repeat; display: block; }*/
/*.mood .photo_5 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -345px 0 no-repeat; display: block; }*/
/*.mood .photo_6 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -412px 0 no-repeat; display: block; }*/
/*.mood .photo_7 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -482px 0 no-repeat; display: block; }*/
/*.mood .photo_8 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -552px 0 no-repeat; display: block; }*/
/*.mood .photo_9 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -621px 0 no-repeat; display: block; }*/
/*.mood .photo_10 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -688px 0 no-repeat; display: block; }*/
/*.mood .photo_11 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -758px 0 no-repeat; display: block; }*/
/*.mood .photo_12 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -828px 0 no-repeat; display: block; }*/
/*.mood .photo_13 a { height: 44px; width: 42px; margin: 0 auto; margin-top: 5px; background: url(../data/index/mood.png) -895px 0 no-repeat; display: block; }*/
/*.mood .caption { font-size: 13px; width: 100%; height: 25px; padding: 5px 0px 0px 0px; text-align: center; float: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }*/
/*.mood .caption a { COLOR: #5F423A; TEXT-DECORATION: none; }*/
/*.mood .caption a:hover { color: #5F423A; text-decoration: none; }*/

#mood-box {
    background-image: url(../data/index/mood_bg_2.jpg);
    background-position: top;
    position: relative;
    height: unset;
    text-align: center;
}
#mood-box:before {
    content: "";
    background-image: url(../data/index/mood_bg_1.jpg);
    height: 44px;
    width: 1000px;
    position: absolute;
    left: 0;
    top: 1px;
}
#mood-box:after { 
    content: "";
    background-image: url(../data/index/mood_bg_3.jpg);
    height: 44px;
    width: 1000px;
    position: absolute;
    left: 0;
    bottom: -19px;
    background-repeat: no-repeat;
}
#mood-box .mood:after { 
    content: "";
    display: block;
    clear: both;
} 
.mood{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.mood .photobox {
    margin-bottom: 20px;

    height: auto;
    width: 20%;
    margin: 0px;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
/***contact******************************************************/
/*****detail*******************************************************/
.detail-box { width: 729px; height: auto; float: right; }
.detail-box { width: 100%; height: auto; float: left; }
.detail-box .top-frame { width: 100%; height: auto; float: left; margin-bottom: 10px; }
.detail-box .left-box { width: 423px; height: auto; float: left; text-align: left; }
.detail-box .small-photo-box { width: 94px; height: auto; float: left; margin-right: 10px; }
.detail-box .small-photo { width: 94px; height: auto; float: left; margin-bottom: 14px; }
.detail-box .right-box { width: 442px; height: auto; float: right; }
.detail-box .caption { width: 100%; height: auto; padding: 10px 0 10px 0px; font-size: 22px; color: #3D130B; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url(../data/wrapper/line.png) bottom no-repeat; }
.detail-box .des { width: 100%; height: auto; padding: 5px 0 5px 5px; color: #FF9797; letter-spacing: 1px; width: calc(100% - 5px); }
.detail-box .number { color: #666666; background: url(../data/products/number.jpg) 5px center no-repeat; width: 100%; height: auto; padding: 10px 0px 10px 95px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .format { background: url(../data/products/format.jpg) 5px center no-repeat; width: 100%; height: auto; padding: 10px 0px 10px 95px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .num { margin-bottom: 10px; background: url(../data/products/num.jpg) 5px center no-repeat; width: 100%; height: auto; padding: 10px 0px 10px 95px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .fixed-price { background: url(../data/wrapper/line.png) top center repeat-x, url(../data/wrapper/line2.png) left center repeat-y, url(../data/wrapper/line2.png) right center repeat-y, url(../data/products/fixed-price.jpg) 0 0 no-repeat; width: 100%; height: 34px; padding: 3px 0px 10px 115px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .favorable-price { background: url(../data/wrapper/line.png) top center repeat-x, url(../data/wrapper/line2.png) left center repeat-y, url(../data/wrapper/line2.png) right center repeat-y, url(../data/products/favorable-price.jpg) 0 0 no-repeat; width: 100%; height: 34px; padding: 3px 0px 10px 115px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .menmber-price { color: #B20000; background: url(../data/wrapper/line.png) top center repeat-x, url(../data/wrapper/line.png) bottom center repeat-x, url(../data/wrapper/line2.png) left center repeat-y, url(../data/wrapper/line2.png) right center repeat-y, url(../data/products/menmber-price.jpg) 0 0 no-repeat; width: 100%; height: 34px; padding: 3px 0px 10px 115px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detail-box .fb-box { width: 100%; height: auto; padding: 10px 0; }
.detail-box .info-box3 { width: 100%; height: auto; padding: 10px 0; font-size: 12px; }
.detail-box .buy-box { width: 100%; height: auto; text-align: center; padding: 0; }
.detail-box .info-box { width: 100%; height: auto; background: url(../data/wrapper/line.png) top center repeat-x, url(../data/wrapper/line.png) bottom center repeat-x, url(../data/wrapper/line2.png) left center repeat-y, url(../data/wrapper/line2.png) right center repeat-y; }
.detail-box .sub_tilte { width: 101px; height: auto; margin: 0 0 0 2px; float: left; }
.detail-box .txt { width: 890px; height: auto; letter-spacing: 1px; padding: 10px 0px 10px 0px; float: left; background-image: url(top.png); background-repeat: no-repeat; background-position: top center; overflow:hidden; }
.detail-box .txt table { background: url(../data/wrapper/line.png) top center repeat-x, url(../data/wrapper/line.png) bottom center repeat-x, url(../data/wrapper/line2.png) left center repeat-y, url(../data/wrapper/line2.png) right center repeat-y; }
.detail-box .txt .s01 { font-size: 18px; color: #AA834D; font-weight: bold; }
.detail-box .txt ul { list-style-image: url(../data/wrapper/dot.png); }
.detail-box .info-box2 { margin-top: 10px; width: 100%; height: auto; background: url(../data/wrapper/line.png) top center repeat-x, url(../data/wrapper/line.png) bottom center repeat-x, url(../data/wrapper/line2.png) left center repeat-y, url(../data/wrapper/line2.png) right center repeat-y; }
.detail-box .info-box2 .sub_tilte { width: 101px; height: auto; margin: 2px 0 0 2px; float: left; }
.detail-box .info-box2 .txt { width: 890px; height: auto; letter-spacing: 1px; padding: 10px 0px 10px 0px; float: left; background-image: url(top.png); background-repeat: no-repeat; background-position: top center; }
/*****photo-box*******************************************************/
.recent-box { width: 100%; height: auto; float: left; }
.recent-box .photo-box { height: auto; width: 141px; padding-bottom: 0px; margin: 0px 30px 10px 0px; float: left; }
.recent-box .photo { height: auto; width: 141px; margin: auto; overflow: hidden; }
.recent-box .frame_info { width: 100%; height: auto; margin: auto; margin-top: 10px; padding: 0px 0 0 0; background-image: url(../images/products_caption_bg.jpg); }
.recent-box .caption2 { font-size: 13px; width: 100%; height: auto; margin: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.recent-box .caption2 a { color: #72472C; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
.recent-box .caption2 a:hover { color: #72472C; text-decoration: underline; }