@charset "utf-8";
/* css document */

/*-----------------------------
reset
-----------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-size: 100%;
    vertical-align: baseline;
}

article,
details,
figcaption,
footer,
header,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
}

a,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

input,
textarea {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

/*-----------------------------
全体
-----------------------------*/
* {
    margin: 0;
    padding: 0;
    /*---
    font-family: "Noto Sans JP", "sans-serif", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ","Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic","sans-serif";
    --*/
    font-family: 'Noto Sans Japanese', serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.4em;
    letter-spacing: 0.02em;
}

body {
    font-size: 1.2em;
    color: #1a1a1a;
    font-family: "Noto Sans Japanese";
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* スマホのハイライトデザインを無効にする */
}

a:focus {
    outline: none;
}

img {
    vertical-align: bottom;
}

.mo a img {
    background-color: rgba(255, 255, 255, .01);
    /* マウスオーバー要素のバグ対応 */
}






/*-----------------------------
Clearfix
-----------------------------*/
.Clearfix,
#Clearfix {
    display: block;
}

.Clearfix:after,
#Clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}






/*********************************************************************************************************** 
pc用のスタイル（1068～）
***********************************************************************************************************/

@media(min-width:1068px) {
    
    .wrap {
        max-width: 900px;
        margin: 0px auto;
        background: #ffffff;
    }



    #zentaiwrap_mobi {
        display: none;
        overflow: hidden;
    }


    #pc_zentaiwrap {
        max-width: 1200px;
        margin: 0px auto;
        padding: 0;
        text-align: center;
        background: #ffffff;
    }

    #pc_footer_zentaiwrap {
        width: 100%;
        margin: 0px auto;
        padding: 0;
        text-align: center;
        background: #eaeaea;
    }

    #pc_zentaiwrap .pc_comment_size {
        padding: 100PX;
        background: #05a2f4;

    }


    #pc_zentaiwrap .pc_comment_size p {
        font-size: 30px;
    }


    /******** 1日防災の日　start　********/ 
    
    .b9{
        border: solid #090909;
        border-width: 9px 9px 0 9px;
    }
    
    .eventtxt{
        margin-top:0px;
        margin-bottom: 40px;
        font-size: 19px;       
     }    
    
    /*金粉*/
    /*.headerin {
    background-image: url('../img/gold1.png'), url('../img/gold2.png'), url('../img/gold3.png');
    animation: drop 120s linear infinite;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: drop;
    padding-bottom: 2.8em;
    }    
 @keyframes drop {
    0%   { background-position: 0 0, 500px 0, 0 0; }
    100% { background-position: 500px 1000px, 1700px 200px, 0 600px; }
    }*/
    
  
    
     
     #tileList .zero {
        background: url(../img/soldout2.png) no-repeat top left;
        background-size:cover;
        overflow: hidden;
       
    }
    
    #tileList .zero img{
        opacity: 0.2 !important;        

    }
        
    
    
    .spblank{
        display: none !important;
    } 
    
  .pctopimg {
        margin: 0 auto 0 auto;
        width: 950px;
      　display: block !important; 
    }
    
   .sptopimg {
        display: none !important;
    } 
    .underbtn1{
        position: fixed;
          bottom:0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        /*background: #000000;*/
        align-content: flex-start;
        position:fixed;
        padding:5px 0 10px 0;
        background-image: url(../img/bg.png);
        background-repeat: repeat;
    }
    .underbtn2{
        max-width: 975px;
        text-align: center;
        margin: 0 auto;
        
        
    }
    
       .underbtn3{
           float: left;
           width: 25%;
           margin: 15px 0px 5px 0px;
           
        
    }

    
    ul.toptileList a:hover{
        opacity: 0.75;
        
    }
    .style_bnr{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 15px 0px;        
     }
    
    
    
    .style_bnr_pc{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 15px 0px;        
     }
    
    .style_bnr_sp{
        display: none;      
     }
    
   /*.toptileListwrap{
       margin: 0 auto;
       text-align: center;
       max-width:1200px;
       background: #ffffff;
       }*/
    
    ul.toptileList {        
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        /*background: #000000;*/
        align-content: flex-start;
        position:fixed;
        bottom:0;
        padding:5px 0 10px 0;
        background-image: url(../img/bg.png);
        background-repeat: repeat;
    }

    ul.toptileList li {
        width:16% !important;
        height: auto;
        margin: 0 auto 0 auto;
        position: relative;
    }

    ul.toptileList li img {
        width: 243px;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/
    }
	
       ul.subtileList a:hover{
        opacity: 0.75;
        
    }
    
    
        ul.subtileList {
        text-align: center;
        width: 800px;
        margin: 50px auto 100px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
    }

    ul.subtileList li {
        width:33% !important;
        height: auto;
        margin: 0 auto 0 auto;
        position: relative;
    }

    ul.subtileList li img {
        width: 230px;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/
    }
	
    
    .toptext{
        margin: 0 auto 50px;
        max-width: 600px;
        color: #ffffff;
        font-size: 22px;
   }
    
    
    


    
     .saleprice {         
        text-align:left;
        height: auto;
        margin-top: -4px;
        margin-bottom: 20px ;
        color: #fa4045;
        font-size: 13px;
        font-weight: 500;
        line-height: 150%;     
}
    
 .off {
    padding: 2px 5px;
    color: #fff;
    background: #f00;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
    .pboff60 {
    padding: 2px 5px;
    color: #fff;
    background: #e40639;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff50 {
    padding: 2px 5px;
    color: #fff;
    background: #fc7722;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff30 {
    padding: 2px 5px;
    color: #fff;
    background: #23849c;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff15 {
    padding: 2px 5px;
    color: #fff;
    background: #0a8012;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff10 {
    padding: 2px 5px;
    color: #fff;
    background: #bf0000;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
     .torikeshi {
            
    /* text-decoration: line-through; */
    font-size: 14px !important;
    color: #555454 !important;
            font-weight: 300;
}
    


    
    .marker {
                
    /* background: linear-gradient(transparent 60%, #ffff66 60%); */
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-size: 25px;
    color: #fa4045;
    font-weight: 700;
        letter-spacing: -0.2px;
        font-family:
        YakuHanJP,
        'Roboto',
        'Noto Sans JP', sans-serif,
        Meiryo,
   
    }
    .en{
        font-size: 16px;
       font-weight: 800;
       color: #fa4045;
       font-family:
       YakuHanJP,
       'Roboto',
       'Noto Sans JP', sans-serif,
       Meiryo,
       sans-serif;
   }    
    
    
    
    
    
    
    
    
    .price {
    margin-top: 5px;
    border-top: dotted 1px #ddd;
    padding-top: 3px;
     padding-left: 10px;
    font-size: 10px;
    text-align: left;
}
     .saleprice {
    padding-left: 10px;
    font-size: 10px;
    text-align: left;
}
    

    .keikasochi_wrap {
        margin: 0px auto;
        background-image: url(../img/img_bg_dot.jpg);
        background-repeat: repeat;
        background-attachment: fixed;
    }

   


    .box {
        margin: 0 auto 0 auto;
        width: 950px;
        padding-bottom: 100px;
    }

    .btn1,
    .btn2,
    .btn3 {
        width: 32%;
        margin: 0 auto;
    }

    .btn1 img,
    .btn2 img,
    .btn3 img {
        height: auto;
    }

    .waku {
        margin: 0 auto;
        width: 950px;        
        border-width: 0 10px 10px 10px;
        background-color: #FFFFFF;
        padding: 100px 0px;
        border-left: solid 9px #090909;
        border-right: solid 9px #090909;
        border-bottom: solid 9px #090909;
        
    }

    .waku a:hover{
        opacity: 0.75;
        
    }
    
 
    
    .style01{
        background: #ffffff;       
    }
    
    .style01 a:hover{
        opacity: 0.75;
        
    }
    
    .style02{
        padding: 0px 100px;
        background: #ffffff;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        
    }
    
    .style02_end{
        padding: 0px;
        background: #ffffff;
        margin: 0 auto;
    }
    
    .style02 p{
        color: #555454;        
        font-size: 17px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .style03{
        width: 50%;       
    }
    
    .style04{
        width: 45%;       
    }
    
    .style05{
        width: 950px;
        padding: 0px 100px;
        background: #ffffff;
        margin: 0 auto;
        
    }
    
    .style05_end{
        width: 950px;
        padding: 0px;
        background: #ffffff;
        margin: 0 auto;
        
    }    
    
    .style05 ul{
        color: #4d4d4d;        
        font-size: 20px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .style05 li{
        margin-top: 20px;
        color: #555454;        
        font-size: 17px;
        font-weight: 500;
        line-height: 150%;
        list-style: none;
    }
    
    
    ul.tileList {
        text-align: center;
        width: 780px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        position: relative;
    }

    ul.tileList li {
        width: 23% !important;
        height: auto;
        margin: 0 auto 2.0em auto;
        position: relative;
    }

    ul.tileList li img {
        width: 170px;
        height: auto;
        margin: 0;
        border: 1px solid #CCCCCC;

    }

/*
    #tileList {
        list-style: none;
    }

    #tileList .content {
        display: none;
    }

    .readMoreBtn {
        display: none;
    }
*/


    .pd {
        padding: 0px;
    }

    .itemname {
        text-align:left;
        width: 160px;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;        
        font-size: 11.5px;
        font-weight: 600;
        line-height: 150%;
    }
    
    .solidarea{
       border-top: 1px solid #000000;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 40px;
 }
   .aparea{       
       width: 70%;
       margin: 0 auto;
 }
     .ap{
      
     color: #3fa5ab; 
         font-weight: 600;
         font-size: 25px;
    }
    
    .apsub{
        padding: 10px 0px;
        font-size: 16px;
        text-align: left;
        width: 70%;

    }

}

/*********************************************************************************************************** 
スマホサイト用のスタイル（735～1068）
***********************************************************************************************************/


@media(max-width:1068px) and (min-width:735px) {
    
        .wrap {
        width: 100%;
        margin: 0px auto;
        background: #ffffff;
    }

    
    #pc_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #pc_footer_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #zentaiwrap_mobi {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        /*text-align: center;*/
        overflow: hidden;
    }


    #zentaiwrap_mobi .mobi_comment_size {
        text-align: center;
        padding: 100PX;
        background: #f4ec05;

    }


    #zentaiwrap_mobi .mobi_comment_size p {
        font-size: 25px;
    }





    /******** 1日防災の日　start　********/
    
    /*金粉*/
    /* .headerin {
    background-image: url('../img/gold1_sp.png'), url('../img/gold2_sp.png'), url('../img/gold3_sp.png');
    animation: drop 120s linear infinite;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: drop;
        padding-bottom: 2.8em;
    }    
 @keyframes drop {
    0%   { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 500px 1000px, -400px 800px, 0 600px; }
    }*/
    
    .b9{
        border: solid #090909;
        border-width: 6px 6px 0 6px;
    }
    
    
    
    .eventtxt{
        margin-top:0px;
        margin-bottom: 15px;
        font-size: 13px;       
     }    
    
      #tileList .zero {
        background: url(../img/soldout2.png) no-repeat top left;
        background-size:cover;
        overflow: hidden;
       
    }
    
    #tileList .zero img{
        opacity: 0.2 !important; 
        width: 86%;
        height: 86%;
    }
    
    
    .sptopimg {
        margin: 0 auto;
        width: 100%;
        display: block !important; 
    }
    
    .pctopimg {
        display: none !important;
    }
    
    
     ul.toptileList a:hover{
        opacity: 0.75;
        
    }
    .style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;      
     }
    
    .style_bnr p{
        font-size: 12px;      
     }
    
    .style_bnr_pc{
        display: none;     
     }
    
     .style_bnr_sp{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;        
     }  

    
        .underbtn1{
            position: fixed;
              bottom:0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        /*background: #000000;*/
        align-content: flex-start;
        position:fixed;
      
        padding:0px 0 10px 2px;
         background-image: url(../img/bg.png);
        background-repeat: repeat;
    }
    .underbtn2{
        width:96%;
        text-align: center;
        margin: 0 auto;
        
        
    }
    
   .underbtn3{
           float: left;
           width: 25%;
           margin: 15px 0px 5px 0px;
    }
    
   .underbtn_last{
           float: left;
           width: 31%;
           margin: 15px 5px 5px 8px;
    }
    
    
    
 ul.toptileList {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        position:fixed;
        bottom:0;
        padding:15px 0 15px 0;
        background-image: url(../img/bg.png);
        background-repeat: repeat;
     
    }    
    
    
    /*ul.toptileList {
        text-align: center;
        width: 95%;
        margin: 0 auto 0px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;

    }*/
    
    li.dispnon{
        display: none;
     }   

    ul.toptileList li {
        width: 30% !important;
        height: auto;
        margin: 0 auto 0 auto;
        position: relative;
    }

    ul.toptileList li img {
        width: 100%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/

    }
	
	 ul.subtileList a:hover{
        opacity: 0.75;
        
    }
    
    
    ul.subtileList {
        text-align: center;
        width: 95%;
        margin: 50px auto 50px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;

    }

    ul.subtileList li {
        width: 33% !important;
        height: auto;
        margin: 0 auto 0 auto;
        position: relative;
    }

    ul.subtileList li img {
        width: 90%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/

    }
    
    .toptext{
        margin: 0 auto 40px;
        width: 80%;
        color: #ffffff;
        font-size: 15px;
   }    
    
     .price {
    margin-top: 5px;
    border-top: dotted 1px #ddd;
    padding-top: 3px;
     padding-left: 0px;
    font-size: 10px;
     text-align: left;
}
     .saleprice {
     text-align:left;
       
        height: auto;
        margin-top: -4px;
        margin-bottom: 20px ;
        color: #fa4045;
        font-size: 13px;
        font-weight: 500;
        line-height: 150%;     
}
    

    
   .pboff60 {
    padding: 2px 5px;
    color: #fff;
    background: #e40639;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff50 {
    padding: 2px 5px;
    color: #fff;
    background: #fc7722;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff30 {
    padding: 2px 5px;
    color: #fff;
    background: #23849c;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff15 {
    padding: 2px 5px;
    color: #fff;
    background: #0a8012;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff10 {
    padding: 2px 5px;
    color: #fff;
    background: #bf0000;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
    
 .en{
        font-size: 16px;
       font-weight: 800;
       color: #fa4045;
       font-family:
       YakuHanJP,
       'Roboto',
       'Noto Sans JP', sans-serif,
       Meiryo,
       sans-serif;
   }
    
    .torikeshi {
    /*text-decoration: line-through;*/
    font-size: 16px !important;
    color: #000 !important;
}

    .torikeshi_sale {
        text-decoration: line-through;
        font-size: 26px !important;
        color: #000 !important;
    }
    
    .marker {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-size: 25px;
    color: red;
    font-weight: 600
    }
    


    .keikasochi_wrap {
        width: 100%;
        margin: 0px auto;
        background-image: url(../img/img_bg_dot.jpg);
        background-repeat: repeat;
        background-attachment: fixed;
    }

  


    .box {
        margin: 0 auto;
        width: 92%;
        padding-bottom: 50px;
    }



    .btn1,
    .btn2,
    .btn3 {
        width: 32%;
        margin: 0 auto;
    }

    .btn1 img,
    .btn2 img,
    .btn3 img {
        width: 100%;
        height: auto;

    }

    
    .waku {
        margin: 0 auto;
        width: 100%;        
        border-width: 0 4px 4px 4px;
        background-color: #FFFFFF;
        padding: 40px 0px;
        border-left: solid 6px #090909;
        border-right: solid 6px #090909;
        border-bottom: solid 6px #090909;
    }

    .waku a:hover{
        opacity: 0.75;
        
    }
    
 
    
    .style01{
        background: #ffffff;       
    }
    
    .style01 a:hover{
        opacity: 0.75;
        
    }
    
    .style02{
        padding: 0px 0px;
        background: #ffffff;
        margin: 0 auto;
        
    }
    
    .style02_end{
        padding: 0px;
        background: #ffffff;
        margin: 0 auto;
        
    }
    
    .style02 p{
        color: #555454;        
        font-size: 17px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .style03{
        padding-top: 10px;
        margin: 0 auto;
        width: 85%;       
    }
    
    .style04{
        margin: 20px auto 0px auto;
        width: 85%;       
    }
    
    
    .style05{
        width: 100%;
        padding: 0px 50px;
        background: #ffffff;
        margin: 0 auto;
        
    }     
   
    .style05_end{
        width: 100%;
        padding: 0px;
        background: #ffffff;
        margin: 0 auto;
        
    } 
    
    .style05 ul{
        color: #4d4d4d;        
        font-size: 17px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .style05 li{
        margin-top: 20px;
        color: #555454;        
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        list-style: none;
    }
    

    ul.tileList {
        text-align: center;
        width: 92%;
        margin:  0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;

    }

    ul.tileList li {
        width: 33% !important;
        height: auto;
        margin: 0 auto 1.5em auto;
        position: relative;
    }

    ul.tileList li img {
        width: 100%;
        height: auto;
        margin: 0;
        border: 1px solid #CCCCCC;

    }

/*
    #tileList {
        list-style: none;
    }

    #tileList .content {
        display: none;
    }

    .readMoreBtn {
        display: none;
    }
*/


    .pd {
        padding: 0px;
    }

    .itemname {
        text-align: left;
        width: 100%;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;
        font-size: 11.5px;
        font-weight: 600;
        line-height: 150%;
    }



  .solidarea{
       border-top: 1px solid #000000;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 30px;
 }
   .aparea{       
       width: 90%;
       margin: 0 auto;
 }
     .ap{      
     color: #3fa5ab; 
         font-weight: 600;
         font-size: 18px;
    }
    
    .apsub{
        padding: 10px 0px;
        font-size: 13px;
        text-align: left;
        width: 100%;

    }





}

/*********************************************************************************************************** 
スマホサイト用のスタイル735以下
***********************************************************************************************************/

@media(max-width: 735px) {

    .wrap {
        max-width: 900px;
        margin: 0px auto;
        background: #ffffff;
    }


    #pc_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #pc_footer_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #zentaiwrap_mobi {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        /*text-align: center;*/
        overflow: hidden;
    }


    #zentaiwrap_mobi .mobi_comment_size {
        text-align: center;
        padding: 100PX;
        background: #f4ec05;

    }


    #zentaiwrap_mobi .mobi_comment_size p {
        font-size: 25px;
    }


