@charset "utf-8";
/* CSS Document */


* {
margin:0;padding:0;border:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


body {
	font-family:  "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",Osaka,sans-serif,arial,verdana;
	font-size:80%;
	background-color:#930000;
	text-align:center;
	position:relative;
	line-height:1.2em;
}

a {
	color: #3333cc;
	text-decoration: none;
	cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}


.bg_white {
	background-color:#efefef;
	margin:0 auto;
	padding:1em 0 ;
	}

#contents {
	max-width:940px;
	margin:0 auto;
}

#contents img {
	width:100%;
	vertical-align:top;
}


#goods h2.hot_title {
	margin:0;
	padding:0.5em 0.5em 0.2em;
	font-size:2.2em;
	line-height:1.4em;
	color:#0B3C5D;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background-color:#efefef;
	border-bottom:3px #0B3C5D solid;
}


#goods h3 {
	font-size:2.0em;
	color:#444;
	margin: 0 0 0.5em 0;
	}

box_1 , .box_2 , .box_3, .box_4, .box_5 {
	padding:0 1em;
	letter-spacing: -.40em;
	text-align:center;
}

#goods .item {
	background-color:#ffffff;
	padding:1% 1% 2% 1%;
	margin:0;
	text-align:center;
	font-size:1.0em;
	line-height:1.6em;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	border:1px #cccccc solid;
}

#goods .box_1 .item {
	margin:0 0 3% 0;
	width:93%;
}

#goods .box_2 .item {
	margin:0 0 3% 0;
	width:45%;
}

#goods .box_2 .item:nth-child(odd) {
	margin:0 5% 3% 0;
	}

#goods .box_3 .item {
	margin:0 3% 3% 0;
	width:30%;
}

#goods .box_3 .item:nth-child(3), .box_3 .item:nth-child(6) , .box_3 .item:nth-child(9) {
	margin:0 0 3% 0;
	}

#goods .box_4 .item {
	margin:0 2% 3% 0;
	width:22%;
}

#goods .box_4 .item:nth-child(4),.box_3 .item:nth-child(8).box_3 .item:nth-child(12) {
	margin:0 0 3% 0;
	}

#goods .box_5 .item {
	margin:0 1% 3% 0;
	width:18%;
}

#goods .box_5 .item:nth-child(5),.box_3 .item:nth-child(10).box_3 .item:nth-child(15) {
	margin:0 0 3% 0;
	}



	
/*---------------------------
 
---------------------------*/

#goods .item .cap { padding:0.5em 0 0.2em; font-size:1.3em; color:#666; border-bottom: 1px #999999 solid;}
#goods .item .name { padding:0.5em 0;}
#goods .box_1 .item .name { font-size:1.8em; line-height:1.8em;}
#goods .box_2 .item .name { font-size:1.6em; line-height:1.6em;}
#goods .box_3 .item .name { font-size:1.2em; line-height:1.4em;}
#goods .box_4 .item .name { font-size:1.0em; line-height:1.2em;}
#goods .box_5 .item .name { font-size:1.0em; line-height:1.2em;}
#goods .item .price { color:#e70000; margin: 0 0 0 0; vertical-align: top;}
#goods .box_1 .item .price { font-size:2.8em; line-height:2.6em;}
#goods .box_2 .item .price { font-size:1.2em; line-height:3.0em; font-weight: bold;}
#goods .box_3 .item .price { font-size:1.7em; line-height:1.6em; font-weight: bold;}
#goods .box_4 .item .price { font-size:1.4em; line-height:1.4em;}
#goods .box_5 .item .price { font-size:1.2em; line-height:1.2em;}
#goods .item .icon {}


#goods .box_2 .item .price span { font-size:2.2em; line-height:0.9em;}
#goods .box_3 .item .price span { font-size:1.8em; line-height:1.2em;}

.itemre:empty, .itemst:empty, .itemdlv:empty {
	border:0 !important;
}

.itemre {
    font-size: 1.0em;
	font-weight:normal;
}

.itemst {
    border: 1px solid #03689A;
    color: #03689A;
    font-weight: normal;
    display: inline-block;
    font-size: 1.0em;
    text-align: center;
    line-height: 1.3 !important;
    background: #FFF none repeat scroll 0% 0%;
    padding: 0.2em 0.1em;
}

.itemdlv {
    font-size: 1.0em;
	margin:0 0 0 5px;
	font-weight:normal;
	color:#FF0000;
}
/* ポイント還元 */
.pointReduction {
    border: 2px solid #e70000;
    color: #e70000;
    font-weight: normal;
    display: inline-block;
    font-size: 1.0em;
    text-align: center;
    line-height: 1.3 !important;
    background: #FFFFFF none repeat scroll 0% 0%;
    padding: 0.5em 0.95em;
    margin: 0 auto 0.5em auto;
    border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
}
.pointReduction span {
    font-size: 1.3em;
}




