@charset "utf-8";

/* **************************** PC表示 **************************** */
@media print, screen and (min-width: 641px) {
	a:hover {
		color: #83AEDE;
	}
	
	.u-br-sp {
		display: none;
	}
	
	a:hover img.u-hovercss {
		opacity:0.70;	
	}
	
	.l-spNav-area {
		display: none;
	}


	/*-------------------------------------------------*/
	/*////////////////【 共通の枠css 】////////////////*/
	/*-------------------------------------------------*/

	/***********【 情報誌バナーありタイプ 】***********/
	.shop-mainArea-adBorder {
			display: none;
		}

	.shop-mainAreaScroll-relative {
		width: 1000px;
		position: absolute;
		top: -15px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.shop-mainAreaScroll-relative:before {
		background-image: url(../../img/recipe-shadow.png);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: auto 15px;
		content: "";
		display: inline-block;
		height: 15px;
		padding-left: 10px;
		width: 15px;
		position: absolute;
		top: 0px;
		right: -9px;
		z-index: 0;
	}
	.shop-mainAreaScroll {
		width: 281px;
		height: 374px;
		position: absolute;
		right: 0;
		top: 0px;
		border: 1px solid #d1d1cf;
		background-color: #fff;
		padding-top: 10px;
	}


	/***********【 Living 】***********/	
	.shop-mainArea {
		background-image: url(../../shop/img/main_bnr_living_pc.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height: 387px;
		width: 100%;
		position: relative;
		margin: 20px auto 0px;
		clear: both;
	}

	.shop-mainArea-Photo {
		display: none;
	}

	.shop-mainArea-adLiving {
		display: none;
	}

	.shop-mainArea-deme {
		font-size: 1.2rem;
	}

	.shop-pointBnr-area {
		overflow: hidden;
		height: 118px;
		width: 1000px;
	}

	/*---------【 長い方のポイントバナー 】---------*/
	.shop-pointPlus {
		background-image: url(/shop/img/shop-bnr_3point_pc.jpg);
		background-repeat: no-repeat;
		height: 118px;
		width: 485px;
		float: left;
	}

	.shop-pointBnr:hover {
		opacity: 0.8;
	}

	.shop-pointPlusPhoto {
		display: none;
	}

	.shop-pointDay {
		background-image: url(/shop/img/bnr_point5_pc.jpg);
		background-repeat: no-repeat;
		height: 118px;
		width: 484px;
		float: right;
	}
	.shop-pointDay2 {
		background-image: url(/shop/img/bnr_point2_pc.jpg);
	}
	.shop-pointDay3 {
		background-image: url(/shop/img/bnr_point3_pc.jpg);
	}
	
	.shop-pointDayPhoto {
		display: none;
	}

	/*---【 短い方のポイントバナー(Short) 】---*/

	.shop-pointPlusShort {
		background-image: url(/shop/img/shop-bnr_3point_detail.jpg);
		background-repeat: no-repeat;
		height: 118px;
		width: 360px;
		float: left;
	}

	.shop-pointBnr:hover {
		opacity: 0.8;
	}

	.shop-pointPlusPhotoShort {
		display: none;
	}

	.shop-pointDay.shop-shortPoint {
		background-image: url(/shop/img/bnr_point5_shop.jpg);
		background-repeat: no-repeat;
		height: 118px;
		width: 360px;
		float: right;
		position: relative;
	}
	.shop-pointDay2.shop-shortPoint {
		background-image: url(/shop/img/bnr_point2_shop.jpg);
	}
	.shop-pointDay3.shop-shortPoint {
		background-image: url(/shop/img/bnr_point3_shop.jpg);
	}
	
	.shop-pointDayPhoto {
		display: none;
	}


	.shop-pointBnr-areaShort {
		width: 360px;
		height: 250px;
		float: right;
		margin-top: 35px;
	}

	.shop-pointPlusShort {
		margin-bottom: 14px;
	}

	.shop-pointDayText {
		font-size: 40px;
		font-size: 4rem;
		left: 6px;
		bottom: 38px;
		width: 53.5%;
		text-align: right;
	}

	.shop-pointBnr-textBig {
		font-size: 60px;
		font-size: 6rem;
		left: 2px;
	}

	.shop-shortPoint .shop-pointDayText {
		font-size: 24px;
		font-size: 2.4rem;
		left: 5px;
		top: 18px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		position: absolute;
		width: 50%;
		letter-spacing: -2px;
	}

	.shop-shortPoint .shop-pointBnr-textBig {
		font-size: 51px;
		font-size: 5.1rem;
		text-decoration: none;
	}

	.shop-pointBnr {
		border: 1px solid #cccccc;
		box-sizing: border-box;
	}

	/*---------【 shop-ad-scroll 】---------*/

	.shop-ad-scroll-relative {
		width: 1000px;
		position: absolute;
		top: -15px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.shop-ad-scroll-relative:before {
		background-image: url(../../img/recipe-shadow.png);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: auto 15px;
		content: "";
		display: inline-block;
		height: 15px;
		padding-left: 10px;
		width: 15px;
		position: absolute;
		top: 0px;
		right: -9px;
		z-index: 0;
	}
	.shop-ad-scroll {
		width: 281px;
		height: 374px;
		position: absolute;
		right: 0;
		top: 0px;
		border: 1px solid #d1d1cf;
		background-color: #fff;
		padding-top: 10px;
	}

	.shopInfo-basic-map {
		width: 368px;
		height: 205px;
		position: relative;
	}
	.shopInfo-basic-mapFrame {
		position: absolute;
		border: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.shopInfo-basic-mapArea {
		width: 368px;
		float: right;
		margin: 10px 10px 0 0;
	}

	.shopInfo-basic-map {
		margin-bottom: 10px;
		border: 1px solid #cccccc;
	}

	.shopInfo-basic-mapArea a {
		float: right;
		font-size: 15px;
		font-size: 1.5rem;
	}

	/*-----------【 shop-hamonoInfo 】----------*/


	.shop-hamonoInfo {
		margin-top: 20px;
		position: relative;
		padding:3px;
	}

	.shop-hamonoInfo-title {
		width: 150px;
		float: left;
		padding: 11px;
		margin-bottom: 0;
	}


	.shop-hamonoInfo-text {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2;
		padding: 10px 8em 6px 20px;
		margin-bottom: 0;
	}

	.shop-hamonoInfo-link {
		color: #065cbd;
		text-decoration: none;
		position: absolute;
		top:0;
		bottom: 0;
		right: 10px;
		left: auto;
		margin: auto 0;
		font-size: 15px;
		font-size: 1.5rem;
		height: 1.4rem;
	}
	
	/*------------------------------------------------------------------
			共通、レイアウト、モジュールCSS
	------------------------------------------------------------------*/

	/*----------------【 pagetitle 】----------------*/

	.m-section-title {
		background-size: 55px auto;
	}
	
	.m-pagetitle-shopSmall {
		margin-top: -10px;
	}
	
	.m-pagetitle-shopSmall:before {
		background-size: 35px auto;
    	height: 35px;
    	margin: 0 15px 0 0;
    	top: 10px;
    	width: 35px;
	}
	
	.m-pagetitle-shop {
		margin-top: -10px;
	}
	
	.m-pagetitle-shop:before {
		height: 50px;
		margin: 0 15px 0 0;
		top: 10px;
		width: 50px;
		background-size: 50px auto;
	}
	
	.m-pagetitle-items {
		margin-top: -10px;
		position: static;
		padding-left: 0;
	}
	
	.m-pagetitle-items:before {
		height: 50px;
		margin: 0 15px 0 0;
		top: 10px;
		left: 0;
		width: 50px;
		background-size: 50px auto;
		position: relative;
	}
	
	.m-pagetitle-osusume {
		margin-top: -10px;
	}
	
	.m-pagetitle-osusume:before {
		height: 50px;
		margin: 0 10px 0 0;
		top: 10px;
		width: 50px;
		background-size: 50px auto;
	}
	
	.m-pagetitle-campaign {
		margin-top: -10px;
	}
	
	.m-pagetitle-campaign:before {
		height: 50px;
		margin: 0 15px 0 0;
		top: 10px;
		width: 50px;
		background-size: 50px auto;
	}
	
	.m-pagetitle-shopSmall {
		background-size: auto 35px;
	}
	
	.l-subContent-title {
		text-align: start;
		font-size: 27px;
		font-size: 2.7rem;
		float: left;
		overflow: hidden;
	}
	
	.l-buttonArea {
		margin-top: 60px;
	}
	
	


	/*----------------【 m-button 】---------------*/

	.m-button-main:hover {
		background-color: #0983c3;
	}
	
	.m-button-main {
		font-size: 18px;
		font-size: 1.8rem;
		box-shadow: 0 4px 0 #077092;
		margin-bottom: 4px;
		border-radius: 5px;
		box-shadow: 0 4px 0 #077092;
	}
	
	.top-button-main {
		width: 350px;
		margin-right: 30px;
		margin: 0 13px 0;
	}

	.m-button-back {
		box-shadow: 0 4px 0 #696969;
		font-size: 18px;
		font-size: 1.8rem;
		padding: 17px 30px 13px;
		margin-bottom: 4px;
	}

	.m-button-link:hover {
		color: #FFF;
		box-shadow: none;
		top: 4px;
	}

	.m-button-back:hover {
		background-color: #706f6f;
	}

	.m-button-search {
		box-shadow: 0 4px 0 #0983c3;
	}

	.m-button-search:hover {
		color: #068ebb;
		background-color: #e3f7fd;
	}

	.m-button-shopAd {
		font-size: 25px;
		font-size: 2.5rem;
		padding: 20px 15px;
		border: 3px solid #fff;
		box-shadow: 0 4px 0 #c0c0c0;
	}
	
	.m-button-shopAd:hover {
		box-shadow: 0 2px 0 #c0c0c0;
		margin-top: 2px;
		margin-bottom: -2px;
	}
	
	.m-button-ad {
		border-radius: 5px;
	}
	
	.m-button-ad:hover {
		background-color: #fa8c33;
		color: #ffffff;
	}

	.m-button-shopAd:after {
		background-size: auto 25px;
		height: 23px;
		width: 25px;
	}

	.m-button-osusume {
		width: 330px;
		font-size: 18px;
		font-size: 1.8rem;
		margin-right: 24px;
	}

	.m-button-osusume:before {
		top: 12px;
		left: 75px;
	}

	.m-button-campaign {
		width: 350px;
		font-size: 18px;
		font-size: 1.8rem;
	}

	.m-button-campaign:before {
		top: 14px;
		left: 85px;
	}
	
	.m-button-ad {
		padding: 15px 60px;
		font-size: 18px;
		font-size: 1.8rem;
		box-shadow: 0 4px 0 #bc4a05;
	}
	
	.m-button-ad:before {
		background-size: auto 15px;
	}
	
	.m-button-wide {
		font-size: 18px;
		font-size: 1.8rem;
		padding: 17px 30px 13px;
		width: auto;
	}
	
	.m-button-favorite {
		font-size: 18px;
		font-size: 1.8rem;
    	padding: 13px 35px;
		border-radius: 5px;
	}

	.m-button-favorite:before {
		background-size: auto 15px;
		height: 15px;
		width: 15px;
	}
	
	.m-button-favorite:hover {
		color: #333333;
	}
	
	.m-button-netsuper {
		font-size: 18px;
		font-size: 1.8rem;
    	padding: 13px 35px;
		border-radius: 5px;
	}
	.m-button-netsuper:hover {
		color: #fff;
	}
	.m-button-netsuper:before {
		background-size: auto 15px;
		height: 15px;
		width: 15px;
	}
	
	/* ------- 【 m-bookmark 】 -------- */
	.m-bookmark-linkArea {
		float: left;
		height: 38px;
		margin-left: 25px;
		margin-top: 22px;
	}

	.m-bookmark-registered {
		float: left;
		font-size: 15px;
		font-size: 1.5rem;
		border: 1px solid #fdb4b7;
		padding: 7px 10px;
		margin-right: 20px;
	}

	.m-bookmark-registeredChange {
		font-size: 15px;
		font-size: 1.5rem;
		padding: 10px 20px;
	}

	.m-bookmark-registeredLong {
		left: 380px;
	}

	.m-bookmark-button {
		float: left;
		margin-top: -2px;
	}

	.m-bookmark-buttonLong {
		left: 600px;
	}
	
	/* ------- 【 m-icon 】 -------- */

	.m-icon {
		border-radius: 2px;
		color: #ffffff;
		display: inline-block;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 5px 10px;
		text-align: center;
	}

	.m-icon-area {
		background-color: #68cf85;
		font-weight: 600;
	}

	.m-icon-kosodate {
		background-color: #fcb230;
		font-weight: 600;
		float: left;
	}

	/* ------------------------------
		   タブ切り替え
	------------------------------ */
	/* ------- 【シンプルタイプのタブ】 -------- */
	.l-tabmenu-link {
		background-color: #d3edf5;
	}
	.l-tabmenu-link:hover {
		color: #2eaad1;
		opacity: 0.7;
	}
	.is-active .l-tabmenu-link:hover {
		color: #fff;
		opacity: 1.0;
		cursor: default;
	}
	/* ------- 【下線がつくタイプのタブ】 -------- */

	.l-tabmenu-aria {
		width: 100%;
		margin: 0 auto;
	}

	.l-tabPlaceMenu {
		width: 750px;
		margin: 0 auto;
		padding: 10px 250px 0 0;
	}
	.l-tabPlaceMenu-2col {
		width: 500px;
		margin: 0 auto;
		padding: 10px 500px 0 0;		
	}
	.l-tabPlaceMenu-1col {
		width: 280px;
		margin: 0 auto;
		padding: 10px 720px 0 0;		
	}
	
	.l-tabPlaceMenu-list {
		margin: 0 8px 0 0;
		padding: 18px 30px 13px;
		width: 60px;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0;
		text-align: center;
		white-space: nowrap;
	}

	.l-tabPlaceMenu-list:before {
		background-size: auto 13px;
		width: 8px;
		height: 13px;
		position: static;
		display: inline-block;
	}

	.l-tabPlaceMenu-list.is-active {
		top: 2px;
		font-size: 18px;
		font-size: 1.8rem;
		padding-top: 20px;
		padding-bottom: 20px;
		cursor: default;
	}
	
	.l-tabmenu-editBtn {
		font-size: 12px;
		font-size: 1.2rem;
		width: 1000px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		text-align: left;
	}
	.l-tabmenu-editLink {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 0 0 15px;
		position: absolute;
		bottom: 20px;
		right: 0px;
		color: #fff;
		text-decoration: none;
		background-image: url(../img/icn_arrow_yellow.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: auto 14px
	}
	.l-tabmenu-editLink:hover {
		color: #fff;
		opacity: 0.7;
	}
	a:hover .l-tabPlaceMenu-titleBoder {
		border-bottom: 3px solid #fefe45;
	}


	/*----------------【 l-slider 】----------------*/
	.l-slider {
		margin-bottom: 20px;
	}
	.l-slider .bx-wrapper {
		margin: 0 auto 60px;
		/*max-width: 100% !important;*/
	}
	.l-slider .bx-viewport {
		overflow: visible !important;
	}

	.l-slider-list {
		width: 1000px;
		margin: 0 auto;
	}
	
	.l-slider-item {
		width:493px;
		opacity: 0.5;
	}
	.l-slider-item.is-pcActive {
		opacity: 1.0;
	}
	
	.l-slider .bx-pager-item {
		width: 60px;
		height: 4px;
	}

	.l-slider .bx-controls-direction {
		display: block;
		position: static;
		width: 100%;
		margin: 0 auto;
		max-width: 1000px;
	}

	.l-slider .bx-controls-direction a {
		width: 48px;
		height: 50px;
		position: absolute;
		text-indent: -999px;
		display: block;
		background-position: left top;
		background-repeat: no-repeat;
		top: 50%;
		margin-top: -25px;
		overflow: hidden;
		transition: all 0.2s ease;
	}
	.l-slider .bx-controls-direction a:hover {
		opacity: 0.7;
	}
	.l-slider .bx-prev {
		left: -30px;
		background-image: url(../img/icn_arrow_blue_circle.png);	
	}

	.l-slider .bx-next {
		right: -30px;
		background-image: url(../img/icn_arrow_blue_circle_r.png);
	}

	/*----------------【 l-headerBnrLink 】----------------*/
	.l-headerBnr.is-pcNone {
		display: none !important;
	}	
	
	/*----------------【 .l-header 】----------------*/
	.l-header {
		position: relative;
		min-width: 1020px;
	}

	.l-header-inner {
		width: 1000px;
		margin: 0 auto;
	}

	.drawer--right .l-header-spBtn {
		display: none;
	}

	.l-header-logo {
		float: left;
		width: 327px;
	}

	.l-header-logo img {
		height: 56px;
		width: 327px;
		margin-top: 27px;
		vertical-align: bottom;
	}

	.coopCI {
		display: inline;
		float: right;
		height: 33px;
		margin: 24px 0 8px;
		text-align: right;
	}

	.l-header-info {
		float: right;
		background-color: #fff;
		margin-top: 27px;
		padding: 5px 8px;
		min-width: 350px;
		max-width: 520px;
		height: auto;
		margin-right: 22px;
		border-radius: 2px;
	}

	.l-header-info a {
		color: #003f97;
	}



	/*----------------【 .l-gnav 】----------------*/
	.l-gnav-item {
		margin-bottom: 10px;
		width: auto;
	}

	.l-gnav-itemLink {
		border: none;
	}
	
	.l-gnav-itemLink.is-inactive {
		opacity: 1.0;
	}
	
	.l-gnav-itemLink img {
		display: none;
	}

	.l-gnav-item {
		border-right: 1px solid #5079b1;
		display: block;
	}

	.l-gnav-item img {
		width: 100%;
		height: auto;
	}

	.l-gnav-itemLink:hover {
		background-position: 41px bottom;
	}

	.l-gnav-item:first-child {
		border-left: 1px solid #5079b1;
		width: 35.1%;
	}
	.l-gnav-item:last-child {
		width: 21.5%;
	}

	.l-gnav-shop {
		background-image: url(../img/gnav_shop.png) ;
		background-repeat: no-repeat;
		background-position: 41px top;
		height: 45px;
		width: 349px;
	}

	.l-gnav-product {
		background-image: url(../img/gnav_product.png);
		background-repeat: no-repeat;
		background-position: 41px top;
		height: 45px;
		width: 218px;
	}

	.l-gnav-osusume {
		background-image: url(../img/gnav_info.png);
		background-repeat: no-repeat;
		background-position: 41px top;
		height: 45px;
		width: 213px;
		overflow: hidden;
	}

	.l-gnav-campaign {
		background-image: url(../img/gnav_campaign.png);
		background-repeat: no-repeat;
		background-position: 41px top;
		height: 45px;
		width: 214px;
	}

	/*----------------【 .l-gnavMenu 】----------------*/
	.l-gnavMenu {
		background-color: #fff;
		border: 4px solid #77bcde;
		margin: 0 auto;
		position: absolute;
		left: 0;
		width: 1000px;
		z-index: 999;
		margin-top: 12px;
		padding: 10px 26px 28px;
		box-sizing :border-box;
		box-shadow: none;
	}
	.l-gnavMenu:before {
		content: "";
		display: block;
		height: 15px;
		position: absolute;
		left: 0;
		right: 0;
		top: -16px;
	}

	.l-gnavMenu:after {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: transparent transparent #77bcde;
		border-image: none;
		border-style: solid;
		border-width: 0 8px 15px;
		content: "";
		display: block;
		position: absolute;
		top: -15px;
		left: 100px;
		width: 0;
	}

	.l-gnavMenu-place {
		border-bottom: 1px dotted #77bcde;
		margin-bottom: 28px;
		padding-bottom: 25px;
	}

	.l-gnav-menu {
		width: 100%;
		clear: both;
		height: 65px;
	}

	.l-gnavMenu-Area {
		margin-right: 24px;
		width: 200px;
		float: left;
		padding-bottom: 8px;
		border-left: 1px solid #cdedf5;
	}

	.l-gnavMenu-kobe {
		width: 157px;
	}

	.l-gnavMenu-hanshin {
		width: 170px;
	}

	.l-gnavMenu-harima {
		width: 253px;
	}

	.l-gnavMenu-tajimaTanba {
		width: 107px;
	}

	.l-gnavMenu-osakakita {
		width: 152px;
		margin-right: 0;
	}

	.l-gnavMenu-closebtn {
		cursor: pointer;
		display: block;
		position: absolute;
		right: -48px;
		top: -4px;
		z-index: 999;
	}

	.l-gnavMenu-subTitle {
		padding: 9px 0 9px 10px;
		font-weight: bold;
	}

	.l-gnavMenu-subTitle:before {
		display: none;
	}

	.l-gnavMenu-gpsLink {
		display: none;
	}

	.l-gnavMenu-item :before {
		float: left;
		transform: none;
		background-size: 5px 8px;
		height: 0;
	}

	.l-gnavMenu-title {
		clear: both;
		font-size: 18px;
		font-size: 1.8rem;
		background-position: left center;
		padding: 14px 0 14px 25px;
		width: 280px;
	}

	.l-gnavMenu-title:before {
		display: none;
	}

	.l-gnavMenu-item:before {
		margin: 0;
		width: 10px;
	}

	.l-gnavMenu-item {
		padding: 10px 0 0;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}

	.l-gnavMenu-item:hover {
		opacity:0.5;
	}

	.l-gnavMenu-item a {
		width: 50%;
	}

	.l-gnavMenu-item {
		padding: 0 0 0 22px;
		background-image: url(../img/icn_arrow_mega.png);
		background-position: 12px center;
		background-repeat: no-repeat;
		margin: 10px 0 0;
	}

	.l-gnavMenu-singleColumn {
		width: 100%;
	}

	.l-gnavMenu-threeColumn {
		width: 33%;
	}

	.m-area-icon {
		width: 250px;
		float: left;
	}

	.l-gnavMenu-form {
		float: right;
		margin-right: 450px;
	}

	.l-gnavMenu-search {
		background-color: transparent;
		padding: 0;
		float: right;
		margin: -45px 290px 0 0;
	}

	.l-gnavMenu-search span {
		display:inline-block;
		position: relative;
	}

	.l-gnavMenu-formtext {
		border: 2px solid #b1e2ee;
		border-radius: 5px;
		width: 337px;
		height: 49px;
		padding-right: 40px;
	}

	.l-gnavMenu-formBtn {
		width: 18px;
		height: auto;
		position: absolute;
		right: 18px;
		padding-left: 10px;
		border-left: 1px solid #dad7d7;
		bottom: 15px;
	}

	.l-gnavMenu-osusume {
		width: 350px;
		height: 195px;
		margin: 10px auto 0;
		padding: 18px 0;
		left: -60px;
	}

	.l-gnavMenu-bnrItem {
		width: 306px;
		float: left;
		overflow: hidden;
		border-right: 1px dotted #75bbde;
		margin: 0;
		padding-right: 18px; 
		padding-bottom: 15px;
	}

	.l-gnavMenu-bnrCoop {
		border-right: none;
		border-top: 0px;
		padding: 0 0 0 18px;
	}

	.l-gnavMenu-bnrItem img {
		margin-bottom:10px;
	}

	.l-gnavMenu:after {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: transparent transparent #77bcde;
		border-image: none;
		border-style: solid;
		border-width: 0 8px 15px;
		content: "";
		display: block;
		left: 164px;
		position: absolute;
		top: -15px;
		width: 0;
	}
	.l-gnavMenu-osusume:after {
		left: 155px;		
	}

	/*----------------【 l-content 】----------------*/
	.l-content {
		min-width: 1020px;
	}
	.l-subContent {
		width: 235px;
		float: left;
		margin-right: 45px;
	}

	.l-mainContent {
		width: 720px;
		float: right;
		margin: 0 0 20px;
	}

	.l-content-innerNarrow {
		width: 800px;
		margin: 0 auto;
	}

	/*----------------【 m-submenu 】----------------*/
	.m-submenu-subList {
		background-color: #fff;
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 8px 0px 12px 15px;
	}

	.m-submenu-subItem {
		width: 50%;
		float: left;	
		margin-bottom: 5px;
	}
	.m-submenu-subLink {
		padding: 5px 0px 5px 16px;
	}
	
	/*----------------【 .l-footer 】----------------*/
	.l-footer {
		margin-top: 50px;
		min-width: 1020px;
	}
	.l-footer-inner {
		width: 1000px;
		margin: 0 auto;
		padding: 0 auto;
	}

	.l-footer-bnr {
		width: 25%;
	}

	.l-footer-bnr img {
		width: 43px;
		height: 43px;
		max-height: 43px;
	}

	.l-footer-inner a {
		font-size: 14px;
		font-size: 1.4rem;
	}



	.l-footer-menu {
		display: none;
	}

	.l-footer-pcArea {
		overflow: hidden;
	}

	.l-footer-pcWrap {
		width: 100%;
		margin: 20px auto 0;
		overflow: hidden;
		border-bottom: 1px solid #abd3ea;
	}
	.l-footer-pcMenu {
		padding-top: 5px;
	}

	.l-footer-pcSubmenu {
		float: left;
		width: 24%;
		height: 133px;
		border-left: 1px solid #abd3ea;
	}

	.l-footer-pcTitle {
		padding-bottom: 10px;
		padding-left: 15px; 
	}

	.l-footer-pcItem {
		background-image: url(../img/icn_arrow_blue.png);
		background-repeat: no-repeat;
		background-position: 18px center;
		background-size: 6px auto;
		margin-bottom: 10px;
		padding-left: 33px;
		line-height: 1.5;
	}

	.l-footer-serviceLink {
		background-image: url(../img/icon_another_window.png);
		background-repeat: no-repeat;
		background-position: 15px center;
		background-size: auto;
		margin-bottom: 10px;
		padding-left: 33px;
		line-height: 1.5;
	}

	.l-footer-pcFirst {
		border-left: none;
		padding-left: 0;
	}

	.l-footer-pcTitle {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.l-footer-leftTitle {
		padding-left: 0;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 25px;
	}

	.l-footer-relatedSite {
		margin-top: 20px;
		margin-bottom: 25px;
		width: 660px;
		float: left;
		font-size: 0;
	}

	.l-footer-relatedItem {
		font-size: 14px;
		font-size: 1.4rem;
		border-left: 1px solid #abd3ea;
		margin-bottom: 10px;
		float: left;
	}
	.l-footer-relatedLink {
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}

	.l-footer-relatedPcEnd {
		border-right: 1px solid #abd3ea;
	}

	.l-footer-relatedLink:last-child {
		border-left: none;
	}

	.l-footer-qr {
		float: right;
		width: 280px;
		height: 100px;
		margin-top: -15px;
		margin-left: 60px;
	}

	.l-footer-qr img {
		vertical-align: middle;
		margin-right: 10px;
	}

	.l-footer-qrText {
		display: inline-block;
		vertical-align: middle;
		line-height: 1.3;
		font-weight: bold;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.l-footer-copy {
		padding-top: 15px;
		font-size: 13px;
		font-size: 1.3rem;
	}

	.l-footer-coopLogo {
		display: none;
	}

	.l-pagetop a {
		width: 55px;
	}
	.l-pagetop a:hover {
		opacity: 0.6;
	}
	/*----------------【 .l-content 】----------------*/
	.l-breadcrumb {
		width: 1000px;
		margin: 15px auto 30px auto;
		padding: 0 0 15px 0;
	}
	.l-breadcrumb-item {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.l-content-inner {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
	}
	.l-pagetitle {
		font-size: 28px;
		font-size:2.8rem;
		text-align:left;
		margin-bottom:40px;
	}
	.l-pagetitle-coopshop {
		font-size: 20px;
		font-size:2.0rem;
		margin-top: 20px;
		margin-bottom:40px;
		padding:15px;
	}

	.l-content-overlay {
		display: none !important
	}
	
	/*----------------------------------------*/
	/************【 top_contents 】************/
	/*----------------------------------------*/

	/*----------------【 l-bookmark 】----------------*/

	.l-bookmark {
		margin-top: 10px;
		height: 70px;
		margin: 10px 0 30px;
		position: relative;
	}

	.bookmark-text {
		float: left;
		margin: 10px 0 0 30px;
	}

	.bookmark-text img {
		width: 405px;
		height: auto;
	}

	.l-bookmarkPcNone {
		display: none;
	}

	.l-bookmarkSpNone {
		float: left;
		width: 145px;
		margin-top: 15px;
		margin-left: 30px;
		font-size: 18px;
		font-size: 1.8rem;
		padding: 12px 15px;
	}

	.l-search-areaInner {
		width: 310px;
	}

	.l-search-area {
		padding: 15px 20px;
		position: absolute;
		right: 0;
		bottom: 0px;
	}
	.m-search-formSubmit {
		background-image: url(../img/icn_glass_pc.png);
		background-size: 18px auto;
	}

	/*----------------【 shopHistory 】----------------*/
	.shopHistory {
		height: auto;
		padding: 7px 8px;
		overflow: hidden;
		position: relative;
	}
	.shopHistory-info {
		padding-left:  120px;
		/*min-width: 600px;
		max-width: 660px;*/
		float: left;
		position:  relative;
	}
	.shopHistory-title {
		font-size: 14px;
		font-size: 1.4rem;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		right: 5px;
		margin: auto 0;
		padding: 0;
		width: 110px;
		height: 1em;
		text-align: center;
	}

	.shopHistory-shop {
		min-width: 400px;
		max-width: 580px;
		margin-bottom: 0;
		text-align: left;
		overflow: hidden;
	}

	.shopHistory-name {
		font-size: 20px;
		font-size: 2.0rem;
		display: inline-block;
		margin: 0;
		padding: 14px 20px 0 10px;
	}

	.shopHistory-favorite {
		width: 280px;
		float: right;
	}
	.shopHistory-favLink {
		width: 280px;
	}
	.shopHistory-btn {
		float: right;
		width: 230px;
		padding-top: 10px;
		padding-right: 10px;
	}
	.shopHistory-btnLink {
	}	
	
	/*----------------【 l-favShop 】----------------*/
	.l-favShop {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.3;
		margin: 0 0 25px 0;
	}
	.l-favShop-content {
		margin: 25px 0 0px 0;
		overflow: hidden;
	}
	.l-favShop-inner {
		padding-bottom: 10px;
	}
	.l-favShop-netsuper {
		float: left;
		width: 258px;
		margin: 0;
	}
	.l-favShop-netsuperBtnPc {
		display: inline-block;
	}
	.l-favShop-netsuperBtnSp {
		display: none;
	}
	.l-favShop-basic {
		margin: 0;
	}
	.l-favShop-holiday {
		float: left;
		width: 243px;
	}
	.l-favShop-open {
		float: right;
		width: 747px;
	}
	.l-favShop-open.l-favShop-hasNetSuper {
		width: 499px;
	}
	.l-favShop-subTitle {
		font-size: 16px;
		font-size: 1.6rem;
		border-left: 3px solid #248EC8;
	}
	.l-favShop-text {
		margin-bottom: 0;
	}
	.l-favShop-beforeNewyear {
		width: 100%;
		overflow: hidden;
		margin-top: 0;
		margin-bottom: 25px;
		position: relative;
		top: 10px;
	}
	.l-favShop-beforeNewyearTitle {
		width: 136px;
		float: left;
		padding: 5px 8px 5px 6px;
		display: flex;
		justify-content: center; 
		align-items: center;
	}
	.l-favShop-beforeNewyearText {
		line-height: 1.3;
		padding: 5px 8px;
		float: left;
		width: 834px;
	}
	
	
	/*----------------【 shopSort 】----------------*/	
	#modal {
		display: none;
		max-height: 400px;
	}
	.l-shopSort {
		max-height: 400px;	
	}
	.l-shopSort-edit {
		padding: 45px 40px 40px 40px;
	}
	.m-shopSort-item {
		margin-bottom: 20px;
		padding-top: 15px;
		padding-left: 20px;
		padding-bottom: 15px;
	}
	.m-shopSort-close {
		top: -10px;
		right: -10px;
	}
	/*----------------【 l-shopAd 】----------------*/
	.l-shopAd {
		position: relative;
		margin: 0 auto 20px auto;
		min-height: 350px;
	}

	.l-shopAd-bnrArea {
		background-color: #090f13;
		border-top: 50px solid #f00808;
		position: static;
		margin-top: 20px;
		clear: both;
	}

	.l-shopAd-bnr {
		background-repeat: no-repeat;
		background-size: auto;
		height:387px;
		width: auto;
		border: none;
		background-position: center;
	}

	.l-shopAd-bnrInner {
		width: 1000px;
		margin: -50px auto 0;
		text-align: left;
	}
	.l-shopAd-bnr img {
		width: auto;
		height: 387px;
		vertical-align: bottom;
		border: 0px;
		margin-left: -10px;
	}

	.l-shopAd-relative {
		width: 1000px;
		margin: 0 auto -50px auto;
		position: relative;	
	}

	.l-shopAd-button {
		position: relative;
		bottom: 50px;
		left: 0;
		z-index: 10;
		text-align: left;
		width: 717px;
	}

	.l-cookpadArea-relative {
		bottom: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 1000px;
	}

	.l-cookpadArea {
		width: 283px;
		background-color: #fff;
		position: absolute;
		top: -15px;
		right: 0;
		margin: 0;
		padding: 15px 13px;
		box-sizing: border-box;
		border: 1px solid #d1d1cf;
		height: 386px;
	}

	.top-cookpadArea {
		background-color: #fff;
		border: 1px solid #d1d1cf;
		box-sizing: border-box;
		height: 387px;
		padding: 15px;
		position: absolute;
		right: 0;
		top: -30px;
		width: 283px;
	}
	
	.l-recipeArea {
		float: left;
		width: auto;
		margin-bottom: 15px;
		margin-top: 35px;
	}
	
	.shop-cooking-titel {
		position: absolute;
		top: -10px;
		left: 10px;
	}

	.l-cooking{
		height: 250px;
		padding: 5px;
		width: 306px;
		position: relative;
		float: left;
		border: 1px solid #e6cd80;
		margin: 0;
	}
	
	.l-cooking-photo {
		width: 208px;
		height: auto;
		border: 4px solid #fff;
		box-sizing: border-box;
		margin-top: 40px;
	}

	.l-cooking-link {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 10px;
	}

	.l-cooking-titel {
		background-image: url("../img/ttl_recipe.png");
		background-repeat: no-repeat;
		background-size: auto;
		width: 222px;
		height: 54px;
		margin-left: -10px;
		margin-top: -8px;
		position: absolute;
	}

	.l-cooking-titel img {
		display: none
	}
	
	.l-cooking_bnrArea {
		width: 100%;
		padding: 0;
		float: none;
	}

	.l-cooking-text {
		padding: 0;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 5px 0;
	}

	.l-cooking-text:before {
		background-image: url("../img/icon_waterColor.png");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 10px 14px;
		content: "";
		display: inline-block;
		height: 15px;
		width: 15px;
	}

	.l-cooking-bnr img {
		display: none;
	}

	.l-cooking-3pointBnr {
		background-image: url(../img/bnr_3point.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto;
		width: 255px;
		height: 65px;
	}

	.l-cooking-3pointBnr:hover,
	.l-cooking-pointotokuBnr:hover {
		opacity: 0.7;
	}

	.l-cooking-pointotokuBnr {
		background-image: url(../img/bnr_point_otoku.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto;
		width: 255px;
		height: 65px;
		margin-top: 15px;
		padding: 0;
	}
	
	
	
	
/*----------------【 top-cooking 】----------------*/	

	
	.top-cooking {
		float: none;
		width: 254px;
		height: 196px;
	}
	
	.shop-cooking-titel {
		background-image: url(../img/ttl_recipe.png);
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto;
		width: 222px;
		height: 53px;
		margin-left: -15px;
    	margin-top: 10px;
	}
	
	.shop-cooking-titel img {
		display: none;
	}
	
	.top-cooking-thumb {
    	margin: 0 auto;
	}
		
	.top-cooking-photo {
		width: auto;
		height: 113px;
	}
	
	.l-cooking-bnr {
		display: block;
		height: 65px;
		margin-right: 12px;
		padding: 0;
		position: relative;
	}
	
	.l-cooking-bnr img {
		width: 255px;
		height: 65px;
		border: 1px solid #cccccc;
		box-sizing: border-box;
		height: auto;
		margin: -1px;
		width: 144px;
		margin-bottom: 12px;
	}
	
	.shop-pointBnr img {
		border: 1px solid #cccccc;
		box-sizing: border-box;
		height: auto;
		margin: -1px;
		width: 144px;
	}
	
	.l-cooking_bnrArea {
		padding-left: 10px;
		box-sizing: border-boxs;
		position: relative;
		padding: 0;
	}
	
	.l-cooking-text {
		margin: 5px 0 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.l-cooking-link {
		color: #027cd0;
		text-decoration: none;
	}
	
	
	
	

	.l-cookpadArea-relative:before {
		background-image: url("/img/recipe-shadow.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: auto 15px;
		content: "";
		display: inline-block;
		height: 15px;
		padding-left: 10px;
		width: 15px;
		position: absolute;
		top: -15px;
		right: -9px;
		z-index: 0;
	}
	
	.l-cookpad {
		width: 300px;
		height: 250px;
		padding-left: 18px;
		float: left;
	}

	.l-items {
		margin-top: 20px;
	}

	.l-itemsButton {
		margin: 20px auto 10px;
		width: 100%;
	}

	.l-recommend {
		margin-top: 20px;
	}

	.l-recommend-list {
		width: 1000px;
		margin: 30px auto 0;
	}

	.l-recommend-item {
		width: 315px;
		margin: 0 27px 40px 0;
	}
	.l-recommend-item:nth-child(2n) {
		margin-right: 27px;
	}
	.l-recommend-item:nth-child(3n) {
		margin-right: 0px;
	}
	
	.l-recommend-thumb {
		display: block;
		width: 100%;
		height: 168px;
	}
	.l-recommend-photo:hover {
		opacity: 0.6;
	}
	.l-recommend-link {
		font-size: 15px;
		font-size: 1.5rem;
	}
	
	.l-recommendButton {
		overflow: hidden;
	}
	
	/*----------------【 l-info 】----------------*/
	.l-infoTwitter-area {
		width: 1000px;
		height: auto;
		margin: 40px auto 0 auto;
	}

	.m-info-area {
		border: 10px solid #eeeeee;
	}

	.info-newsitem {
		padding: 15px 10px;
	}

	.info-newsitem-time {
		float: left;
		line-height: 1.6;
	}

	.info-newsitem-text {
		display: block;
		margin-left: 7em;
	}
	.m-info-titleRight {
		position: absolute;
		top: 15px;
		right: 0;
		margin-top: 0;
	}
	.m-bnr-twwiter {
		display: none;
	}

	.m-twitter-coop {
		width: 274px;
		height:273px;
		float: right;
		margin-top: 40px;
	}
	
	
	/*----------------【 l-dateSetting 】----------------*/
	.l-dateSetting {
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
	}
	.l-dateLogin {
		left: auto;
		right: 0;
	}
	.l-dateSetting-dateChange {
		float: left;
		display: inline;
		line-height: 1.5;
	}
	.l-dateSetting-dateChange input {
		margin-right: 2px;
	}
	.l-dateSetting-dateChange span {
		padding: 0px 0px 0px 45px;
	}
	.l-dateSetting-dateChangeBtn {
		margin-top: 3px;
	}

	.l-dateSetting-dateReset {
		float: left;
		margin-top: 5px;
	}

	.l-dateSetting-dateLogoff {
		float: right;
		text-align: left;
		margin-right: 5px;
		display: inline;
	}

	.l-dateSetting form.dateLogoff span {
		color: #FF0000;
		font-weight: bold;
	}

	.l-dateSetting form.dateLogoff form {
		display: inline;
	}

}