@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用のスタイル（641～）
***********************************************************************************************************/

@media(min-width:1068px) {


    #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;
    }


    
    
    .eventtxt{
        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/soldout.jpg) no-repeat top left;
        background-size: cover;
         overflow: hidden;
    }
    
    #tileList .zero img{
        opacity: 0.4 !important;

    }
    
  .pctopimg {
        margin: 0 auto;
        width: 950px;
      　display: block !important; 
      text-align: center;
      padding: 100px 0 150px 0;
    }
    
   .sptopimg {
       display: none !important;
       text-align: center;
       margin: 0 auto;
    } 
    
    .pcimg {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    
   .spimg {
       display: none !important;
       text-align: center;
       margin: 0 auto;
    } 
    
    .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:10px 0 10px 0;
        background-image: url(../img/btnbk.png);
        background-repeat: repeat; 
    }
    .underbtn2{
        max-width: 972px;
        text-align: center;
        margin: 0 auto;
        
        
    }
    
       .underbtn3{
            float: left;
           width: 25%;
        
    }
    

    
    ul.toptileList a:hover{
        opacity: 0.75;
        
    }
    .style_bnr{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 30px 0px;
        
     }
    
    .style_bnr span{
        font-size:30px;
        font-weight: 600;
        color:#636361; 
        margin: 0 auto;
        font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
     }
    
    .style_bnr p{
        text-align: center;

        margin: 0 auto 10px auto;
     }
    
    .pcnone{
        display: none;
     }
    
    .style_bnr img{
        width: 83%;  
     }
    
    .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;
   }
    
    
    
    
    
    .price {
        color: #1a1a1a;
        text-align:left;        
        height: auto;
        margin-top: 8px;
        color: #505050;     
        font-size: 13px;
        font-weight: 300;
        line-height: 150%;
        margin-bottom: 5px;
}
    
    .shpbox {        
        text-align:left;        
        height: auto;
        margin-top: 8px;        
        font-size: 13px;
        font-weight: 300;
        line-height: 150%;
        margin-bottom: 5px;
}
    
    .shopfm{
    color: #ffffff;
    border: 1px solid #636361;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 4px;
    background: #636361;
}
    
  .fm{
    color: #636361;
    border: 1px solid #636361;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 4px;
    background: #ffffff;
}
    
 
     .saleprice {
    padding-left: 10px;
    font-size: 10px;
    text-align: left;
}
    
    .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 {        
        margin: 0px auto;
        /*background: #ffffff;*/
        background-image: url(../img/rp_bk.png);
        /*max-width: 100%;*/
        background-repeat: repeat; 
    }

   


    .box {
        margin: 0 auto 0 auto;
        width: 950px;
        padding: 50px 0px;
    }
    
     .coponbox {
        margin: 0 auto 0 auto;
        width: 950px;
        padding-top: 50px;
         margin-bottom: 50px;
    }
    
    
    .boxtop {
        margin: 0 auto 0 auto;
        width: 950px;
        padding-bottom: 0px;
    }
    
    /*.coponbox:last-child {padding-bottom: 50px;}*/
    
    

    .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-bottom: 100px;
        /*border-top: solid 8px #c01920;*/
        border-left: solid 8px #e73656;
        border-right: solid 8px #e73656;
        border-bottom: solid 8px #e73656;
        border-top: solid 8px #e73656;        
    }
    
    .titlebr{        
        padding-bottom: 100px;
    }
    
    
    
    .wakublack {
        margin: 0 auto;
        width: 950px;        
        border-width: 0 10px 10px 10px;
        background-color: #FFFFFF;
        padding: 100px 80px;
        border-top: solid 8px #151515;
        border-left: solid 8px #151515;
        border-right: solid 8px #151515;
        border-bottom: solid 8px #151515;
        
    }

    .waku a:hover{
        opacity: 0.75;
        
    }
    
    .wakupic {
        margin: 0 auto;
        width: 950px;        
        padding: 0px ;        
    }
    
 
    
    .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: 950px;
        margin: 0px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        position: relative;
        padding: 40px 0 60px 0;
    }

    ul.tileList li {
        width:calc(25% - 25px);
        height: auto;
        margin-bottom: 2.0em;
        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: 210px;
        height: auto;
        margin-top: 8px;
        color: #555454;        
        font-size: 11.5px;
        font-weight: 500;
        line-height: 150%;
    }
    
    .itemname span{
        font-size: 14px;
        font-weight: 700;
        /*padding-left: 4px;*/
    }
    
     .itemname b{
         color: #fe2626;
         padding-left: 10px;
         letter-spacing: 1px;
         font-weight: 700;
    }
    
    .itemname i{
         color: #243fca;
         padding-left: 10px;
         letter-spacing: 1px;
        font-weight: 700;
    }
    
    
    
    
  /*@@@@@@@@@@@@@@ 商品紹介部分 @@@@@@@@@@@@@*/
    
    
    
    .waku4 h1{
        margin: 0 auto;
        text-align: center;
    }
    
    .itemtitle_l{
        color: #ffffff;
        line-height: 150%;
        font-size: 19px;
        font-weight: 400;
        letter-spacing:2px;
        padding: 6px 40px 6px 40px;
        /*background: #7e3881;*/
        background: url(../img/v_bg.png);
        /*border-radius: 4px;*/
    }
    
    
    
    
    .txt_ranking{
        text-align:left;        
        /*margin-top: 8px;*/
        color:#b69d5d;        
        font-size: 11px;
        /*background: #c0ab74;*/
        padding: 2px 2px;
    }
    
    .setall a{
       display: block;
       width: 100%;
       border: solid #636361 1px;
       border-radius: 40px;
       padding: 25px;
       background-color: #636361;
       font-size: 18px;
       font-weight: 500;
       color: #ffffff;
       margin-bottom: 25px;
       text-align: center;
       position:relative;
       transition     : background-color  .3s ease-in , color  .3s ease-in;
    }

    .setall a:before {
        content: '';
        width: 11px;
        height: 11px;
        border: 0;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        position: absolute;
        top: 48.5%;
        right: 24px;
        margin-top: -4px;
        transform: rotate(45deg);
      }


    .setall {
        margin: 0 auto;
        width: 450px;
        padding-bottom: 20px;
    }
    
    ul.r_tileList {
        text-align: center;
        width: 950px;
        margin: 0px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        position: relative;
        padding: 40px 0 0px 0;
    }

    ul.r_tileList li {
        width:calc(50% - 18px);
        height: auto;
        margin-bottom: 15px;
        position: relative;
    }

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

    } 
    
    ul.bnr2 {
        text-align: center;
        width: 950px;
        margin: 0px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        position: relative;
        padding: 50px 0 0px 0;
    }

    ul.bnr2 li {
        width:calc(50% - 18px);
        height: auto;
        margin-bottom: 30px;
        position: relative;
    }

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

    } 
    
    
    .r_itemname {
        text-align:left;
        width: 460px;
        height: auto;
        margin-top: 8px;
        color: #555454;        
        font-size: 11.5px;
        font-weight: 500;
        line-height: 150%;
    }
    
    .r_itemname span{
        font-size: 17px;
        font-weight: 700;
        /*padding-left: 4px;*/
    }
    
     .r_itemname b{
         color: #fe2626;
         padding-left: 10px;
         letter-spacing: 1px;
    }
    
    .r_itemname i{
         color: #243fca;
         /*padding-left: 10px;*/
         letter-spacing: 1px;
        font-weight: 700;
    }
    
  