/* カテゴリー */

#goods ul.cateList {
	letter-spacing: -.40em;
	margin:0 auto;
	width:740px;
}

#goods ul.cateList li {
	background-color:#ffffff;
	letter-spacing: normal;
	display: inline-block; 
	*display: inline; 
	*zoom: 1;
	height:130px;
	width:130px;
	padding:0;
	margin:0 10px 10px 0;
	border:2px #dfdcd0 solid;
	border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
	vertical-align:top;
	position:relative;
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: center 20%;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;
}

#goods ul.cateList li:hover {
	background-color:#ffd1d6;
	border:2px #fb4b60 solid;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;
}


#goods ul.cateList li.Lilast {
	margin:0 0 10px 0;
}

#goods ul.cateList li a {
	display:block;
	width:100%;
	height:100%;
	color:#fb4b60;
}

#goods ul.cateList li a span {
	vertical-align:bottom;
	position:absolute;
	bottom:10%;
	left:0;
	display:block;
	width:100%;
	text-align:center;
	font-size:0.75em;
}


/* 特集 */

#goods ul.tokuList {
	letter-spacing: -.40em;
	margin:0 auto;
	text-align:center;
}

#goods ul.tokuList li {
	letter-spacing: normal;
	display: inline-block; 
	*display: inline; 
	*zoom: 1;
	width:29%;
	padding:0;
	margin:0 2% 2% 2%;
	vertical-align:top;
}


/* -------------共通レイアウト（商品見出し）------------- */
#goods .exp {
	padding:0.7em 0;
	font-size:1.4em;
	font-weight:bold;
	border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;

}

#col_ad01 .exp{
	background-color:#e81717;
	color:#ffffff;
}
#col_01 .exp{
	background-color:#eb6900;
	color:#FFFFFF;
}
#col_02 .exp{
	background-color:#d50d5d;
	color:#FFFFFF;
}
#col_03 .exp{
	background-color:#007cc3;
	color:#FFFFFF;
}
#col_03 .exp span{
	font-size:0.8em;
	display:block;
}

#col_04 .exp{
	color:#FFFFFF;
	background-color:#387600;
}
#col_04 .exp span{
	font-size:1.2em;
}
#col_05 .exp{
	background-color:#c80034;
	color:#FFFFFF;
}
#col_06 .exp{
	background-color:#c99c00;
	color:#FFFFFF;
}


.ybnr { width:70%; margin:0 auto;}


/* フォント */

.ttlh1_text { padding:1em 0; background-color:#FFFFFF; font-size:1.8em;}

.fs_red { color:#e81717;}
.fs_bold { font-weight:bold;}
.fs_18 { font-size:1.8em;}
.fs_09 { font-size:0.9em;}

.mr3px { margin-right:3px;}

.ybr { display:none;}


/* -------------共通レイアウト（キャッチコピー）------------- */
#goods .catch {
	background-color:#EFEFEF;
	color:#333333;
	border-color:#EFEFEF;
	font-size:0.95em;
	font-weight:bold;
	text-align:left;
	font-weight:normal;
}
/* -------------リンクボタン------------- */

#pagetop a {
    display: block;
    position: fixed;
    width: 80px;
    height: 80px;
    padding: 10px 0px;
    right: 30px;
    bottom: 30px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:3.0em;
    line-height: 1.2em;
    background-color: #C00;
    color: #FFF;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}

#pagetop a:hover {
	background-color:#FF3333;
}

#pagetop a span {
    font-size:0.35em;
    line-height:0.35em;
	display:block;
}


/* --------------------------
     追従メニュー
-------------------------- */

/* header */
#top-head {
	display:none;
    line-height: 1.2;
    z-index: 999;
	width:100%;
}

#top-head .inner {
    max-width: 940px;
    margin: 0 auto;
	position: relative;
}

#top-head .inner:after {
    content: "";
    clear: both;
    display: block;
}

#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}

#top-head .logo {
    float: left;
	width:13%;
}

#top-head img.logoimg {
	width:100%;
	vertical-align:middle;

}
#top-head img.menuimg {
	width:100%;
	vertical-align:middle;
}

#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
	width:87%;
}
#global-nav ul li {
    float: left;
	width: 15%;
    margin: 0 0 0 1.5%;
}
 
/* Fixed */

#top-head.fixed .inner {
	padding:10px 0 0;
}

#top-head.fixed {
	display:block;
    margin-top: 0;
    top: 0;
    position: fixed;
    padding: 0;
    height: 84px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	padding:0;
}
#top-head.fixed #global-nav {
	margin:0;
}

