@charset "utf-8";
/* ヘッダー */
header#tsrcBasic { position: relative; height: 65px; border-bottom: none; }
header#tsrcBasic nav#globalnavi { position: relative; height: 36px; margin: 0 auto 0 auto; top: 15px; width: 1000px; }
header#tsrcBasic nav#globalnavi h1.site-title { float: left; font-size: 16px; height: 36px; width: 210px; }
header#tsrcBasic nav#globalnavi ul { float: right; width: auto; height: 30px; margin-top: 18px; }
header#tsrcBasic nav#globalnavi ul li { float: left; padding: 0 21px 0 21px; height: auto; font-size: 14px; line-height: 1.4em; }
header#tsrcBasic nav#globalnavi ul li:first-child { border-right: 1px solid #a9a9a9; }
header#tsrcBasic nav#globalnavi ul li#chiyodaNavi { margin: -32px 0 0 0; padding: 0; }

header#tsrcBasic nav#globalnavi ul#right-navi { float:right; margin-top:-28px; width:330px; display:block; height:79px;}
header#tsrcBasic nav#globalnavi ul#right-navi li { float:left; height:33px; line-height:25px; font-size:12px; display:inline-block;}
header#tsrcBasic nav#globalnavi ul#right-navi li#map-link { padding: 26px 15px 11px 15px; border-left: 1px solid #CCC;}
header#tsrcBasic nav#globalnavi ul#right-navi li#map-link a { padding-bottom:8px;}
header#tsrcBasic nav#globalnavi ul#right-navi li#online-link { padding: 26px 15px 11px 15px; border-left: 1px solid #CCC;}
header#tsrcBasic nav#globalnavi ul#right-navi li#online-link a { padding-bottom:8px;}
header#tsrcBasic nav#globalnavi ul#right-navi li a { text-decoration:none !important;}
header#tsrcBasic nav#globalnavi ul#right-navi li:first-child { border-right: none; }



/* コンテンツ */
#tsrc-contents { margin: 0 0 100px 0; }
#tsrc-contents .bxsliderWrap { width: 1000px; height: 650px; margin: 0 auto; overflow: hidden; }
#tsrc-contents h3 { margin: 0 0 5px 0; }
#tsrc-contents h4 { margin: 0 0 5px 0; }
/* ニュース */
#topic { position: relative; clear: both; margin: 20px 0 0 0; }
#topic #news { float: left; width: 480px; overflow: hidden; position: relative; }
#topic #news h3 { display: block; margin-bottom: 4px; line-height: 1em; }
#topic #news #news-more { position: absolute; top: 5px; right: 0; width: 47px; height: 9px; margin: 0; padding: 0; font-size: 1px; }
#topic #news #news-more a { display: block }
#topic #news > article { clear: both; }
#topic #news > article p { float: left; font-size: 13px; position: relative; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #e6e6e6; }
#topic #news > article p.date { width: 90px; }
#topic #news > article p.headline { width: 390px; }
#topic #news > article p.headline:before, #topic #news > article p.headline:after { position: absolute; background: #FFFFFF; padding: 0 0 0 5px; }
#topic #news > article p.headline:before { content: "･･･"; bottom: 0; right: 0; }
#topic #news > article p.headline:after { content: ""; width: 100%; height: 100%; }

#topic #newopen { float: right; width: 480px; overflow: hidden; position: relative; }
#topic #newopen h3 { display: block; margin-bottom: 4px; line-height: 1em; }
#topic #newopen #newopen-more { position: absolute; top: 2px; right: 0; width: 47px; height: 9px; margin: 0; padding: 0; font-size: 1px; }
#topic #newopen #newopen-more a { display: block }
#topic #newopen > article { clear: both; }
#topic #newopen > article p { float: left; font-size: 13px; position: relative; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #e6e6e6; }
#topic #newopen > article p.date { width: 90px; }
#topic #newopen> article p.headline { width: 390px; }
#topic #newopen > article p.headline:before, #topic #newopen > article p.headline:after { position: absolute; background: #FFFFFF; padding: 0 0 0 5px; }
#topic #newopen > article p.headline:before { content: "･･･"; bottom: 0; right: 0; }
#topic #newopen > article p.headline:after { content: ""; width: 100%; height: 100%; }

