@charset "UTF-8";

/*=================================================================================
	default
=================================================================================*/
body {
	margin:0;
	padding:0;
    font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body {
     margin:0;
     padding:0;
     font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
     font-weight: normal;
}
}
#sp, #sp #inner, #sp .pr, #sp .content, .content-sss, .content2, .content-week, #sp .area, #sp.item, #sp .product, #sp .info {
	overflow:hidden;
	_zoom:1;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}
.clearfix { display: inline-table; }


/*=================================================================================
	main contents
=================================================================================*/

/********** 共通 **********/

#sp /* 全体の幅 */ {
	width:750px;
	margin-bottom:10px;
}
#sp #inner /* 全体の上下左右に余白のあるデザインではない時には使わない */ {
	width:750px;
	margin:0;
}
#sp .sns {
    background: #000;
    height: 26px;
    padding:  5px 20px 0 0;
    text-align: right;
    width: 730px;
}

#sp .pr /* 特集のメイン画像エリア */ {
    background: #350d0e url(img/head.jpg) 0 0 no-repeat;
	width:750px;
	height:440px;
	margin: 0;
}
#sp .pr .mob_header /* 特集のメイン画像エリア */ {
    display: none;
}
#sp .pr h1,#sp .pr .catch {
    text-indent: -9999px;
}
#sp .pr h1,#sp .pr .catch_mob {
    display: none;
}
#sp .pr .category {
    height: 116px;
    margin: 305px auto 0;
    padding: 0;
    width: 655px;
}
#sp .pr .category .ca_btn:link {
    background: #ffc25d;
    -moz-box-shadow: 2px 2px 0px #ba7e1c;/* Firefox用 */
    -webkit-box-shadow: 2px 2px 0px #ba7e1c;/* Safari,Google Chrome用 */
    border-radius: 10px;
    color: #350d0e;
    float: left;
    height: 46px;
    line-height: 46px;
    margin: 0 0 10px 15px;
    text-align: center;
    width: 145px;
}

#sp .product {
    background: #360d0e url(img/choco_bg.jpg) 0 bottom no-repeat;
    display: block;
    height: 480px;
    width: 750px;
}
#sp .product h2.ribbon {
    background: url(img/ribbon.jpg) 0 0 no-repeat;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    height: 49px;
    padding: 8px 0 0 0;
    text-align: center;
    width: 752px;
}
#sp .product h2.ribbon2 {
    background: url(img/ribbon2.jpg) 0 0 no-repeat;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    height: 49px;
    padding: 8px 0 0 0;
    text-align: center;
    width: 752px;
}
#sp .product .description {
    color: #ffb128;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
    text-align: center;
}
#sp .product .description br {
    display: none;
}
#sp .product .dot_frame {
    border: dotted 2px #f7e1ab;
    border-radius: 10px;
    float: left;
    height: 245px;
    margin: 0 0 50px 9px;
    padding: 8px 6px 0;
    width: 160px;
    text-align: center;
}
#sp .product .dot_frame .jacket {
    margin: 0 0 10px 0;
}
#sp .product .dot_frame .title {
    background: #f84757;
    color: #350d0e;
    display: inline-block;
    font-size: 13px;
    line-height: 1em;
    margin: 0 auto 2px;
    padding: 5px;
}
#sp .product .totop:link {
    background: #ffc25d;
    -moz-box-shadow: 2px 2px 0px #ba7e1c;/* Firefox用 */
    -webkit-box-shadow: 2px 2px 0px #ba7e1c;/* Safari,Google Chrome用 */
    border-radius: 10px;
    color: #350d0e;
    float: right;
    height: 46px;
    line-height: 46px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 145px;
}