.box1 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fde1d1;   */     
    }
    
    .box2 {
        margin: 150px auto 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fbdbdd;*/
    }
    
    .box3 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #ddf2fc;    */    
    }
    
    .box4 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fbe5fc;        */
    }


    .titlebur1 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #ee732f;*/
        background: url(../img/o_bg.png);
        /*border-bottom: 20px solid #ff7c1b;*/
        padding: 30px 0px;
    }
    
    .titlebur2 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #c01920;*/
        background: url(../img/r_bg.png);
        /*border-bottom: 20px solid #e7244e;*/
        padding: 30px 0px;
    }
    
    .titlebur3 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #2493ca;*/
        background: url(../img/b_bg.png);
        /*border-bottom: 20px solid #28a0dc;*/
        padding: 30px 0px;   
    }
    
    .titlebur4 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #7e3881;*/
        background: url(../img/v_bg.png);
        /*border-bottom: 20px solid #7e3881;*/
        padding: 30px 0px;       
    }

.set1 {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        background: #fde1d1;
        /*background: #fde1d1;*/
        padding-bottom: 20px;
    }
    
    .set2 {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        background: #fdeeef;
        /*background-image: url(../img/bg.png);        
        background-repeat: repeat; */
        padding-bottom: 20px;
        
    }
    
    .set3 {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        background: #ddf2fc;
        /*background-image: url(../img/bg.png);        
        background-repeat: repeat; */
        padding-bottom: 20px;
    }
    
    .set4 {
        text-align: center;
        margin: 0 auto;
        width: 950px;
        background: #ffffff;
        /*background: #fbe5fc;*/
    }

.triangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 70px 0 70px;
    border-color: #ff7c1b transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}
    
    .triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 70px 0 70px;
    border-color: #e7244e transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
    
}
    
    .triangle3 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 70px 0 70px;
    border-color: #28a0dc transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}
    
    .triangle4 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 70px 0 70px;
    border-color: #7e3881 transparent transparent transparent;    
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}

    .waku1 {
        margin: 0 auto;
        width: 950px;        
        border-width: 0 10px 10px 10px;
        background-color: #ffffff;
        padding: 100px 0px 160px;        
    }

    .waku1 a:hover{
        opacity: 0.75;        
    }
    
    
    .waku4 {
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
        /*background-color: #fde6f8;*/
        padding:  0px 0px 100px;
    }

/*.style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 15px 0px;      
     }*/
    
    .style_bnr_pc{
        display: none;     
     }
    
     .style_bnr_sp{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;        
     }  

    .solidarea{
       border-top: 1px solid #000000;
        width: 950px;
        margin: 80px auto;
        padding-top: 20px;
 }

    .aparea{       
        width: 83%;
        margin: 0 auto;
        text-align: left;
     }
    
    .ap{      
     color: #3fa5ab; 
     font-weight: 600;
     font-size: 35px;
    }
    
    .apsub{
      padding: 12px 0px;
      font-size: 23px;
    }
    
    
    .titlebur2 h1,
    .titlebur1 h1,
    .titlebur3 h1,
    .titlebur4 h1 {
        color: aliceblue;
        font-size: 35px;
        font-weight: 800;
        letter-spacing: 3px;
        
    }
    .titlebur2 span,
    .titlebur1 span,
    .titlebur3 span,
    .titlebur4 span{
        color: aliceblue;
        font-size: 55px;
        font-weight: 800;
    }
    
    
    
    .copybtn{
    color: #ffffff;
    border: 1px solid #636361;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 4px;
    background: #636361;
    }

    .inputtxt{    
    border: 1px solid #636361;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 4px;
    width: 20%;
    }
    
    .honten_bnr{    
    width: 246px;
    margin: 50px auto 0px auto;
    
    }



}

/*********************************************************************************************************** 
スマホサイト用のスタイル（640～321）
***********************************************************************************************************/