/* 店舗検索・EC */
/*#topic #shopInfo { float: right; width: 462px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }*/
/*#topic #shopInfo li { float: left; width: 153px; height: 115px; border-right: 1px solid #e6e6e6; }*/
#topic #shopInfo { width: 1000px; margin: 0 auto 56px; }
#topic #shopInfo ul { display: flex; }
#topic #shopInfo li:first-child { margin-right: 30px; }
#topic #shopInfo li:nth-child(2) { margin-right: 10px; }
/* キャンペーン */
#serviceWrap { float: left; width: 264px; border-bottom: 1px solid #e6e6e6; }
#serviceWrap > div.service-inner { width: 214px; height: 346px; margin: 0 auto; border-bottom: 1px dotted #e6e6e6; }
#serviceWrap > div.service-inner:last-child { height: 345px; border-bottom: none; }
#serviceWrap > div.service-inner div.service-img { padding: 25px 0 10px 0; }
#campaign { position: relative; clear: both; margin: 40px 0 0 0; }
#campaign > #campaign-container { width: 1000px; }
#campaign > #campaign-container article { float: left; width: 240px; /*height: 237px; */margin: 0 13px 13px 0; background: #f5f4f4; }
#campaign > #campaign-container article:nth-child(4n) { margin: 0 0 13px 0; }
#campaign > #campaign-container article p.tx-campaign { margin: 10px 12px 12px 12px; font-size: 13px; position: relative; line-height: 20px; height: 60px; overflow: hidden; }
#campaign > #campaign-container article p.tx-campaign:before, #campaign > #campaign-container article p.tx-campaign:after { position: absolute; padding: 0 5px 0 5px; background: #f5f4f4; }
#campaign > #campaign-container article p.tx-campaign:before { content: ""; bottom: 0; right: 0; }
#campaign > #campaign-container article p.tx-campaign:after { content: ""; width: 100%; height: 100%; }
/* キャンペーン(タブ) */
#campaign-tabs { position: relative; clear: both; margin: 40px 0 60px 0; }
#campaign-tabs .campaign-container { width: 998px; }
#campaign-tabs .campaign-container article { float: left; width: 234px; margin: 0 0 20px 12px; background: #f5f4f4; }
#campaign-tabs .campaign-container article p.tx-campaign { margin: 10px 12px 12px 12px; font-size: 13px; position: relative; line-height: 20px; height: 60px; overflow: hidden; }
#campaign-tabs p.tx-campaign span { width: 70px; height: 17px; display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#campaign-tabs .campaign-container article p.tx-campaign:before, #campaign-tabs .campaign-container article p.tx-campaign:after { position: absolute; padding: 0 5px 0 5px; background: #f5f4f4; }
#campaign-tabs .campaign-container article p.tx-campaign:before { content: ""; bottom: 0; right: 0; }
#campaign-tabs .campaign-container article p.tx-campaign:after { content: ""; width: 100%; height: 100%; }
/* その他キャンペーン */
#campaign-other { margin: 50px 0 0 0; width: 1000px; }
#campaign-other article { float: left; width: 240px; margin: 0 13px 0 0; }
#campaign-other article:nth-child(4n) { margin: 0; }
#campaign-other article p.tx-campaign { margin: 10px 0 10px 0; font-size: 13px; position: relative; line-height: 20px; height: 60px; overflow: hidden; }
#campaign-other article p.tx-campaign:before, #campaign-other article p.tx-campaign:after { position: absolute; padding: 0; background: #ffffff; }
#campaign-other article p.tx-campaign:before { content: ""; bottom: 0; right: 0; }
#campaign-other article p.tx-campaign:after { content: ""; width: 100%; height: 100%; }
/* ブランド */
#brandList { position: relative; clear: both; margin: 40px 0 0 0; }
#brandList h3 span { margin: 0 0 0 10px; font-size: 14px; }
#brandWrap { position: relative; padding: 20px 32px; background: #f4f4f4; margin-bottom: 10px; }
#brandWrap .bx-wrapper { height: 131px; }
#brandWrap .bx-wrapper .bx-pager { display: none; }
#brandWrap .bx-wrapper .brandSlider { margin: 0 auto; }
#brandWrap .bx-wrapper .brandSlider div { width:936px; height:131px;}
.brandSlider div ul li { float: left; border: 1px solid #cfcfcf; }
.brandSlider div ul li:nth-child(2), .brandSlider div ul li:nth-child(3), .brandSlider div ul li:nth-child(4), .brandSlider div ul li:nth-child(5) { border-left: none; }
.brandSlider div li:nth-child(6) { border-top: none; }
.brandSlider div ul li:nth-child(7), .brandSlider div ul li:nth-child(8), .brandSlider div ul li:nth-child(9), .brandSlider div ul li:nth-child(10) { border-top: none; border-left: none; }
#brandWrap .bx-wrapper .bx-controls-direction a.bx-prev { left: -31px; }
#brandWrap .bx-wrapper .bx-controls-direction a.bx-next { right: -31px; }
#brandWrap .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 0) url(../images/brand/controls_brand.png) no-repeat scroll 0 -2pc; left: 10px; }
#brandWrap .bx-wrapper .bx-next { background: rgba(0, 0, 0, 0) url(../images/brand/controls_brand.png) no-repeat scroll -43px -2pc; right: 10px; }
#brandWrap .bx-wrapper .bx-prev:hover { background-position: 0 0; }
#brandWrap .bx-wrapper .bx-next:hover { background-position: -43px 0; }
.brandLink { text-align: center; }
.brandLink span { font-size: 14px; padding-left:0.5em; background: url(/images/corp/footer/arrow.png) no-repeat left 0.5em; }
/* ソーシャルエリア */
#socialList { position: relative; clear: both; /*margin: 45px 0 0 0;*/ }
/* ツイッター */
#socialList #socialTwitter { float: left; margin: 0 0 0 0; width: 322px; }
#socialList #socialTwitter .socialBlogBox { width: 300px; padding: 11px; background: #f4f4f4; }
#socialList #socialTwitter .socialBlogBox .snsBox { height: 310px; padding: 4px 4px 0 4px; background: #ffffff; overflow: hidden; border-bottom: 4px solid #ffffff; }
/* ブログ */
#socialList #socialBlog,#socialFacebook { width: 490px; float: left; margin: 0 14px 0 0; }
#socialList #socialBlog #blogBox { width: 296px; padding: 14px; background: #f4f4f4; }
#socialList #socialBlog #blogBox article { height: 86px; margin: 0 0 27px 0; }
#socialList #socialBlog #blogBox article:last-child { margin: 0; }
#socialList #socialBlog #blogBox p.imgL { float: left; margin: 0 12px 0 0; }
#socialList #socialBlog #blogBox p { font-size: 13px; line-height: 1.6em; }
#socialList #socialBlog #blogBox p.headline { position: relative; height: 4.8em; overflow: hidden; }
#socialList #socialBlog #blogBox p.headline:before, #socialList #socialBlog #blogBox p.headline:after { position: absolute; background: #f4f4f4; padding: 0 5px 0 5px; }
#socialList #socialBlog #blogBox p.headline:before { content: ""; bottom: 0; right: 0; }
#socialList #socialBlog #blogBox p.headline:after { content: ""; width: 100%; height: 100%; }

/* YouTube */
#socialYouTube {
	width: 490px;
    float: left;
    margin: 0 20px 0 0;
}