#sp .recommend {
    background: #efece7 0 0 no-repeat;
    display: block;
    height: auto;
    padding: 0 0 20px;
    width: 750px;
}
#sp .recommend h2.ribbon3 {
    background: url(img/ribbon3.jpg) 0 0 no-repeat;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    height: 49px;
    padding: 8px 0 0 0;
    text-align: center;
    width: 752px;
}
#sp .recommend .round_frame {
    background: #fff 0 0 no-repeat;
    border-radius: 10px;
    box-shadow: 1px 1px 3px #d3d0cc;
    display: block;
    height: 215px;
    margin: 10px auto 0;
    padding: 10px;
    width: 700px;
}
#sp .recommend .round_frame .frame_left {
    float: left;
    width: 150px;
}
#sp .recommend .round_frame .frame_right {
    float: left;
    margin: 0 0 0 15px;
    width: 535px;
}
#sp .recommend .round_frame .frame_right .catchcopy {
    color: #f84757;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 5px;
}
#sp .recommend .round_frame .frame_right .txt_mob {
    display: none;
}
#sp .recommend .todetail:link {
    display: none;
}


/*-- shop.common.css打ち消し用  --*/
#alpha a {
    color: #000;
    text-decoration: none;
}
#alpha a:hover {
	color:#000;
	text-decoration: none;
}
#alpha .productarea .box a {
    color: #000;
    text-decoration: none;
}
#alpha .productarea .box a:hover {
	color:#000c;
	text-decoration: none;
}
#alpha p.attention a {
    color: #e6002d;
    text-decoration: none;
}
#alpha p.attention a:hover {
	color:#90001c;
	text-decoration: none;
}
#alpha p a {
    color:#fff;
    text-decoration: none;
}
#alpha p a:hover {
	color:#fff;
	text-decoration: none;
}
#alpha a img{
	border: 0;
}
#alpha div {
    line-height: 1.4em;
}
/*-- shop.common.css打ち消し用  --*/
#sp h3/*-- 左メニューに影響するので、#spは外さない --*/{
	display:none;
}
#sp .com{
    border-bottom: dotted 1px #fff;
    color: #fff;
    font-size:12px;
    width:730px;
    margin:10px auto 10px auto;
    padding: 10px 0;
    text-align: center;
}

/********** footer area **********/
#sp .footer{
    background: #350d0e;
    color: #f84757;
	font-size:11px;
	width:730px;
	margin: 0;
	padding: 10px;
	text-align: center;
}


