@charset "shift-jis";

/*------- PC_start -------*/
@media screen and (min-width: 800px){

    body{
        margin:0;
        font-family: "源ノ角ゴシック";
        background-color: #f1f1f1;
    }
    #newfair dd,
    #newfair dl{
        margin:0;
    }
    #newfair ul{
        padding:0;
        margin: 0;
    }
    #newfair ul li{
        padding:0;
        list-style:none;
    }
    #newfair .pc_none{
        display:none;
    }
    
    /*??
    ================================ */
    #newfair .kanban{
        position: relative;
        margin: auto;
        text-align: center;
        width: 100%;
        /*background-image: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u2539644/pc/common/css/../../image/220818_newfair/title.png);
        background-repeat:no-repeat;*/
    }
    
    #newfair .kanban img{
        width: 100%;
    }
    
    #newfair .naiyo {
        max-width: 950px;
        text-align: center;
        margin: 0 auto;
        background: white;
        box-shadow: 0 0 10px #d9d9d9;    
    }
    #newfair .tyumoku_item ul.col_2 > li > dl > dt,
    #newfair .naruhodo_item ul.col_2 > li > dl > dt{
        position: relative;
    }
    #newfair .tyumoku_item ul.col_2 > li > dl > dt img.cmicon,
    #newfair .naruhodo_item ul.col_2 > li > dl > dt img.cmicon{
        position: absolute;
        top: -7%;
        left: 0%;
        width: 25%;
    }
    
    
    
    
    /*??????
    ================================*/
    #newfair .tyumoku_item,
    #newfair .naruhodo_item,
    #newfair .huyumono_item,
    #newfair .itiosi_item{        
        background-repeat-x: no-repeat;
        background-size: cover;
        background-position-x: center;
        width: 900px;
        margin: 0 auto 60px;
    }
    #newfair .tyumoku_item h2{
        text-align: center;
        font-size: 48px;
        margin: 0;
        color: #fff;
        padding-top: 25px;
        text-shadow: 0px 0px 10px #007e78;
        letter-spacing: 2px;
        line-height: 1.5;
    }
    #newfair .tyumoku_item h2 span{
        display: block;
        font-size: 20px;
        color: #5a5b5b;
        text-shadow: none;
    }
    #newfair .w960{
        width:960px;
        margin:0 auto;
    }
    
    
    /*================
    2???
    ================*/
    #newfair .tyumoku_item .col_2,
    #newfair .naruhodo_item .col_2,
    #newfair .huyumono_item .col_2,
    #newfair .itiosi_item .col_2{
        font-size:0;
    }
    
    #newfair .tyumoku_item .col_2 li,
    #newfair .naruhodo_item .col_2 li,
    #newfair .huyumono_item .col_2 li,
    #newfair .itiosi_item .col_2 li{
        display:inline-block;
        vertical-align:top;
        text-align:center;
        box-sizing:border-box;
        font-size:16px;
        margin: 0 3px 20px;
        width: calc((100% - 12px*1)/2);
        position: relative;
    }
    
    #newfair .tyumoku_item .col_2 li .pt_icon,
    #newfair .naruhodo_item .col_2 li .pt_icon,
    #newfair .itiosi_item .col_2 li .pt_icon{
        position: absolute;
        top: -2%;
        right: -2%;
    }
    
    #newfair .tyumoku_item .col_2 li dl dd.txt_title,
    #newfair .naruhodo_item .col_2 li dl dd.txt_title,
    #newfair .huyumono_item .col_2 li dl dd.txt_title,
    #newfair .itiosi_item .col_2 li dl dd.txt_title{
        font-size: 29px;
        font-weight: bold;
        line-height: 1.1;
        margin-top: 10px;
        color: #222222;
        position: relative;   
    }
    
    #newfair .tyumoku_item .col_2 li dl dd.txt_title span,
    #newfair .naruhodo_item .col_2 li dl dd.txt_title span,
    #newfair .huyumono_item .col_2 li dl dd.txt_title span,
    #newfair .itiosi_item .col_2 li dl dd.txt_title span{
        font-size: 20px;
    }
    
    /*================
    ??????
    ================*/
    #newfair .tyumoku_item .col_2 li dl .icon,
    #newfair .naruhodo_item .col_2 li dl .icon,
    #newfair .huyumono_item .col_2 li dl .icon,
    #newfair .itiosi_item .col_2 li dl .icon{
        display: flex;
        width: 95%;
        margin: 10px auto 0;
    }
    #newfair .tyumoku_item .col_2 li dl .icon span,
    #newfair .naruhodo_item .col_2 li dl .icon span,
    #newfair .huyumono_item .col_2 li dl .icon span,
    #newfair .itiosi_item .col_2 li dl .icon span{
        display: contents;
         font-size:16px;
    }
    #newfair .tyumoku_item .col_2 li dl .icon div[class^="icon_"],
    #newfair .naruhodo_item .col_2 li dl .icon div[class^="icon_"],
    #newfair .huyumono_item .col_2 li dl .icon div[class^="icon_"],
    #newfair .itiosi_item .col_2 li dl .icon div[class^="icon_"]{
        margin-right: 5px;
        width: calc((100% - 6px*2)/3);
        background: #3a3a3a;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 58px;
        font-size:19px;
        line-height: 1;
    }
    #newfair .tyumoku_item .col_2 li dl .icon .icon_3{
        margin-right:0!important;
    }
    
    /*================
    ????
    ================*/
    #newfair .tyumoku_item ul li div[id^="prdisp_t_"],
    #newfair .naruhodo_item ul li div[id^="prdisp_t_"],
    #newfair .huyumono_item ul li div[id^="prdisp_t_"],
    #newfair .itiosi_item ul li div[id^="prdisp_t_"]{
        font-size: 55px;
        font-weight: bold;
        color: #e20025; 
    }
    #newfair .tyumoku_item ul li dl span.price-tax-txt,
    #newfair .naruhodo_item ul li dl span.price-tax-txt,
    #newfair .huyumono_item ul li dl span.price-tax-txt,
    #newfair .itiosi_item ul li dl span.price-tax-txt{
        font-size: 20px!important;
        margin-right: 6px;
        display: block;
        font-weight: bold!important;
    }
    
    /*================
    ???????
    ================*/
    #newfair .tyumoku_item ul li dl dd.anchor a,
    #newfair .naruhodo_item ul li dl dd.anchor a,
    #newfair .huyumono_item ul li dl dd.anchor a,
    #newfair .itiosi_item ul li dl dd.anchor a{
        overflow: hidden;
        position: relative;
        font-size: 27px;
        color: #fff;
        letter-spacing: 1px;
        background: #3a3a3a;
        border-radius: 40px;
        padding: 10px 0;
        margin: 16px auto;
        width: 90%;
        display: block;
        text-decoration: none;
    }
    
    #newfair .tyumoku_item ul li dl dd.anchor a::before,
    #newfair .naruhodo_item ul li dl dd.anchor a::before,
    #newfair .huyumono_item ul li dl dd.anchor a::before,
    #newfair .itiosi_item ul li dl dd.anchor a::before{
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        transform: skewX(-25deg);
    }
    
    #newfair .tyumoku_item ul li dl dd.anchor a:hover::before,
    #newfair .naruhodo_item ul li dl dd.anchor a:hover::before,
    #newfair .huyumono_item ul li dl dd.anchor a:hover::before,
    #newfair .itiosi_item ul li dl dd.anchor a:hover::before{
      animation: shine 0.7s;
    }
    
    @keyframes shine {
      100% {
        left: 125%;
      }
    }
    
    
    
    
    /* ???????? 
    ================================ */
    #newfair .event {
        width: 100%;
        background-color: #fff;
        display: block;
        position: relative;
    }
    
    #newfair .event .event_text {
        font-size: 48px;
        font-weight: bold;
        text-align: center;
        color: #2d2d2d;
        margin: 10px auto;
    }
    
    #newfair .event .event_gazou{
        display: flex;
        flex-wrap:wrap;
    }
    
    #newfair .event .event_gazou li {
        width: calc(100%/4);/*←画像を横に4つ並べる場合*/
        padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
        box-sizing:border-box;
    }
    
    #newfair .event .event_gazou .gazou_1 img {
        max-width:100%; /*画像のはみだしを防ぐ*/
        height: auto; /*画像の縦横比を維持 */
        border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
    }
    
    #newfair .event .yudo img {
        width: 850px;
        margin: 5px auto 0;
    }
    /* ??????
    ================================ */
    #newfair .pagetop {
        position: fixed;
        bottom: 20px;
        right: 1%;
        font-weight: bold;
        z-index: 1;
        background: #222222;
        border-radius: 180px;	
    }
    #newfair .pagetop a {
        text-decoration: none;
        display: block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        transition: all 0.3s ease 0s;
        text-align: center;
        padding: 20px 23px;
        color: #fff;
        border: 1px solid #222222;
    }
    #newfair .pagetop a:hover {
        text-decoration: none;
        transition: all 0.3s ease 0s;
        background: #fff;
        color:#222222;
    }
    #newfair .p_onayami {
        bottom: 120px;
        background: none;
        right: 1%;
    }
    #newfair .p_onayami a{
        padding:0;
    }
    #newfair .p_onayami a:hover {
        background: none;
        bottom: 140px;    
    }
    /* 20221114改修
    ================================ */
    /*タイトル*/
    #newfair .naiyo .title{
        font-size: 40px;
        font-weight: bold;
        color: #232323;
        letter-spacing: 1px;
        margin: 30px 0 60px;
        position: relative;
        padding-top: 30px;    
    }
    #newfair .naiyo .title:after{
        content: "";
        position: absolute;
        background: #232323;
        width: 23%;
        bottom: -10%;
        right: 0;
        left: 0;
        margin: auto;
        border-bottom: 3px solid #232323;
    }
    #newfair .naiyo .title span{
        display: block;
        font-size: 25px;
        line-height: 1;
    }

    #newfair .price{
        font-size: 40px;
        font-weight: bold;
        color: #e20025;
    }


}