#socialYouTube .socialYouTubeBox {
    padding: 10px;
    background-color: #f4f4f4;
}

/* メールマガジン・アプリ */
#socialList #socialMailmagezine { float: left; width: 324px; }
#socialList #socialApp { float: left; width: 324px; margin: 31px 0 0 0; }
#socialList #socialMailmagezine #mailmagezineBox, #socialList #socialApp #appBox { padding: 10px; background: #f4f4f4; }
/* フッター */
footer#tsrcFooter #f_companyAbout { background: url(/images/corp/footer/dotted_line_ftop.png) center top no-repeat #fff; border-bottom: 1px solid #e7e7e7; overflow: hidden; padding: 18px 30px; position: relative; width: 940px; }
footer#tsrcFooter #f_companyAbout li { float: left; margin: 0 38px 0 0; }
footer#tsrcFooter #f_shop_social { background-image: none; }

.pickup-container li:nth-child(5n) article{margin-right:0;}

.center{
	text-align:center;
	margin:0 auto;}

section#pickup{margin:40px auto 0;}

/* pickup */
.pickup-container { width: 1000px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.pickup-container article { float: left; width: 190px; margin-right:12px; }
.pickup-container .pickupImg img{width:190px; height:190px; box-sizing:border-box;}
.pickup-container article p.tx-item,.pickup-container article p.tx-price{ margin: 5px; font-size: 12px; line-height: 20px; font-weight:bold;}
.pickup-container article p.tx-price .red{color:#fa0020;}
.pickup-container article p.tx-price .red strong{font-size:22px; font-weight: bold;}

.pickup-container tx-item {
	margin-bottom: 5px;
}

.pickup-container ul {
	margin: 20px 0 30px;
}

.footer_link {
	display: flex;
    flex-wrap: wrap;
	margin: 30px auto 0;
}

.footer_link li{
	margin-bottom: 50px;
}

#ver2.footer_link li{
	margin-top: 20px;
	margin-bottom: 0;
}

.footer_link li:nth-child(odd){
	margin-right: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    #tsrc-contents { padding-bottom: 50px; }
}