@media (max-width: 640px) {
    #alpha-inner {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        min-height: 282px;
    }

    #sp {
        width: 100%;
        margin: 0;
    }

    #sp #inner {
        width: 100%;
        margin: 0;
    }

    #sp .sns {
        background: #000;
        height: 26px;
        padding: 5px 3% 0;
        text-align: right;
        width:94%;
    }

    #sp .pr /* 特集のメイン画像エリア */ {
        background: #350d0e url(img/topbg.jpg) 0 top no-repeat;
        height: auto;
        width:100%;
        margin: 0;
        padding: 0 0 2% 0;
    }

    #sp .pr .mob_header {
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        width:100%;
    }

    #sp .pr h1, #sp .pr .catch {
        display: none;
    }
    #sp .pr .catch_mob {
        color: #ffb128;
        display: block;
        font-size: 18px;
        font-weight: bold;
        padding: 5px 2% 10px;
        text-align: center;
    }
    #sp .pr .wave_mob {
        background: url(img/wave.png) 0 0 repeat-x;
        display: block;
        height: 40px;
        margin: 10px 0 0;
        padding: 0;
        width:100%;
    }
    #sp .pr .category {
        background: #efece7 0 0 no-repeat;
        display: inline-table;
        height: auto;
        margin: 0;
        padding: 0;
        width:100%;
    }
    #sp .pr .category .ca_btn:link {
        background: #ffc25d;
        -moz-box-shadow: 2px 2px 0px #ba7e1c;/* Firefox用 */
        -webkit-box-shadow: 2px 2px 0px #ba7e1c;/* Safari,Google Chrome用 */
        border-radius: 10px;
        color: #350d0e;
        float: left;
        height: 46px;
        line-height: 46px;
        margin: 0 0 5% 7%;
        text-align: center;
        width: 40%;
    }

    #sp .product {
        background: #360d0e url(img/choco_mob.png) center bottom no-repeat;
        display: block;
        height: auto;
        padding: 0 0 15%;
        width: 100%;
    }
    #sp .product h2.ribbon,#sp .product h2.ribbon2 {
        background: url(img/ribbon_mob.png) center 0 no-repeat;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        height: 56px;
        margin: 10px 0 0 0;
        padding: 11px 0 0 0;
        text-align: center;
        width: 100%;
    }
    #sp .product h2.ribbon .rotate_title, #sp .product h2.ribbon2 .rotate_title {
        transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
    }
    #sp .product .description {
        color: #ffb128;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 15px;
        padding: 0 2%;
        text-align: center;
    }
    #sp .product .description br {
        display: inherit;
    }
    #sp .product .dot_frame {
        border: dotted 2px #f7e1ab;
        border-radius: 10px;
        float: left;
        height: auto;
        margin: 0 0 2% 2%;
        padding: 2%;
        width: 42%;
        text-align: center;
    }
    #sp .product .dot_frame .jacket {
        margin: 0;
    }
    #sp .product .dot_frame .title {
        display: none;
    }
    #sp .product .totop:link {
        background: #ffc25d;
        -moz-box-shadow: 2px 2px 0px #ba7e1c;/* Firefox用 */
        -webkit-box-shadow: 2px 2px 0px #ba7e1c;/* Safari,Google Chrome用 */
        border-radius: 10px;
        color: #350d0e;
        float: right;
        height: auto;
        line-height: 46px;
        margin: 5% 30% 0;
        padding: 1% 0;
        text-align: center;
        width: 40%;
    }

    #sp .recommend {
        background: #efece7 0 0 no-repeat;
        display: block;
        height: auto;
        margin: 0;
        padding: 0 0 20px;
        width: 100%;
    }
    #sp .recommend h2.ribbon3 {
        background: url(img/ribbon_mob2.jpg) center 0 no-repeat;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        height: 53px;
        padding: 10px 0 0 0;
        text-align: center;
        width: 100%;
    }
    #sp .recommend h2.ribbon3 .rotate_title {
        transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
    }
    #sp .recommend .round_frame {
        background: #fff 0 0 no-repeat;
        border-radius: 10px;
        box-shadow: 1px 1px 3px #d3d0cc;
        display: table;
        height: auto;
        margin: 10px auto 0;
        padding: 3%;
        width: 90%;
    }
    #sp .recommend .round_frame .frame_left {
        float: left;
        padding: 0 0 3%;
        width: 40%;
    }
    #sp .recommend .round_frame .frame_right {
        float: left;
        margin: 0 0 0 3%;
        padding: 0 0 3%;
        width: 57%;
    }
    #sp .recommend .round_frame .frame_right .thum {
        display: none;
    }
    #sp .recommend .round_frame .frame_right .catchcopy {
        color: #f84757;
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 5px;
    }
    #sp .recommend .round_frame .frame_right .txt_pc {
        display: none;
    }
    #sp .recommend .round_frame .frame_right .txt_mob {
        display: block;
        font-size: 14px;
    }
    #sp .recommend .todetail:link {
        background: #ffc25d;
        -moz-box-shadow: 2px 2px 0px #ba7e1c;/* Firefox用 */
        -webkit-box-shadow: 2px 2px 0px #ba7e1c;/* Safari,Google Chrome用 */
        border-radius: 10px;
        color: #350d0e;
        clear: both;
        display: block;
        height: 46px;
        line-height: 46px;
        margin: 0 auto;
        text-align: center;
        width: 145px;
    }

    #sp .footer{
        background: #350d0e;
        color: #f84757;
        clear: left;
        font-size:12px;
        margin: 0;
        padding: 3%;
        text-align: center;
        width:94%;
    }

}