#global-nav ul li a ,#top-head .logo a {
	display:block;
	background: rgba(195,32,32,0.2);
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#global-nav ul li a:hover , #top-head .logo a:hover  {
	background: rgba(255,213,0,.7);
}


/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #FFF;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}





/*--------------------------------------------PC用--------------------------------------------*/

@media(min-width:940px) {

#contents {
	padding:30px 0 0 0;
}

}

@media(max-width:940px) {
#navihead {
	display:none;
	}

#contents {
	width:100%;
	padding:0 0 0 0;
}

#goods ul.cateList {
	width:100%;
}

#goods ul.cateList li.Lilast {
	margin:0 10px 10px 0;
}

.nobr { display:none;}
.ybr { display:inline;}

}

/*--------------------------------------------スマホ用--------------------------------------------*/
@media(max-width:640px) {


/* --------------------------
     追従メニュー
-------------------------- */


#top-head.fixed .inner {
	padding:0 0 0;
}

#global-nav ul li a ,#top-head .logo a {
	display:block;
	background: rgba(255,213,0,1);
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#global-nav ul li a:hover , #top-head .logo a:hover  {
	background: rgba(195,32,32,1);
}

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #333;
        background: rgba(60,60,60,.8);
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        background: rgba(60,60,60,.8);
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
		width:100%;
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
        letter-spacing: -.40em;
		text-align:center;
    }
    #global-nav ul li {
        float: none;
        position: static;
        letter-spacing: normal;
        display: inline-block;
        *display: inline;
        *zoom: 1;
		width:30%;
		margin:0 1% 1% 1%;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }



#contents {
	width:100%;
	padding:0 0 0 0;
}

#cam_head .cam .text{
	height:auto;
	font-weight: normal;
	}



#goods .item .cap { display:none;}
#goods .item .name { padding:0.2em 0;}
#goods .box_1 .item .name ,#goods .box_2 .item .name,#goods .box_3 .item .name { font-size:1.2em;}
#goods .box_4 .item .name ,#goods .box_5 .item .name { font-size:1.0em;}
#goods .item .price { color:#C00; margin: 0 0 0.2em 0;}
#goods .box_1 .item .price ,#goods .box_2 .item .price,#goods .box_3 .item .price{ font-size:1.4em;}
#goods .box_4 .item .price,#goods .box_5 .item .price { font-size:1.3em;}
#goods .item .icon {}

#goods .box_2 .item .photo, #goods .box_3 .item .photo { float:left; width:45%;}
#goods .box_2 .item .name,#goods .box_3 .item .name { float:left; width:55%; padding:3% 0 3% 5%;}
#goods .box_2 .item .price,#goods .box_3 .item .price { float:left; width:55%; padding:0 0 0 5%;}
#goods .box_2 .item .icon ,#goods .box_3 .item .icon { float:left; width:55%; padding:0 0 0 5%;}


#goods .box_2 .item .price span , #goods .box_3 .item .price span { font-size:1em; line-height:0.9em;}

/* ポイント還元 */
.pointReduction {
    display: inline-block;
    width: 95%;
}

.itemst {
    font-weight: normal;
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.3 !important;
    padding: 0.1em 0;
}

.itemdlv {
    font-size: 0.8em;
	margin:0 0 0 5px;
}


#goods h3 {
	font-size:1.4em;
	margin: 0 0 0.5em 0;
	}

#goods .catebtn a {
	width:90%;
}

/* タイムセール */

#goods #col_04 .item .saleend span {
	font-size:1.2em;
}


/* font */

#goods .exp {
	padding:0.3em 0 ;
	font-size:1.0em;
	font-weight: normal;
	line-height:1.2em;
}

.ttlh1_text { font-size:1.2em;}

#pagetop a {
    display: block;
    position: fixed;
    width: 50px;
    height: 50px;
    padding: 10px 0px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size:1.6em;
    line-height: 1.0em;
    background-color: #C00;
    color: #FFF;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}

#pagetop a:hover {
	background-color:#FF3333;
}

#pagetop a span {
    font-size:0.5em;
    line-height:0.5em;
	display:block;
}
/* 注意書き */

.attention {
    width: 94%;
}

/* 特集 */

#goods ul.tokuList {
}

#goods ul.tokuList li {
	width:46%;
	padding:0;
	margin:0 2% 2% 2%;
	vertical-align:top;
}


.ybnr { width:92%; margin:0 auto;}
 
}

@media(max-width:429px) {

/* クーポン */

#goods #col_03 .item .coupon_waku {
	background-image:url(../img/couponwaku_sp.png);
}

#goods #col_03 .item .cou_kigen span {
	font-size:1.0em;
	padding:0.5em 1em 0.3em; 
}

#goods #col_03 .item .cou_kakaku {
	top:32%;
	left:0;
	font-size:1.5em;
}

}