@media(max-width:1068px) and (min-width:735px) {
    #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;
    }





    
     /*.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-bottom: 30px;
      font-size: 13px; 
      padding: 0 8%;
      text-align: left;
     }    
    
    #tileList .zero {
        background: url(../img/soldout.jpg) no-repeat top left;
        background-size: cover;
         overflow: hidden;
    }
    
    /* #tileList .zero img{
        opacity: 0.4;
    }*/
    
    .sptopimg,.spimg {
        margin: 0 auto;
        width: 95%;
        display: block !important; 
        text-align: center;
    }
    
    .pctopimg,.pcimg {
        display: none !important;
        text-align: center;
        margin: 0 auto;
    }
    
     ul.toptileList a:hover{
        opacity: 0.75;
        
    }
    .style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;      
     }
    
    .style_bnr span{
        font-size:20px;
        font-weight: 600;
        color:#636361; 
        margin: 0 auto;
     }
    
    .style_bnr p{
        text-align: center;
        margin-bottom: 10px;
     }
    
    
    .style_bnr img{
        width: 85%;  
     }
    
    .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:10px 0 10px 0;
        background-image: url(../img/btnbk.png);
        background-repeat: repeat;
    }
    .underbtn2{
        width:100%;
        text-align: center;
        margin: 0 auto;
        
        
    }
    
       .underbtn3{
     float: left;
           width: 25%;
        
    }
    
    
    
 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 {
    color: #1a1a1a;
    margin-top: 5px;
   /* border-top: dotted 1px #ddd;*/
    padding-top: 3px;
     padding-left: 25px;
    font-size: 15px;
     text-align: left;
}
    
    
    .shpbox {        
        color: #1a1a1a;
    margin-top: 5px;
   /* border-top: dotted 1px #ddd;*/
    padding-top: 3px;
     padding-left: 25px;
    font-size: 15px;
     text-align: left;
}
    
    .shopfm{
    color: #ffffff;
    border: 1px solid #636361;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 4px;
    background: #636361;
}    
    
     .saleprice {
     padding-left: 15px;
    font-size: 10px;
    text-align: left;
}
    
    .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/rp_bk.png);
        background-repeat: repeat; 
    }

  


    .box {
        margin: 0 auto;
        width: 92%;
        padding: 50px 0px;
    }
    
    .coponbox {
        margin: 0 auto;
        width: 92%;
        padding-top: 50px;
         margin-bottom: 50px;
    }
    
   /* .coponbox:last-child {padding-bottom: 50px;}*/
    
    .boxtop {
        margin: 0 auto;
        width: 92%;
        padding-bottom: 0px;
    }



    .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-bottom: 30px;
        /*border-top: solid 6px #c01920;*/
        border-left: solid 4px #e73656;
        border-right: solid 4px #e73656;
        border-bottom: solid 4px #e73656;
        border-top: solid 4px #e73656;
    }
    
    .titlebr{        
        padding-bottom: 30px;
    }
    
    .wakublack {
        margin: 0 auto;
        width: 100%;        
        border-width: 0 4px 4px 4px;
        background-color: #FFFFFF;
        padding: 35px 20px;
        border-top: solid 4px #151515;
        border-left: solid 4px #151515;
        border-right: solid 4px #151515;
        border-bottom: solid 4px #151515;
    }

    .waku a:hover{
        opacity: 0.75;
        
    }
    
    .wakupic {
        margin: 0 auto;
        width: 95%;        
        padding: 0px;
    }
    
 
    
    .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 40px auto;
        position: relative;
    }

    ul.tileList li img {
        width: 90%;
        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: 86%;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;
        font-size: 15px;
        font-weight: 500;
        line-height: 150%;
    }
    
    .itemname span{
        font-size: 18px;
        font-weight: 700;
        /*padding-left: 4px;*/
    }
    
     .itemname b{
         color: #fe2626;
         padding-left: 10px;
         letter-spacing: 1px;
         font-weight: 700;
    }
    
    .itemname i{
         color: #243fca;
         padding-left: 10px;
         letter-spacing: 1px;
        font-weight: 700;
    }

/*@@@@@@@@@@@@@@ 商品紹介部分 @@@@@@@@@@@@@*/ 
    
    .waku4 h1{
        margin: 40px auto 40px auto;
        text-align: center;
    }
    
    .itemtitle_l{
        color: #ffffff;
        line-height: 150%;
        font-size: 22px;
        font-weight: 400;
        letter-spacing:2px;
        padding: 6px 40px 6px 40px;
        background: url(../img/v_bg.png);
        /*background: #7e3881;*/
        /*border-radius: 4px;*/
    }
    
.txt_ranking{
        text-align:left;        
        /*margin-top: 8px;*/
        color:#b69d5d;       
        font-size: 11px;
        /*background: #c0ab74;*/
        padding: 2px 2px;
        width: 95%;
        margin: 0 auto;
    }
    
.setall a{
       display: block;
       width: 100%;
       border: solid #636361 1px;
       border-radius: 40px;
       padding: 22px;
       background-color: #636361;
       font-size: 18px;
       font-weight: 500;
       color: #ffffff;
       margin-bottom: 25px;
       text-align: center;
       position:relative;
       transition     : background-color  .3s ease-in , color  .3s ease-in;
    }

    .setall a:before {
        content: '';
        width: 11px;
        height: 11px;
        border: 0;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        position: absolute;
        top: 48.5%;
        right: 24px;
        margin-top: -4px;
        transform: rotate(45deg);
      }

    
    .setall {
        margin: 0 auto;
        width: 60%;
        padding: 15px 0px;
    }
    
    .titlebur2 h1,
    .titlebur1 h1,
    .titlebur3 h1,
    .titlebur4 h1 {
        color: aliceblue;
        font-size: 35px;
        font-weight: 800;
        letter-spacing: 3px;
        
    }
    .titlebur2 span,
    .titlebur1 span,
    .titlebur3 span,
    .titlebur4 span{
        color: aliceblue;
        font-size: 45px;
        font-weight: 800;
    }
    
      
    
    .titlebur1 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #ee732f;*/
        background: url(../img/o_bg.png);
        /*border-bottom: 20px solid #ff7c1b;*/
        padding: 30px 0px;
    }
    
    .titlebur2 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #c01920;*/
        background: url(../img/r_bg.png);
        /*border-bottom: 20px solid #e7244e;      */
        padding: 30px 0px;          
    }
    
    .titlebur3 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #2493ca;*/
        background: url(../img/b_bg.png);        
        /*border-bottom: 20px solid #28a0dc;      */
        padding: 30px 0px;   
    }
    
    .titlebur4 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #7e3881;*/
        background: url(../img/v_bg.png);
        border-bottom: 20px solid #7e3881;      
        padding: 30px 0px;       
    }    
    

    
    
    .set1 {
        text-align: center;
        margin: 0 auto 40px auto;
        width: 100%;
        background: #fde1d1;
        /*background: #fde1d1;*/
    }
    
    .set2 {
        text-align: center;
        margin: 0 auto 40px auto;
        width: 100%;
       background: #fdeeef;
        /*background: #fbdbdd;*/
        
    }
    
    .set3 {
        text-align: center;
        margin: 0 auto 40px auto;
        width: 100%;
        background: #ddf2fc;
        /*background: #ddf2fc;*/
    }
    
    .set4 {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
        /*background: #fbe5fc;*/
    }
    
    
.triangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 55px 0 55px;
    border-color: #ff7c1b transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}
    
.triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 55px 0 55px;
    border-color: #e7244e transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
    
}
    
    .triangle3 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 55px 0 55px;
    border-color: #28a0dc transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}
    
    .triangle4 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 65px 0 65px;
    border-color: #7e3881 transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 50px;
}    
    
    
    
    .fm{
    color: #636361;
    border: 1px solid #636361;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 4px;
    background: #ffffff;
}
    
    ul.r_tileList {
        text-align: center;
        width: 92%;
        margin:  0 auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        /*justify-content: space-between;
        align-content: flex-start;*/

    }

    ul.r_tileList li {
        width: 100%;
        height: auto;
        margin: 0 auto 80px auto;
        position: relative;
    }

    ul.r_tileList li img {
        width: 86%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/
    }
    
   ul.bnr2 {
        text-align: center;
        width: 92%;
        margin:  0 auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        /*justify-content: space-between;
        align-content: flex-start;*/
       padding: 50px 0 0px 0;

    }

    ul.bnr2 li {
        width: 100%;
        height: auto;
        margin: 0 auto 40px auto;
        position: relative;
    }

    ul.bnr2 li img {
        width: 95%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/
    }
    
    
    .r_itemname {
        text-align: left;
        width: 92%;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;
        font-size: 15px;
        font-weight: 500;
        line-height: 150%;
    }
    
     .r_itemname span{
        font-size: 18px;
        font-weight: 700;
        /*padding-left: 4px;*/
    }
    
     .r_itemname b{
         color: #fe2626;
         padding-left: 10px;
         letter-spacing: 1px;
         font-weight: 700;
    }
    
    .r_itemname i{
        /*font-size: 10px;*/
         color: #243fca;
         /*padding-left: 10px;*/
         letter-spacing: 1px;
        font-weight: 700;
    }
    
    
    
    .box1 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fde1d1; */    
    }
    
    .box2 {
        margin: 80px auto 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fbdbdd;     */
    }
    
    .box3 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #ddf2fc;  */   
    }
    
    .box4 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fbe5fc;    */ 
    }

    .waku1 {
        margin: 0 auto;
        width: 100%;        
        background-color: #ffffff;
        padding: 18px 0px 90px;
    }

    .waku1 a:hover{
        opacity: 0.75;
        
    }
    
     .waku2 {
        margin: 0 auto;
        width: 100%;        
        /* background-color: #ffe4df; */
        /*background-color: #ffffff;*/
        padding: 20px 0px 20px 0px;
         text-align: center;
    }

    .waku2 a:hover{
        opacity: 0.75;
        
    }
    
     .waku3 {
        margin: 0 auto;
        width: 100%;        
        background-color: #ffffff;
        padding: 18px 0px 40px;
    }

    .waku3 a:hover{
        opacity: 0.75;
        
    }
   
   .waku4 {
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
        /*background-color: #fde6f8;*/
        padding:  15px 0px 40px;
    }

    .waku4 a:hover{
        opacity: 0.75;
        
    }