/******** 1日防災の日　start　********/
    
    .b9{
        border: solid #090909;
        border-width: 4px 4px 0 4px;
    }
    
        .underbtn1{
            position: fixed;
              bottom:0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        /*background: #000000;*/
        align-content: flex-start;
        position:fixed;
      
        padding:0px 0 10px 0;
         background-image: url(../img/bg.png);
        background-repeat: repeat;
    }
    .underbtn2{
        width:93%;
        text-align: center;
        margin: 0 auto;
        
        
    }
    
    .underbtn3{
           float: left;
           width: 25%;
        margin: 15px 0px 5px 0px;
    }
    
    
    
    
    /*金粉*/
    /*.headerin {
    background-image: url('../img/gold1_sp.png'), url('../img/gold2_sp.png'), url('../img/gold3_sp.png');
    animation: drop 120s linear infinite;
    animation-duration: 25s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: drop;
        padding-bottom: 2.8em;
    }    
 @keyframes drop {
    0%   { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 500px 1000px, -400px 800px, 0 600px; }
    }*/
    
    .eventtxt{
        margin-top: 0px;
        margin-bottom: 15px;
        font-size: 13px;       
     }   
    
     #tileList .zero {
        background: url(../img/soldout2.png) no-repeat top left;
        background-size:cover;
        overflow: hidden;
    }
    
    #tileList .zero img{
        opacity: 0.2 !important; 
    }
    
    
    .sptopimg {
        margin: 0 auto;
        width: 100%;
        display: block !important; 
    }
    
    .pctopimg {
        display: none !important;
    }
    
     ul.toptileList a:hover{
        opacity: 0.75;
        
    }
    
 .style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;      
     }
    
    .style_bnr p{
        font-size: 15px;
        padding-bottom: 5px; 
     }
    
    .style_bnr_pc{
        display: none;     
     }
    
     .style_bnr_sp{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;        
     }  
    
     /*ul.toptileList {
        text-align: center;
        width: 95%;
        margin: 0 auto 0px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;

    }*/
    
     ul.toptileList {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        position:fixed;
        bottom:0;
        padding:15px 0 15px 0;
        background-image: url(../img/bg.png);
        background-repeat: repeat;
    }    
    

    
    li.dispnon{
        display: none;
     }   

    ul.toptileList li {
        width: 30% !important;
        height: auto;
        margin: 0 auto 0 auto;
        position: relative;
    }

    ul.toptileList li img {
        width: 100%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/

    }
    
	
	ul.subtileList a:hover{
        opacity: 0.75;
        
    }
     
    
     ul.subtileList {
        text-align: center;
        width: 95%;
        margin: 50px auto 50px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;

    }

    ul.subtileList li {
        width: 33% !important;
        height: auto;
        margin: 0 auto 0 auto;
        position: relative;
    }

    ul.subtileList li img {
        width: 90%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/

    }
    .toptext{
        margin: 0 auto 40px;
        width: 80%;
        color: #ffffff;
        font-size: 15px;
   }
    
     .price {
    margin-top: 5px;
    border-top: dotted 1px #ddd;
    padding-top: 3px;
     padding-left: 0px;
    font-size: 10px;
    text-align: left;
}
     .saleprice {
     text-align: left;
        /* width: 100%; */
        height: auto;
        margin-top: -1px;
        margin-bottom: 39px ;
        padding-left: 1px;
        color: #fa4045;
        font-size: 11px;
        font-weight: 400 !important;
}
    
    
   .pboff60 {
    padding: 2px 5px;
    color: #fff;
    background: #e40639;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff50 {
    padding: 2px 5px;
    color: #fff;
    background: #fc7722;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff30 {
    padding: 2px 5px;
    color: #fff;
    background: #23849c;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff15 {
    padding: 2px 5px;
    color: #fff;
    background: #0a8012;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
.pboff10 {
    padding: 2px 5px;
    color: #fff;
    background: #bf0000;
    font-size: 11px;
    position: relative;
    top: -2px;
    left: 0px;
}
    
    
 .en{
        font-size: 12px;
       font-weight: 800;
       color: #fa4045;
       font-family:
       YakuHanJP,
       'Roboto',
       'Noto Sans JP', sans-serif,
       Meiryo,
       sans-serif;
   }
    
    .torikeshi {
    /*text-decoration: line-through;*/
    font-size: 16px !important;
    color: #000 !important;
}

    .torikeshi_sale {
        text-decoration: line-through;
        font-size: 26px !important;
        color: #000 !important;
    }
    
    .marker {
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-size: 25px;
    color: red;
    font-weight: 600
    }
    


    .keikasochi_wrap {
        width: 100%;
        margin: 0px auto;
        background-image: url(../img/img_bg_dot.jpg);
        background-repeat: repeat;
        background-attachment: fixed;
    }

  


    .box {
        margin: 0 auto;
        width: 93%;
        padding-bottom: 50px;
    }



    .btn1,
    .btn2,
    .btn3 {
        width: 32%;
        margin: 0 auto;
    }

    .btn1 img,
    .btn2 img,
    .btn3 img {
        width: 100%;
        height: auto;

    }

    .waku {
        margin: 0 auto;
        width: 100%;        
        border-width: 0 4px 4px 4px;
        background-color: #FFFFFF;
        padding: 40px 0px;
        border-left: solid 4px #090909;
        border-right: solid 4px #090909;
        border-bottom: solid 4px #090909;
    }

    .waku a:hover{
        opacity: 0.75;
        
    }
    
     
    .style01{
        background: #ffffff;       
    }
    
    .style01 a:hover{
        opacity: 0.75;
        
    }
    
    .style02{
        padding: 0px 0px;
        background: #ffffff;
        margin: 0 auto;
        
    }    
    
    
    .style02_end{
        padding: 0px;
        background: #ffffff;
        margin: 0 auto;
        
    }
    
    .style02 p{
        color: #555454;        
        font-size: 17px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .style03{
        padding-top: 10px;
        margin: 0 auto;
        width: 85%;       
    }
    
    .style04{
        margin: 20px auto 0px auto;
        width: 85%;       
    }
    
   .style05{
        width: 100%;
        padding: 0px 50px;
        background: #ffffff;
        margin: 0 auto;
        
    } 
   
    .style05_end{
        width: 100%;
        padding: 0px;
        background: #ffffff;
        margin: 0 auto;
        
    } 
    
    .style05 ul{
        color: #4d4d4d;        
        font-size: 17px;
        font-weight: 700;
        line-height: 150%;
    }
    
    .style05 li{
        margin-top: 20px;
        color: #555454;        
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        list-style: none;
    }
      

    ul.tileList {
        text-align: center;
        width: 92%;
        margin:  0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;

    }

    ul.tileList li {
        width: 48% !important;
        height: auto;
        margin: 0 auto 1.5em auto;
        position: relative;
    }

    ul.tileList li img {
        width: 100%;
        height: auto;
        margin: 0;
        border: 1px solid #CCCCCC;

    }

/*
    ・#tileList {
        list-style: none;
    }

    #tileList .content {
        display: none;
    }

    .readMoreBtn {
        display: none;
    }
*/


    .pd {
        padding: 0px;
    }

    .itemname {
        text-align: left;
        width: 100%;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;
        font-size: 11.5px;
        font-weight: 600;
        line-height: 150%;
    }


 .solidarea{
       border-top: 1px solid #000000;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 30px;
 }
   .aparea{       
       width: 90%;
       margin: 0 auto;
 }
     .ap{      
     color: #3fa5ab; 
         font-weight: 600;
         font-size: 18px;
    }
    
    .apsub{
        padding: 10px 0px;
        font-size: 13px;
        text-align: left;
        width: 100%;

    }







}