/*------- SMP_start -------*/
@media screen and (max-width: 799px){

    body{
		margin:0;
		}
	#newfair {
        margin:0;
        font-family: "源ノ角ゴシック";
        background-color: #f1f1f1;
        }
        #newfair dd,
        #newfair dl{
        margin:0;
        }
        #newfair ul{
        padding:0;
        margin: 0;
        }
        #newfair ul li{
        padding:0;
        list-style:none;
        }
        #newfair .smp_none{
        display:none;
        }
    
        /*============================
        ??
        ==============================*/
        #newfair .smp_none{
        display:none;
        }
    
        #newfair a{
        text-decoration: none;
        }
    
        /*??
        ================================ */
        #newfair .title{
        position: relative;
        }
    
    
            
        /*??????
        ================================*/
		#newfair .tyumoku_item,
		#newfair .naruhodo_item,
		#newfair .huyumono_item,
		#newfair .itiosi_item{
        background-repeat-x: no-repeat;
        background-size: cover;
        padding-bottom: 6vw;
        background-position-x: center;
		width: 96vw;
		margin: 0 auto;
		}        
        #newfair .tyumoku_item h2{
        text-align: center;
        font-size: 7vw;
        margin: 0;
        color: #fff;
        padding-top: 25px;
        text-shadow: 0px 0px 10px #007e78;
        letter-spacing: .1vw;
        line-height: 1.5;
        }
        #newfair .tyumoku_item h2 span{
        display: block;
        font-size: 3.5vw;
        color: #5a5b5b;
        text-shadow: none;
        }
		#newfair .tyumoku_item ul.col_2 > li > dl > dt,
		#newfair .naruhodo_item ul.col_2 > li > dl > dt{
			position: relative;
		}
		#newfair .tyumoku_item ul.col_2 > li > dl > dt img.cmicon,
		#newfair .naruhodo_item ul.col_2 > li > dl > dt img.cmicon{
		    position: absolute;
		    top: -2vw;
		    left: -1vw;
		    width: 11vw;
		}

        /*================
        2???
        ================*/
        #newfair .tyumoku_item .col_2,
        #newfair .naruhodo_item .col_2,
        #newfair .huyumono_item .col_2,
        #newfair .itiosi_item .col_2{
        margin-top: 4vw;
        font-size: 0;
        }
        #newfair .tyumoku_item .col_2 li,
        #newfair .naruhodo_item .col_2 li,
        #newfair .huyumono_item .col_2 li,
        #newfair .itiosi_item .col_2 li{
		vertical-align: top;
	    display: inline-block;
	    margin: 0 1.2vw 2.8vw;
	    text-align: center;
	    box-sizing: border-box;
	    font-size: 16px;
	    width: calc((100% - 5vw*1)/2);
	    position: relative;
        }

        #newfair .tyumoku_item .col_2 li .pt_icon,
        #newfair .naruhodo_item .col_2 li .pt_icon,
        #newfair .huyumono_item .col_2 li .pt_icon,
        #newfair .itiosi_item .col_2 li .pt_icon{
        position: absolute;
        top: -2%;
        right: -2%;
        }

        #newfair .tyumoku_item .col_2 li .pt_icon img,
        #newfair .naruhodo_item .col_2 li .pt_icon img,
        #newfair .huyumono_item .col_2 li .pt_icon img,
        #newfair .itiosi_item .col_2 li .pt_icon img {
        width: 18vw;
        }
    
        #newfair .tyumoku_item .col_2 li dl dd.txt_title,
        #newfair .naruhodo_item .col_2 li dl dd.txt_title,
        #newfair .huyumono_item .col_2 li dl dd.txt_title,
        #newfair .itiosi_item .col_2 li dl dd.txt_title{
        font-size: 3.7vw;
        font-weight: bold;
        line-height: 1.1;
        margin-top: 1.2vw;
        color: #222222;
        position: relative;
        }
        #newfair .tyumoku_item .col_2 li dl dd.txt_title span,
        #newfair .naruhodo_item .col_2 li dl dd.txt_title span,
        #newfair .huyumono_item .col_2 li dl dd.txt_title span,
        #newfair .itiosi_item .col_2 li dl dd.txt_title span{
        font-size: 3vw;
        }
    
        /*================
        ??????
        ================*/
        #newfair .tyumoku_item .col_2 li dl .icon,
        #newfair .naruhodo_item .col_2 li dl .icon,
        #newfair .huyumono_item .col_2 li dl .icon,
        #newfair .itiosi_item .col_2 li dl .icon{
        display: flex;
	    /*width: 95%;*/
	    margin: 1.3vw auto ;        
        }
        #newfair .tyumoku_item .col_2 li dl .icon span,
        #newfair .naruhodo_item .col_2 li dl .icon span,
        #newfair .huyumono_item .col_2 li dl .icon span,
        #newfair .itiosi_item .col_2 li dl .icon span{
        display: contents;
        font-size:1.2vw;
        }
        #newfair .tyumoku_item .col_2 li dl .icon div[class^="icon_"],
        #newfair .naruhodo_item .col_2 li dl .icon div[class^="icon_"],
        #newfair .huyumono_item .col_2 li dl .icon div[class^="icon_"],
        #newfair .itiosi_item .col_2 li dl .icon div[class^="icon_"]{
        margin-right: 0.7vw;
        width: calc((100% - 0px*2)/3);
        background: #3a3a3a;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
		height: 8.5vw;
        font-size:2.5vw;
        line-height: 1.2;
        }
		#newfair .tyumoku_item .col_2 li dl .icon .icon_3{
			margin-right:0!important;
		}        
    
        /*================
        ????
        ================*/
        #newfair .tyumoku_item ul li div[id^="prdisp_t_"],
        #newfair .naruhodo_item ul li div[id^="prdisp_t_"],
        #newfair .huyumono_item ul li div[id^="prdisp_t_"],
        #newfair .itiosi_item ul li div[id^="prdisp_t_"]{
        font-size: 6vw;
        font-weight: bold;
        color: #e20025;
        }
        #newfair .tyumoku_item ul li dl span.price-tax-txt,
        #newfair .naruhodo_item ul li dl span.price-tax-txt,
        #newfair .huyumono_item ul li dl span.price-tax-txt,
        #newfair .itiosi_item ul li dl span.price-tax-txt{
        font-size: 3vw!important;
        margin-right: 6px;
        display: block;
        font-weight: bold!important;
        }
        /*================
        ???????
        ================*/
        #newfair .tyumoku_item ul li dl dd.anchor a,
        #newfair .naruhodo_item ul li dl dd.anchor a,
        #newfair .huyumono_item ul li dl dd.anchor a,
        #newfair .itiosi_item ul li dl dd.anchor a{
        overflow: hidden;
        position: relative;
        font-size: 3.5vw;
        color: #fff;
        letter-spacing: .1vw;
        background: #3a3a3a;
        border-radius: 40px;
        padding: 1vw 0;
        margin: 0vw auto;
        width: 44vw;
        display: block;
        text-decoration: none;
        }
        #newfair .tyumoku_item ul li dl dd.anchor a::before,
        #newfair .naruhodo_item ul li dl dd.anchor a::before,
        #newfair .huyumono_item ul li dl dd.anchor a::before,
        #newfair .itiosi_item ul li dl dd.anchor a::before{
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        transform: skewX(-25deg);
        }
        #newfair .tyumoku_item ul li dl dd.anchor a:hover::before,
        #newfair .naruhodo_item ul li dl dd.anchor a:hover::before,
        #newfair .huyumono_item ul li dl dd.anchor a:hover::before,
        #newfair .itiosi_item ul li dl dd.anchor a:hover::before{
        animation: shine 0.7s;
        }
    
        @keyframes shine {
            100% {
            left: 125%;
            }
        }
    
        /* ???????? 
        ================================ */
        #newfair .event {
            width: 100%;
            background-color: #fff;
            text-align: center;
        }
    
        #newfair .event .event_text {
            font-size: 7vw;
            font-weight: bold;
            text-align: center;
            color: #2d2d2d;
            margin: 1.2vw auto 0.7vw;
        }
    
        #newfair .event .event_gazou .gazou_1 {
            display:inline-block;
            width: calc((100% - 2vw*1)/2);
        }
    
        #newfair .event .event_gazou .gazou_1 img {
            width: 100%;
            margin: 0.7vw;
        }
    
        #newfair .event .yudo img {
            width: 98%;
            margin: 0.7vw auto 0;
        }
    
        /* ???TOP??? 
        ================================ */
        #newfair .pagetop {
        position: fixed;
        bottom: 0;
        right: 1%;
        font-weight: bold;
        z-index: 1;
        background: #222222;
        border-radius: 180px;	
        }
        #newfair .pagetop a {
        text-decoration: none;	
        display: block;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        transition: all 0.3s ease 0s;
        text-align: center;
        padding: 2vw 3vw;
        color: #fff;
        }
        #newfair .pagetop a:hover {
        text-decoration: none;
        transition: all 0.3s ease 0s;
		background: #fff;
		color:#222222;   
	    border: .4vw solid #222222;
        }
        #newfair .p_onayami {
        bottom: 120px;
        background: none;
        right: 1%;
        }
        #newfair .p_onayami a{
        padding:0;
        }
        #newfair .p_onayami a:hover {
        background: none;
        bottom: 140px;    
        }
/* 20221114改修
================================ */

#newfair .naiyo{
	width: 97vw;
	margin: 4vw auto;
    background: #fff;
    box-shadow: 0 0 1vw #d9d9d9;    
}
/*タイトル*/
#newfair .naiyo .title{
    font-size: 5vw;
    font-weight: bold;
    color: #232323;
    letter-spacing: 0.2vw;
	margin: 0vw 0 6vw;
    position: relative;
    padding-top: 4vw;
    text-align: center;    
}
#newfair .naiyo .title:after{
	content: "";
    position: absolute;
    background: #232323;
    width: 23%;
    bottom: -10%;
    right: 0;
    left: 0;
    margin: auto;
    border-bottom: 0.5vw solid #232323;
}
#newfair .naiyo .title span{
    display: block;
	font-size: 3.5vw;
    line-height: 1;
}
#newfair .naiyo ul.col_2 li dl dt > img.item{
	width:100%;
}
#newfair .price{
    font-size: 5vw;
    color: #f22144;
    font-weight: bold;
    display: inline;
    margin: 10px 10px 0;
}

}