/*    .style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;      
     }*/
    
    
        .style_bnr span{
        font-size:28px;
        font-weight: 600;
        color:#636361; 
        margin: 0 auto;
     }
    
    .style_bnr p{
        text-align: left;
        margin-left: 22%;
        margin-bottom: 10px;
     }
    
   .solidarea{
       border-top: 1px solid #000000;
        width: 950px;
        margin: 80px auto;
        padding-top: 20px;
 }

    .aparea{       
        width: 90%;
        margin: 0 auto 30px auto;
        text-align: left;
     }
    
   .ap{      
        color: #3fa5ab; 
         font-weight: 600;
         font-size: 30px;
    }
    
    .apsub{
        padding: 10px 0px;
        font-size: 22px;
    }
     
    
    .copybtn{
        color: #ffffff;
        border: 1px solid #636361;
        padding: 1px 5px;
        margin-right: 5px;
        border-radius: 4px;
        background: #636361;
        font-size: 13px;
    }

    .inputtxt{    
        border: 1px solid #636361;
        padding: 1px 5px;
        margin-right: 5px;
        border-radius: 4px;
        font-size: 13px; 
        width: 40%;
    }
    
    .honten_bnr{    
       margin: 50px auto 30px auto;
        text-align: center;
    }
    
    .honten_bnr img{    
        margin: 0 auto;
       width: 40%;
        text-align: center;
    }
   






}

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

@media(max-width: 735px) {



    #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;
    }


/******** 22020.01スーパーセール　start　********/
    
        .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:10px 0 10px 0;
        background-image: url(../img/btnbk.png);
        background-repeat: repeat;
    }
    .underbtn2{
        width:100%;
        text-align: center;
        margin: 0 auto;
        
        
    }
    
       .underbtn3{
     float: left;
           width: 25%;
        
    }    
    
        /*.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-bottom: 15px;
      font-size: 13px; 
      padding: 0 8%;
      text-align: left;
     }   
    
    #tileList .zero {
        background: url(../img/soldout.jpg) no-repeat top left;
        background-size: cover;
         overflow: hidden;
    }
    
    #tileList .zero img{
        opacity: 0.4;
    }
    
    .sptopimg,.spimg {
        margin: 0 auto;
        width: 95%;
        display: block !important; 
        text-align: center;
    }
    
    .pctopimg,.pcimg {
        display: none !important;
        text-align: center;
        margin: 0 auto;
    }
    
     ul.toptileList a:hover{
        opacity: 0.75;
        
    }
    
 /*.style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px;      
     }
    
        .style_bnr span{
        font-size:26px;
        font-weight: 600;
        color:#636361; 
        margin: 0 auto;
     }
    
    .style_bnr p{
        text-align: left;
        margin-left: 22%;
        margin-bottom: 10px;
     }*/
    
    
    .style_bnr img{
        width: 85%;  
     }
    
    .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 {
    color: #1a1a1a;
    margin-top: 5px;
    /*border-top: dotted 1px #ddd;*/
    padding-top: 0px;
    padding-left: 10px;
    font-size: 10px;
    text-align: left;
}
    
    
    .shpbox {        
         color: #1a1a1a;
    margin-top: 5px;
    /*border-top: dotted 1px #ddd;*/
    padding-top: 0px;
    padding-left: 10px;
    font-size: 10px;
    text-align: left;
}
    
    .shopfm{
    color: #ffffff;
    border: 1px solid #636361;
    padding: 3px 5px;
    margin-right: 5px;
    border-radius: 4px;
    background: #636361;
}     
    
    
  .saleprice {
     padding-left: 15px;
    font-size: 10px;
    text-align: left;
}
    
.torikeshi {
    /*text-decoration: line-through;*/
    font-size: 12px !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/sp_rp_bk.png);
        background-repeat: repeat; 
        background-size: 400px;
    }

  


    .box {
        margin: 0 auto;
        width: 92%;
       padding: 50px 0px;
    }
    
   .coponbox {
        margin: 0 auto;
        width: 92%;
        padding-top: 50px;
        margin-bottom: 20px;
    }
    
    /*.coponbox:last-child {padding-bottom: 50px;}*/
    
    .boxtop {
        margin: 0 auto;
        width: 92%;
        padding-bottom: 0px;
    }



    .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-bottom: 30px;
        /*border-top: solid 6px #c01920;*/
        border-left: solid 4px #e73656;
        border-right: solid 4px #e73656;
        border-bottom: solid 4px #e73656;
        border-top: solid 4px #e73656;
    }
    
    .titlebr{        
        padding-bottom: 30px;
    }
    
    .wakublack {
        margin: 0 auto;
        width: 100%;        
        border-width: 0 4px 4px 4px;
        background-color: #FFFFFF;
        padding: 35px 20px;
        border-top: solid 4px #151515;
        border-left: solid 4px #151515;
        border-right: solid 4px #151515;
        border-bottom: solid 4px #151515;
    }

    .waku a:hover{
        opacity: 0.75;
        
    }
    
    .wakupic {
        margin: 0 auto;
        width: 950%;        
        padding: 0px;
    }
    
     
    .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: 95%;
        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: 90%;
        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: 89%;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;
        font-size: 9px;
        font-weight: 500;
        line-height: 150%;
    }
    
    .itemname span{
        font-size: 12px;
        font-weight: 700;
        /*padding-left: px;*/
    }
    
     .itemname b{
         color: #fe2626;
         padding-left: 10px;
         letter-spacing: 1px;
         font-weight: 700;
    }
    
    .itemname i{
         color: #243fca;
         padding-left: 5px;
         letter-spacing: 1px;
        font-weight: 700;
    }




   
