.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*//////////////////////////////// for imac ///////////////////////////////*/
@media screen and (min-width:1921px) {
	.sp-on{
		display: none!important;
	}
	#contents > .columnWrap {
		*zoom: 1;
		width: 1188px;
		margin: 0 auto 0 auto;
	}
	/*nav*/
	#featureFixedNavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		width: 1188px;
		margin: 0 auto;
	}
	#featureFixedNavi ul {
		overflow: hidden;
		*zoom: 1;
		background: rgba(170,0,0,0.8);
		padding: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#featureFixedNavi ul li {
		width: 50%;
		text-align: center;
	}
	#featureFixedNavi ul li a {
		font-size: 10px;
		letter-spacing: 1px;
		text-decoration: none;
		padding: 2% 0;
		display: block;
		color: #fff;
		transition: 0.3s;
		line-height: 1.5em;
		font-size: 14px;
	}
	#featureFixedNavi ul li a:hover {
		background: #fff;
		color: #aa0000;
		transition: 0.3s;
		border-radius: 5px;
	}
	#featureFixedNavi ul li a p{
		text-align: center;
	}
	#header{
		width: 100%;
		display: block;
		position: relative;
	}
    #header .h-t{
		width: 5%;
		display: block;
		position: absolute;
        right: -10px;
        bottom: -10px;
	}
	#header img{
		display: block;
	}
	
	/*read-block*/
	#read{
		width: 100%;
		position: relative;
	}
	#read p{
		font-size: 17px;
        margin: 3% auto;
        text-align: center;
        line-height: 2em;
	}
    
    /*item-wide*/
    .item-wide{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
    }
    .item-wide .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-wide .item-wide-bg02{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        left: 10%;
    }
    .item-wide .item-wide-bg03{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        right: 10%;
    }
    .item-wide .item-wide-t-l{
        width: 5%;
        position: absolute;
        left: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-wide .item-wide-t-r{
        width: 5%;
        position: absolute;
        right: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-photo{
        width: 50%;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .item-photo a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data{
        width: 50%;
        position: relative;
        z-index: 2;
    }
    .item-data .item-name01{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data .item-name02{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name li{
        width: 80%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data .item-main-name li:last-child{
        font-size: 30px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data .txt{
        width: 80%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data .price{
        width: 80%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .price span{
        font-size: 12px;
    }
    .item-data .day{
        width: 80%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    /*item-mid*/
    .item-mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-02bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .item-mid .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-mid .item-wide-bg02{
        width: 90%;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-70%); /* Safari用 */
        transform: translateY(-70%);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .item-mid .item-wide-t-t{
        width: 10%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t02{
        width: 15%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t03{
        width: 20%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-photo02{
        width: 100%;
        position: relative;
        z-index: 2;
        background: #fff;
        margin: 0 0 3% 0;
    }
    .item-photo02 a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo02 a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data02{
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .item-data02 .item-name01{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-name02{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data02 .item-main-name li:last-child{
        font-size: 25px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data02 .item-main-name02{
        width: 100%;
        clear: both;
        margin: 0 0 2% 0;
    }
    .item-data02 .item-main-name02 li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name02 li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
    }
    .item-data02 .item-main-name02 li:last-child{
        font-size: 21px;
        color: #fff;
        line-height: 1.5em;
        letter-spacing: 1px;
    }
    .item-data02 .txt{
        width: 90%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data02 .price{
        width: 90%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .price span{
        font-size: 12px;
    }
    .item-data02 .day{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data02 .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data02 .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .item-data02 .day02{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data02 .day02 li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data02 .day02 li:first-child{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    .item-data02 .day02 li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    
    /*cart01*/
    .cart-box01{
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box01 li {
        width: 48%;
    }
    .cart-box01 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box01 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart02*/
    .cart-box02{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box02 li {
        width: 48%;
    }
    .cart-box02 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box02 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart03*/
    .cart-box03{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box03 li {
        width: 100%;
    }
    .cart-box03 li:first-child{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .cart-box03 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box03 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*col02*/
    .col02{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col02 .card{
        width: 48%;
    }
    
    /*col03*/
    .col03{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col03 .card{
        width: 31%;
        margin: 0 0 2% 0;
    }
    
    /*col04*/
    .col04{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col04 .card{
        width: 23%;
        margin: 0 0 2% 0;
    }
	
}

/*//////////////////////////////// for pc ////////////////////////////////*/
@media (min-width: 1281px) and (max-width: 1920px) {
	#contents > .columnWrap {
		*zoom: 1;
		width: 1188px;
		margin: 0 auto 0 auto;
	}
	.sp-on{
		display: none!important;
	}
	/*nav*/
	#featureFixedNavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		width: 1188px;
		margin: 0 auto;
	}
	#featureFixedNavi ul {
		overflow: hidden;
		*zoom: 1;
		background: rgba(170,0,0,0.8);
		padding: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#featureFixedNavi ul li {
		width: 50%;
		text-align: center;
	}
	#featureFixedNavi ul li a {
		font-size: 10px;
		letter-spacing: 1px;
		text-decoration: none;
		padding: 2% 0;
		display: block;
		color: #fff;
		transition: 0.3s;
		line-height: 1.5em;
		font-size: 14px;
	}
	#featureFixedNavi ul li a:hover {
		background: #fff;
		color: #aa0000;
		transition: 0.3s;
		border-radius: 5px;
	}
	#featureFixedNavi ul li a p{
		text-align: center;
	}
	#header{
		width: 100%;
		display: block;
		position: relative;
	}
    #header .h-t{
		width: 5%;
		display: block;
		position: absolute;
        right: -10px;
        bottom: -10px;
	}
	#header img{
		display: block;
	}
	
	/*read-block*/
	#read{
		width: 100%;
		position: relative;
	}
	#read p{
		font-size: 17px;
        margin: 3% auto;
        text-align: center;
        line-height: 2em;
	}
    
    /*item-wide*/
    .item-wide{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
    }
    .item-wide .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-wide .item-wide-bg02{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        left: 10%;
    }
    .item-wide .item-wide-bg03{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        right: 10%;
    }
    .item-wide .item-wide-t-l{
        width: 5%;
        position: absolute;
        left: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-wide .item-wide-t-r{
        width: 5%;
        position: absolute;
        right: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-photo{
        width: 50%;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .item-photo a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data{
        width: 50%;
        position: relative;
        z-index: 2;
    }
    .item-data .item-name01{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data .item-name02{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name li{
        width: 80%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data .item-main-name li:last-child{
        font-size: 30px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data .txt{
        width: 80%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data .price{
        width: 80%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .price span{
        font-size: 12px;
    }
    .item-data .day{
        width: 80%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    /*item-mid*/
    .item-mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-02bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .item-mid .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-mid .item-wide-bg02{
        width: 90%;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-70%); /* Safari用 */
        transform: translateY(-70%);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .item-mid .item-wide-t-t{
        width: 10%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t02{
        width: 15%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t03{
        width: 20%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-photo02{
        width: 100%;
        position: relative;
        z-index: 2;
        background: #fff;
        margin: 0 0 3% 0;
    }
    .item-photo02 a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo02 a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data02{
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .item-data02 .item-name01{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-name02{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data02 .item-main-name li:last-child{
        font-size: 25px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data02 .item-main-name02{
        width: 100%;
        clear: both;
        margin: 0 0 2% 0;
    }
    .item-data02 .item-main-name02 li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name02 li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
    }
    .item-data02 .item-main-name02 li:last-child{
        font-size: 21px;
        color: #fff;
        line-height: 1.5em;
        letter-spacing: 1px;
    }
    .item-data02 .txt{
        width: 90%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data02 .price{
        width: 90%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .price span{
        font-size: 12px;
    }
    .item-data02 .day{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data02 .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data02 .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .item-data02 .day02{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data02 .day02 li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data02 .day02 li:first-child{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    .item-data02 .day02 li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    
    /*cart01*/
    .cart-box01{
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box01 li {
        width: 48%;
    }
    .cart-box01 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box01 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart02*/
    .cart-box02{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box02 li {
        width: 48%;
    }
    .cart-box02 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box02 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart03*/
    .cart-box03{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box03 li {
        width: 100%;
    }
    .cart-box03 li:first-child{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .cart-box03 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box03 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*col02*/
    .col02{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col02 .card{
        width: 48%;
    }
    
    /*col03*/
    .col03{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col03 .card{
        width: 31%;
        margin: 0 0 2% 0;
    }
    
    /*col04*/
    .col04{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col04 .card{
        width: 23%;
        margin: 0 0 2% 0;
    }
	
	
	
}

/*//////////////////////////////// for notepc ////////////////////////////*/
@media (min-width: 981px) and (max-width: 1280px) {
	#contents > .columnWrap {
		*zoom: 1;
		width: 1188px;
		margin: 0 auto 0 auto;
	}
	.sp-on{
		display: none!important;
	}
	/*nav*/
	#featureFixedNavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		width: 1188px;
		margin: 0 auto;
	}
	#featureFixedNavi ul {
		overflow: hidden;
		*zoom: 1;
		background: rgba(170,0,0,0.8);
		padding: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#featureFixedNavi ul li {
		width: 50%;
		text-align: center;
	}
	#featureFixedNavi ul li a {
		font-size: 10px;
		letter-spacing: 1px;
		text-decoration: none;
		padding: 2% 0;
		display: block;
		color: #fff;
		transition: 0.3s;
		line-height: 1.5em;
		font-size: 14px;
	}
	#featureFixedNavi ul li a:hover {
		background: #fff;
		color: #aa0000;
		transition: 0.3s;
		border-radius: 5px;
	}
	#featureFixedNavi ul li a p{
		text-align: center;
	}
	#header{
		width: 100%;
		display: block;
		position: relative;
	}
    #header .h-t{
		width: 5%;
		display: block;
		position: absolute;
        right: -10px;
        bottom: -10px;
	}
	#header img{
		display: block;
	}
	
	/*read-block*/
	#read{
		width: 100%;
		position: relative;
	}
	#read p{
		font-size: 17px;
        margin: 3% auto;
        text-align: center;
        line-height: 2em;
	}
    
    /*item-wide*/
    .item-wide{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
    }
    .item-wide .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-wide .item-wide-bg02{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        left: 10%;
    }
    .item-wide .item-wide-bg03{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        right: 10%;
    }
    .item-wide .item-wide-t-l{
        width: 5%;
        position: absolute;
        left: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-wide .item-wide-t-r{
        width: 5%;
        position: absolute;
        right: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-photo{
        width: 50%;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .item-photo a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data{
        width: 50%;
        position: relative;
        z-index: 2;
    }
    .item-data .item-name01{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data .item-name02{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name li{
        width: 80%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data .item-main-name li:last-child{
        font-size: 30px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data .txt{
        width: 80%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data .price{
        width: 80%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .price span{
        font-size: 12px;
    }
    .item-data .day{
        width: 80%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    /*item-mid*/
    .item-mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-02bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .item-mid .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-mid .item-wide-bg02{
        width: 90%;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-70%); /* Safari用 */
        transform: translateY(-70%);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .item-mid .item-wide-t-t{
        width: 10%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t02{
        width: 15%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t03{
        width: 20%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-photo02{
        width: 100%;
        position: relative;
        z-index: 2;
        background: #fff;
        margin: 0 0 3% 0;
    }
    .item-photo02 a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo02 a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data02{
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .item-data02 .item-name01{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-name02{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data02 .item-main-name li:last-child{
        font-size: 25px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data02 .item-main-name02{
        width: 100%;
        clear: both;
        margin: 0 0 2% 0;
    }
    .item-data02 .item-main-name02 li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name02 li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
    }
    .item-data02 .item-main-name02 li:last-child{
        font-size: 21px;
        color: #fff;
        line-height: 1.5em;
        letter-spacing: 1px;
    }
    .item-data02 .txt{
        width: 90%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data02 .price{
        width: 90%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .price span{
        font-size: 12px;
    }
    .item-data02 .day{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data02 .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data02 .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .item-data02 .day02{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data02 .day02 li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data02 .day02 li:first-child{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    .item-data02 .day02 li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    
    /*cart01*/
    .cart-box01{
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box01 li {
        width: 48%;
    }
    .cart-box01 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box01 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart02*/
    .cart-box02{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box02 li {
        width: 48%;
    }
    .cart-box02 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box02 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart03*/
    .cart-box03{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box03 li {
        width: 100%;
    }
    .cart-box03 li:first-child{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .cart-box03 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box03 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*col02*/
    .col02{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col02 .card{
        width: 48%;
    }
    
    /*col03*/
    .col03{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col03 .card{
        width: 31%;
        margin: 0 0 2% 0;
    }
    
    /*col04*/
    .col04{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col04 .card{
        width: 23%;
        margin: 0 0 2% 0;
    }
	
}

/*//////////////////////////////// for ipad //////////////////////////////*/
@media (min-width: 767px) and (max-width: 980px) {
	.sp-on{
		display: none !important;
	}
	#contents > .columnWrap {
		*zoom: 1;
		width: 100%!important;
		margin: 0 auto 0 auto;
	}
	/*nav*/
	#featureFixedNavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		width: 1188px;
		margin: 0 auto;
	}
	#featureFixedNavi ul {
		overflow: hidden;
		*zoom: 1;
		background: rgba(170,0,0,0.8);
		padding: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#featureFixedNavi ul li {
		width: 50%;
		text-align: center;
	}
	#featureFixedNavi ul li a {
		font-size: 10px;
		letter-spacing: 1px;
		text-decoration: none;
		padding: 2% 0;
		display: block;
		color: #fff;
		transition: 0.3s;
		line-height: 1.5em;
		font-size: 14px;
	}
	#featureFixedNavi ul li a:hover {
		background: #fff;
		color: #aa0000;
		transition: 0.3s;
		border-radius: 5px;
	}
	#featureFixedNavi ul li a p{
		text-align: center;
	}
	#header{
		width: 100%;
		display: block;
		position: relative;
	}
    #header .h-t{
		width: 5%;
		display: block;
		position: absolute;
        right: -10px;
        bottom: -10px;
	}
	#header img{
		display: block;
	}
	
	/*read-block*/
	#read{
		width: 100%;
		position: relative;
	}
	#read p{
		font-size: 17px;
        margin: 3% auto;
        text-align: center;
        line-height: 2em;
	}
    
    /*item-wide*/
    .item-wide{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
    }
    .item-wide .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-wide .item-wide-bg02{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        left: 10%;
    }
    .item-wide .item-wide-bg03{
        width: 35%;
        position: absolute;
        top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
        right: 10%;
    }
    .item-wide .item-wide-t-l{
        width: 5%;
        position: absolute;
        left: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-wide .item-wide-t-r{
        width: 5%;
        position: absolute;
        right: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-photo{
        width: 50%;
        position: relative;
        z-index: 2;
        background: #fff;
    }
    .item-photo a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data{
        width: 50%;
        position: relative;
        z-index: 2;
    }
    .item-data .item-name01{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data .item-name02{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name li{
        width: 80%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data .item-main-name li:last-child{
        font-size: 30px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data .txt{
        width: 80%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data .price{
        width: 80%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .price span{
        font-size: 12px;
    }
    .item-data .day{
        width: 80%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    /*item-mid*/
    .item-mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-02bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .item-mid .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-mid .item-wide-bg02{
        width: 90%;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-70%); /* Safari用 */
        transform: translateY(-70%);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .item-mid .item-wide-t-t{
        width: 10%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t02{
        width: 15%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-mid .item-wide-t-t03{
        width: 20%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;
    }
    .item-photo02{
        width: 100%;
        position: relative;
        z-index: 2;
        background: #fff;
        margin: 0 0 3% 0;
    }
    .item-photo02 a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo02 a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data02{
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .item-data02 .item-name01{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-name02{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name02 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: left;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name li:first-child{
        font-size: 18px;
        color: #fff;
        letter-spacing: 3px;
        padding: 3% 0 0 0;
    }
    .item-data02 .item-main-name li:last-child{
        font-size: 25px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 2% 0;
    }
    .item-data02 .item-main-name02{
        width: 100%;
        clear: both;
        margin: 0 0 2% 0;
    }
    .item-data02 .item-main-name02 li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name02 li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
    }
    .item-data02 .item-main-name02 li:last-child{
        font-size: 21px;
        color: #fff;
        line-height: 1.5em;
        letter-spacing: 1px;
    }
    .item-data02 .txt{
        width: 90%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data02 .price{
        width: 90%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .price span{
        font-size: 12px;
    }
    .item-data02 .day{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
        display: flex;
        justify-content: space-between;
    }
    .item-data02 .day li{
        display: flex;
        align-items: center;
        width: 50%;
    }
    .item-data02 .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .item-data02 .day02{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data02 .day02 li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data02 .day02 li:first-child{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    .item-data02 .day02 li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    
    /*cart01*/
    .cart-box01{
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box01 li {
        width: 48%;
    }
    .cart-box01 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box01 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart02*/
    .cart-box02{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box02 li {
        width: 48%;
    }
    .cart-box02 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box02 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart03*/
    .cart-box03{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box03 li {
        width: 100%;
    }
    .cart-box03 li:first-child{
        width: 100%;
        margin: 0 0 3% 0;
    }
    .cart-box03 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 5% 0;
        letter-spacing: 3px;
        transition: .3s;
    }
    .cart-box03 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*col02*/
    .col02{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col02 .card{
        width: 48%;
    }
    
    /*col03*/
    .col03{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col03 .card{
        width: 31%;
        margin: 0 0 2% 0;
    }
    
    /*col04*/
    .col04{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .col04 .card{
        width: 23%;
        margin: 0 0 2% 0;
    }
	
	
	
}

/*//////////////////////////////// for iphone ////////////////////////////*/
@media (min-width:0px) and ( max-width:766px) {
	.pc-on{
		display: none !important;
	}
	#contents > .columnWrap {
		*zoom: 1;
		width: 100%!important;
		margin: 0 auto 0 auto;
	}
	/*nav*/
	#featureFixedNavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		width: 1188px;
		margin: 0 auto;
	}
	#featureFixedNavi ul {
		overflow: hidden;
		*zoom: 1;
		background: rgba(170,0,0,0.8);
		padding: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#featureFixedNavi ul li {
		width: 50%;
		text-align: center;
	}
	#featureFixedNavi ul li a {
		font-size: 10px;
		letter-spacing: 1px;
		text-decoration: none;
		padding: 2% 0;
		display: block;
		color: #fff;
		transition: 0.3s;
		line-height: 1.5em;
		font-size: 14px;
	}
	#featureFixedNavi ul li a:hover {
		background: #fff;
		color: #aa0000;
		transition: 0.3s;
		border-radius: 5px;
	}
	#featureFixedNavi ul li a p{
		text-align: center;
	}
	#header{
		width: 100%;
		display: block;
		position: relative;
	}
    #header .h-t{
		/*width: 5%;
		display: block;
		position: absolute;
        right: -10px;
        bottom: -10px;*/
        display: none;
	}
	#header img{
		display: block;
	}
	
	/*read-block*/
	#read{
		width: 100%;
		position: relative;
	}
	#read p{
		font-size: 14px;
        margin: 5% auto;
        line-height: 2em;
        width: 90%;
	}
    
    /*item-wide*/
    .item-wide{
        width: 95%;
        position: relative;
        background: url("../img/item-bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 auto 5% auto;
        padding: 0 0 5% 0;
        overflow: hidden;
    }
    .item-wide .item-wide-bg01{
        width: 250%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-wide .item-wide-bg02{
        width: 90%;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-70%); /* Safari用 */
        transform: translateY(-70%);
        left: 0;
        right: 0;
    }
    .item-wide .item-wide-bg03{
        display: none;
    }
    .item-wide .item-wide-t-l{
        width: 5%;
        position: absolute;
        left: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-wide .item-wide-t-r{
        width: 5%;
        position: absolute;
        right: -10px;
        bottom: -10px;
        z-index: 3;
    }
    .item-photo{
        width: 100%;
        position: relative;
        z-index: 2;
        background: #fff;
        margin: 0 0 5% 0;
    }
    .item-photo a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data{
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .item-data .item-name01{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name01 img{
        display: block;
        height: 40px;
        width: auto;
        text-align: center;
        margin: 0 auto 5% auto;
    }
    .item-data .item-name02{
        width: 80%;
        margin: 0 auto;
    }
    .item-data .item-name02 img{
        display: block;
        height: 40px;
        width: auto;
        margin: 0 auto 5% auto;
    }
    .item-data .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data .item-main-name li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .item-main-name li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
        padding: 5% 0 0 0;
    }
    .item-data .item-main-name li:last-child{
        font-size: 20px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 5% 0;
    }
    .item-data .txt{
        width: 90%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data .price{
        width: 90%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data .price span{
        font-size: 12px;
    }
    .item-data .day{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data .day li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data .day li:first-child{
        border-bottom: 1px solid #000;
    }
    .item-data .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    /*item-mid*/
    .item-mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background: url("../img/item-02bg01.jpg") repeat;
        background-size: 8%;
        margin: 0 0 5% 0;
        padding: 0 0 5% 0;
    }
    .item-mid .item-wide-bg01{
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .item-mid .item-wide-bg02{
        width: 90%;
        position: absolute;
        top: 70%;
        -webkit-transform: translateY(-70%); /* Safari用 */
        transform: translateY(-70%);
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .item-mid .item-wide-t-t{
        /*width: 10%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;*/
        display: none;
    }
    .item-mid .item-wide-t-t02{
        /*width: 15%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;*/
        display: none;
    }
    .item-mid .item-wide-t-t03{
        /*width: 20%;
        position: absolute;
        right: -10px;
        top: -10px;
        z-index: 3;*/
        display: none;
    }
    .item-photo02{
        width: 100%;
        position: relative;
        z-index: 2;
        background: #fff;
        margin: 0 0 5% 0;
    }
    .item-photo02 a{
        width: 100%;
        display: block;
        opacity: 1;
        transition: .3s;
    }
    .item-photo02 a:hover{
        opacity: .7;
        transition: .3s;
    }
    .item-data02{
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .item-data02 .item-name01{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name01 img{
        display: inline-block;
        height: 50px;
        width: auto;
        float: right;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-name02{
        width: 90%;
        margin: 0 auto;
    }
    .item-data02 .item-name02 img{
        display: block;
        height: 40px;
        width: auto;
        margin: 0 auto 5% auto;
    }
    .item-data02 .item-main-name{
        width: 100%;
        background: #000;
        clear: both;
        margin: 0 0 5% 0;
    }
    .item-data02 .item-main-name li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 3px;
        padding: 5% 0 0 0;
    }
    .item-data02 .item-main-name li:last-child{
        font-size: 20px;
        color: #AA761E;
        line-height: 1.5em;
        letter-spacing: 2px;
        padding: 0 0 5% 0;
    }
    .item-data02 .item-main-name02{
        width: 100%;
        clear: both;
        margin: 0 0 2% 0;
    }
    .item-data02 .item-main-name02 li{
        width: 90%;
        margin: 0 auto;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .item-main-name02 li:first-child{
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
    }
    .item-data02 .item-main-name02 li:last-child{
        font-size: 20px;
        color: #fff;
        line-height: 1.5em;
        letter-spacing: 1px;
    }
    .item-data02 .txt{
        width: 90%;
        margin: 0 auto 5% auto;
        font-size: 14px;
        line-height: 1.8em;
        text-align: justify;
        color: #fff;
        letter-spacing: 1px;
    }
    .item-data02 .price{
        width: 90%;
        margin: 0 auto;
        font-size: 25px;
        line-height: 1.8em;
        text-align: right;
        color: #fff;
        letter-spacing: 1px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .item-data02 .price span{
        font-size: 12px;
    }
    .item-data02 .day{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data02 .day li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data02 .day li:first-child{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    .item-data02 .day li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    .item-data02 .day02{
        width: 90%;
        background: #fff;
        margin: 0 auto 5% auto;
    }
    .item-data02 .day02 li{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .item-data02 .day02 li:first-child{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    .item-data02 .day02 li .icon{
        background: #000;
        color: #fff;
        padding: 5px 10px;
        font-size: 12px;
        margin: 0 10px 0 0;
    }
    
    /*cart01*/
    .cart-box01{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box01 li {
        width: 48%;
    }
    .cart-box01 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 7% 0;
        letter-spacing: 2px;
        transition: .3s;
    }
    .cart-box01 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart02*/
    .cart-box02{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box02 li {
        width: 48%;
    }
    .cart-box02 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 7% 0;
        letter-spacing: 2px;
        transition: .3s;
    }
    .cart-box02 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*cart03*/
    .cart-box03{
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .cart-box03 li {
        width: 48%;
    }
    .cart-box03 li a {
        width: 100%;
        display: block;
        border: 1px solid #AA761E;
        background: #AA761E;
        color: #fff;
        text-align: center;
        font-size: 14px;
        padding: 7% 0;
        letter-spacing: 2px;
        transition: .3s;
    }
    .cart-box03 li a:hover {
        border: 1px solid #AA761E;
        background: #fff;
        color: #AA761E;
        transition: .3s;
    }
    
    /*col02*/
    .col02{
        width: 95%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .col02 .card{
        width: 100%;
    }
    
    /*col03*/
    .col03{
        width: 95%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .col03 .card{
        width: 100%;
    }
    
    /*col04*/
    .col04{
        width: 95%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .col04 .card{
        width: 100%;
        margin: 0 0 2% 0;
    }
	
	
}