/*@@@@@@@@@@@@@@ 商品紹介部分 @@@@@@@@@@@@@*/  
    
   .waku4 h1{
        margin: 20px auto 20px auto;
        text-align: center;
    }
    
    .itemtitle_l{
        color: #ffffff;
        line-height: 150%;
        font-size: 14px;
        font-weight: 500;
        letter-spacing:2px;
        padding: 5px 40px 5px 40px;
        /*background: #7e3881;*/
        background: repeat center/5% url(../img/v_bg.png);
        /*border-radius: 4px;*/
    }
    

    
    .txt_ranking{
        text-align:left;        
        /*margin-top: 8px;*/
        color:#b69d5d;        
        font-size: 9px;
        /*background: #c0ab74;*/
        padding: 2px 2px;
        width: 95%;
        margin: 0 auto;
    }
    
    
    .setall a{
       display: block;
       width: 100%;
       border: solid #636361 1px;
       border-radius: 40px;
       padding: 22px;
       background-color: #636361;
       font-size: 14px;
       font-weight: 500;
       color: #ffffff;
       margin-top: 15px;
       text-align: center;
       position:relative;
       transition     : background-color  .3s ease-in , color  .3s ease-in;
    }

    .setall a:before {
        content: '';
        width: 11px;
        height: 11px;
        border: 0;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        position: absolute;
        top: 48.5%;
        right: 24px;
        margin-top: -4px;
        transform: rotate(45deg);
      }

    
    .setall {
        margin: 0 auto;
        width: 80%;
        padding: 15px 0px;
    }
    
    .titlebur2 h1,
    .titlebur1 h1,
    .titlebur3 h1,
    .titlebur4 h1 {
        color: aliceblue;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 1px;
        
    }
    .titlebur2 span,
    .titlebur1 span,
    .titlebur3 span,
    .titlebur4 span{
        color: aliceblue;
        font-size: 25px;
        font-weight: 800;
    }
    
      
    
    .titlebur1 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #ee732f;*/
        background: repeat center/7% url(../img/o_bg.png);
        /*border-bottom: 8px solid #ff7c1b;*/
        padding: 18px 0px;
    }
    
    .titlebur2 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #c01920;*/
        background: repeat center/7% url(../img/r_bg.png);
        /*border-bottom: 8px solid #e7244e;*/
        padding: 18px 0px;        
    }
    
    .titlebur3 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #2493ca;*/
        background: repeat center/7% url(../img/b_bg.png);
        /*border-bottom: 8px solid #28a0dc;*/
        padding: 18px 0px;
    }
    
    .titlebur4 {
        text-align: center;
        margin: 0 auto;
        width: 100%;        
        /*background: #7e3881;*/
        background: repeat center/7% url(../img/v_bg.png);
        /*border-bottom: 8px solid #7e3881;*/
        padding: 18px 0px;
    }    
    

    
    
    .set1 {
        text-align: center;
        margin: 0 auto 40px auto;
        width: 100%;
        background: #fde1d1;
        /*background: #fde1d1;*/
    }
    
    .set2 {
        text-align: center;
        margin: 0 auto 40px auto;
        width: 100%;
        background: #fdeeef;
        /*background: #fbdbdd;*/
        
    }
    
    .set3 {
        text-align: center;
        margin: 0 auto 40px auto;
        width: 100%;
        background: #ddf2fc;
        /*background: #ddf2fc;*/
    }
    
    .set4 {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
        /*background: #fbe5fc;*/
    }
    
    
.triangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 40px 0 40px;
    border-color: #ff7c1b transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 25px;
}
    
.triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 40px 0 40px;
    border-color: #e7244e transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 25px;    
}
    
    .triangle3 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 40px 0 40px;
    border-color: #28a0dc transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 25px;
}
    
    .triangle4 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 60px 0 60px;
    border-color: #7e3881 transparent transparent transparent;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 25px;
}    
    
    
    
    .fm{
    color: #636361;
    border: 1px solid #636361;
    padding: 1px 5px;
    margin-right: 5px;
    border-radius: 4px;
    background: #ffffff;
}
    
    ul.r_tileList {
        text-align: center;
        width: 92%;
        margin:  0 auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        /*justify-content: space-between;
        align-content: flex-start;
*/
    }

    ul.r_tileList li {
        width: 100% !important;
        height: auto;
        margin: 0 auto 50px auto;
        position: relative;
    }

    ul.r_tileList li img {
        width: 86%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/
    }
    
    
    ul.bnr2 {
        text-align: center;
        width: 92%;
        margin:  0 auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        /*justify-content: space-between;
        align-content: flex-start;*/
        padding: 50px 0 0px 0;

    }

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

    ul.bnr2 li img {
        width: 95%;
        height: auto;
        margin: 0;
        /*border: 1px solid #CCCCCC;*/
    }
    
    
    .r_itemname {
        text-align: left;
        width: 92%;
        height: auto;
        margin: 8px auto 0px auto;
        color: #555454;
        font-size: 9px;
        font-weight: 500;
        line-height: 100%;
    }
    
     .r_itemname span{
        font-size: 12px;
        font-weight: 700;
        /*padding-left: 4px;*/
    }
    
     .r_itemname b{
         color: #fe2626;
         padding-left: 10px;
         letter-spacing: 1px;
         font-weight: 700;
    }
    
    .r_itemname i{
         color: #243fca;
        font-size: 10px;
         /*padding-left: 10px;*/
         letter-spacing: 1px;
        font-weight: 700;
    }
    
    
    
    
    .box1 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fde1d1; */    
    }
    
    .box2 {
        margin: 80px auto 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fbdbdd;  */   
    }
    
    .box3 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #ddf2fc;  */   
    }
    
    .box4 {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0px;
        background: #ffffff;
        /*background: #fbe5fc;     */
    }

    .waku1 {
        margin: 0 auto;
        width: 100%;        
        background-color: #ffffff;
        padding: 18px 0px 90px;
    }

    .waku1 a:hover{
        opacity: 0.75;
        
    }
    
     .waku2 {
        margin: 0 auto;
        width: 100%;        
        /* background-color: #ffe4df; */
        /*background-color: #ffffff;*/
        padding: 20px 0px 20px 0px;
         text-align: center;
    }

    .waku2 a:hover{
        opacity: 0.75;
        
    }
    
     .waku3 {
        margin: 0 auto;
        width: 100%;        
        background-color: #ffffff;
        padding: 18px 0px 40px;
    }

    .waku3 a:hover{
        opacity: 0.75;
        
    }
   
       .waku4 {
        margin: 0 auto;
        width: 100%; 
        background: #ffffff;
        /*background-color: #fde6f8;*/
        padding:  15px 0px 40px;
    }

    .waku4 a:hover{
        opacity: 0.75;
        
    }


    .style_bnr{
        margin: 0 auto;
        text-align: center;
        padding: 20px 0px;      
     }
    
        .style_bnr span{
        font-size:25px;
        font-weight: 600;
        color:#636361; 
        margin: 0 auto;
     }
    
    .style_bnr p{
        text-align: center;
        margin-bottom: 10px;
        font-size:15px;
     }
    
    
   .solidarea{
       border-top: 1px solid #000000;
        width: 950px;
        margin: 80px auto;
        padding-top: 20px;
 }

    .aparea{       
        width: 90%;
        margin: 0 auto 30px auto;
        text-align: left;
     }
    
   .ap{      
        color: #3fa5ab; 
         font-weight: 600;
         font-size: 22px;
    }
    
    .apsub{
        padding: 10px 0px;
        font-size: 13px;
    }
     
  
     
    
    .copybtn{
        color: #ffffff;
        border: 1px solid #636361;
        padding: 1px 5px;
        margin-right: 5px;
        border-radius: 4px;
        background: #636361;
        font-size: 13px;
    }

    .inputtxt{    
        border: 1px solid #636361;
        padding: 1px 5px;
        margin-right: 5px;
        border-radius: 4px;
        font-size: 13px; 
         width: 40%;
    }
    
    .honten_bnr{       
        margin: 20px auto 10px auto; 
         text-align: center;
    }
    
    .honten_bnr img{
       margin: 0 auto;
       width: 50%;
       text-align: center;
    }







}