@charset "UTF-8";

/*
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
■ (PC) ～ 990px
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
*/

/*
********************************************************************************
■ レイアウト
********************************************************************************
*/

@media screen and (min-width: 990px) {

	body {
		width: 100%;
		min-width: 960px;
	}

}

/*
------------------------------------------------------------
■ header
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#header {
		border-top: 2px solid #E6002D;
		margin-bottom: 75px;
	}

	#header .inner {
		width: 960px;
		height: 95px;
		margin: 0 auto;
	}

	#logo-header {
		width: 178px;
		font-size: 93%;
		padding-top: 15px;
	}

}

/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#main {
		background: url("../images/bg-main.png") repeat-x left top;
		margin-bottom: 30px;
	}

	#main .inner {
		width: 960px;
		margin: 0 auto;
		padding-top: 20px;
	}

}

/*
------------------------------------------------------------
■ global-menu
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#area-navi {
		display: block;
	}

	#global-menu {
		position: absolute;
		top: 97px;
		width: 100%;
		height: 60px;
		background-color: #E6002D;
		-webkit-box-shadow: 0 2px 3px #d0d0d0;
		-moz-box-shadow: 0 2px 3px #d0d0d0;
		box-shadow: 0 2px 3px #d0d0d0;
	}

	#global-menu ul {
		width: 960px;
		height: 60px;
		margin: 0 auto;
	}

	#global-menu ul li {
		float: left;
	}

	#global-menu ul li a {
		display: block;
		/*width: 160px;*/
		width: 192px;
		height: 60px;
		text-align: left !important;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
	}

	#global-menu #gm-1 {
		background: url("../images/global-menu.png") no-repeat 0 0;
	}

	#global-menu #gm-2 {
		/*background: url("../images/global-menu.png") no-repeat -160px 0;*/
		background: url("../images/global-menu.png") no-repeat -192px 0;
	}

	#global-menu #gm-3 {
		/*background: url("../images/global-menu.png") no-repeat -320px 0;*/
		background: url("../images/global-menu.png") no-repeat -384px 0;
	}

	#global-menu #gm-4 {
		background: url("../images/global-menu.png") no-repeat -480px 0;
	}

	#global-menu #gm-5 {
		/*background: url("../images/global-menu.png") no-repeat -640px 0;*/
		background: url("../images/global-menu.png") no-repeat -576px 0;
	}

	#global-menu #gm-6 {
		/*background: url("../images/global-menu.png") no-repeat -800px 0;*/
		background: url("../images/global-menu.png") no-repeat -768px 0;
	}

	#global-menu #gm-1:hover,
	#global-menu #gm-1.selected {
		background: url("../images/global-menu.png") no-repeat 0 -60px;
	}

	#global-menu #gm-2:hover,
	#global-menu #gm-2.selected {
		/*background: url("../images/global-menu.png") no-repeat -160px -60px;*/
		background: url("../images/global-menu.png") no-repeat -192px -60px;
	}

	#global-menu #gm-3:hover,
	#global-menu #gm-3.selected {
		/*background: url("../images/global-menu.png") no-repeat -320px -60px;*/
		background: url("../images/global-menu.png") no-repeat -384px -60px;
	}

	#global-menu #gm-4:hover,
	#global-menu #gm-4.selected {
		background: url("../images/global-menu.png") no-repeat -480px -60px;
	}

	#global-menu #gm-5:hover,
	#global-menu #gm-5.selected {
		/*background: url("../images/global-menu.png") no-repeat -640px -60px;*/
		background: url("../images/global-menu.png") no-repeat -576px -60px;
	}

	#global-menu #gm-6:hover,
	#global-menu #gm-6.selected {
		/*background: url("../images/global-menu.png") no-repeat -800px -60px;*/
		background: url("../images/global-menu.png") no-repeat -768px -60px;
	}

}


/*
------------------------------------------------------------
■ global-menu-sub
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#global-menu-sub {
		position: absolute;
		top: 10px;
		width: 100%;
		font-size: 93%;
		line-height: 200%;
	}

	#global-menu-sub ul.sub-menu {
		width: 960px;
		margin: 0 auto;
		text-align: right;
	}

	#global-menu-sub ul.sub-menu li {
		display: inline;
		padding-left: 18px;
		margin-right: 10px;
		background: url("../images/bg-arrow-01.png") no-repeat left center;
	}

	#global-menu-sub ul.sub-menu li:last-child {
		margin-right: 0;
	}

}


/*
------------------------------------------------------------
■ area-search
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#area-search {
		position: absolute;
		top: 50px;
		width: 100%;
	}

	#area-search .inner {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}

	#area-search form {
		position: absolute;
		top: 0;
		right: 190px;
	}

	#area-search #input-search {
		width: 150px;
		padding: 3px 0;
	}

	#area-search #btn-search {
		width: 30px;
		height: 30px;
		vertical-align: middle;
	}

	#area-search #btn-search-shop {
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: 170px;
	}

}


/*
------------------------------------------------------------
■ footer
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#footer {
		background-color: #EEEEEE;
		border-bottom: 50px solid #E6002D;
		margin-top: 90px;
	}

	#footer .inner {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}

	#footer ul.sub-menu {
		font-size: 93%;
		line-height: 200%;
		padding-top: 15px;
		margin-bottom: 13px;
	}

	#footer ul.sub-menu li {
		display: inline;
		padding-left: 18px;
		margin-right: 10px;
		background: url("../images/bg-arrow-02.png") no-repeat left center;
	}

	#footer #footer-bottom {
		position: absolute;
		bottom: -60px;
		left: 0;
	}

	#footer #footer-bottom #logo-footer {
		float: left;
		width: 105px;
		height: 20px;
		margin-right: 15px;
	}

	#footer #footer-bottom div {
		float: left;
		border-left: 1px solid #ffffff;
		margin-top: 6px;
		padding-left: 15px;
	}

	#footer #footer-bottom div p {
		margin-top: 0.5em;
		margin-bottom: 0;
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #footer-bottom div small {
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #image-shop {
		position: absolute;
		top: -63px;
		left: 0;
		display: block;
		width: 200px;
	}

}



/*
------------------------------------------------------------
■ btn-gotop
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#btn-gotop {
		position: fixed;
		bottom: 20px;
		right: 30px;
		display: block;
		width: 47px;
	}

}


/*
------------------------------------------------------------
■ btn-spmenu
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#btn-spmenu {
		display: none;
	}

}



/*
********************************************************************************
■ TOPページ (PC)
********************************************************************************
*/

/*
------------------------------------------------------------
■ area-slider
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#area-slider {
		width: 96%;
		margin: 0 auto;
	}

}


/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#toppage #main .inner {
		width: 100%;
		margin: 0 auto;
		padding-top: 60px;
	}

	#toppage #main .area-section {
		width: 100%;
		padding: 40px 0 50px;
		border-top: 1px solid #333333;
		background: url("../images/bg-area-section-top.gif") repeat-x left top;

		/*margin-bottom: 50px;*/
	}

	#toppage #main .area-section#area-section-pickup {
		background: url("../images/bg-area-section-top.gif") repeat left top;
		margin-bottom: 0;
	}

	#toppage #main .area-section.area-section-nobg {
		border-top: none;
		background: none;
		margin-bottom: 30px;
	}

	#toppage #main .area-section.area-section-decobg {
		border-top: none;
		background: url("../images/bg-area-section-top.gif") repeat left top;
		/*margin-bottom: 50px;*/
	}

	#toppage #main .area-section .inner {
		width: 960px;
		margin: 0 auto;
		padding-top: 0;
	}

	#toppage #main .area-section .inner .area-section-title {
		width: 300px;
		margin: -73px auto 40px;
		background: url("../images/bg-area-section-title-top.png") no-repeat left bottom;
		text-align: center;
		padding-bottom: 3px;
	}

	.ie7 #toppage #main .area-section .inner .area-section-title {
		margin: -79px auto 40px;
	}

	.ie6 #toppage #main .area-section {
		padding-top: 10px;
	}

	.ie6 #toppage #main .area-section .inner .area-section-title {
		margin: 0 auto 40px;
	}



	/* --- ▼ ピックアップリスト ( 5件横リスト ) ▼ --- */
	#toppage #list-pickup {
		width: 100%;
		/*width: 80%;*/
		margin: 0 auto 40px;
	}

	#toppage #list-pickup li {
		float: left;
		display: block;
		/*width: 230px;*/
		/*width: 31%;*/
		/*width: 48%;*/
		width: 19.2%;
		background-color: #eeeeee;
		/*margin-right: 13.3333px;*/
		/*margin-right: 3.5%;*/
		/*margin-right: 4%;*/
		margin-right: 1%;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage #list-pickup li:last-child {
		margin-right: 0;
	}

	#toppage #list-pickup li p {
		margin: 0;
		padding: 0 1em 1.5em;
	}

	#toppage #list-pickup li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage #list-pickup li a {
		display: block;
	}

	#toppage #list-pickup li a:hover {
		text-decoration: none;
	}

	#toppage #list-pickup li a:hover span {
		background-color: #D2002B;
	}


	/* --- ▼ その他メニューボタンリスト ( 5件横リスト ) ▼ --- */
	#toppage .list-topmenu {
		width: 100%;
	}

	#toppage .list-topmenu li {
		width: 100%;
		float: left;
		display: block;
		/*width: 184px;*/
		width: 24%;
		/*margin-right: 10px;*/
		margin-right: 1.3333%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	/*#toppage .list-topmenu li:nth-child(5n) {*/
	#toppage .list-topmenu li:nth-child(4n) {
		margin-right: 0;
	}

	#toppage .list-topmenu li img {
		display: block;
	}


	/* --- ▼ その他メニューボタンリスト ( 4件横リスト ) ▼ --- */
	#toppage .list-topmenu-02 {
		width: 80%;
		margin: 0 auto;

		/*background-color: #ff0000;*/
	}

	#toppage .list-topmenu-02 li {
		width: 100%;
		float: left;
		display: block;
		width: 184px;
		margin-right: 10px;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu-02 li:nth-child(4n) {
		margin-right: 0;
	}

	#toppage .list-topmenu-02 li img {
		display: block;
	}



	/* --- ▼ その他メニューボタンリスト ( 3件横リスト ) ▼ --- */
	#toppage .list-topmenu-03 {
		width: 60%;
		margin: 0 auto;

		/*background-color: #ff0000;*/
	}

	#toppage .list-topmenu-03 li {
		float: left;
		display: block;
		width: 184px;
		margin-right: 10px;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu-03 li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-topmenu-03 li img {
		display: block;
	}




	/* --- ▼ オリジナルブランド ( 3件横リスト ) ▼ --- */
	#toppage .list-brand {
		/*width: 635px;*/
		width: 100%;
		margin: 0 auto;
		/*padding-top: 20px;*/
	}

	#toppage .list-brand li {
		float: left;
		display: block;
		/*width: 310px;*/
		width: 30%;
		/*margin-right: 15px;*/
		margin-right: 5%;
		/*margin-bottom: 35px;*/
		margin-bottom: 10px;
	}

	#toppage .list-brand li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-brand li section {
		padding: 1em;
	}

	#toppage .list-brand li section h3 {
		text-align: center;
		font-size: 161.6%;
	}

	#toppage .list-brand li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-brand li a {
		display: block;
	}

	#toppage .list-brand li a:hover {
		text-decoration: none;
	}

	#toppage .list-brand li a:hover span {
		background-color: #D2002B;
	}


	/* --- ▼ ニュースリリース ▼ --- */
	#toppage .list-news {
		width: 100%;
		padding-top: 30px;
		/*padding-bottom: 10px;*/
	}

	#toppage .list-news li {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1.5em;
	}

	#toppage .list-news li dl {
		margin-bottom: 0.8em;
	}

	#toppage .list-news li dl dt,
	#toppage .list-news li dl dd.news-category {
		float: left;
	}

	#toppage .list-news li dl dt {
		font-weight: bold;
		margin-right: 15px;
	}

	#toppage .list-news li dl dd.news-category {
		color: #ffffff;
		text-align: center;
		width: 7em;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-news li dl dd.category-item {
		background-color: #FB7102;
	}

	#toppage .list-news li dl dd.category-company {
		background-color: #193CD9;
	}

	#toppage .list-news li dl dd.category-topics {
		background-color: #FA38E1;
	}

	#toppage .list-news li dl dd.news-title {
		padding-left: 220px;
	}

	#toppage #link-archive-news {
		text-align: right;
		font-weight: bold;
		text-decoration: underline;
	}

	.ie6 #toppage .list-news li dl,
	.ie7 #toppage .list-news li dl {
		padding-bottom: 0.8em;
	}



	/* --- ▼ バナー ▼ --- */
	#toppage .list-banner {
		/*width: 100%;*/
		width: 80%;
		/*margin-top: 30px;*/
		margin: 30px auto 0;
		text-align: center;
	}

	#toppage .list-banner li {
		display: inline;
		padding-right: 10px;
	}

	#toppage .list-banner li img {
		width: 150px;
	}


	/* --- ▼ グループ会社バナー ▼ --- */
	#toppage .list-banner-group {
		width: 705px;
		margin: 0 auto;
		text-align: center;
	}

	#toppage .list-banner-group li {
		display: block;
		width: 215px;
		float: left;
		margin-right: 30px;
		margin-bottom: 10px;
	}

	#toppage .list-banner-group li:nth-child(3n) {
		margin-right: 0;
	}

}



/*
********************************************************************************
■ 下層ページ (PC)
********************************************************************************
*/

/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#eachpage #main .inner {
		padding-top: 20px;
	}

	#eachpage #main #side-contents {
		width: 200px;
		float: left;
	}

	#eachpage #main #main-contents {
		width: 720px;
		float: right;
	}

	/* サイドメニューなしのページ */
	#eachpage.no-side-contents #main #main-contents {
		width: 100%;
	}

}


/*
------------------------------------------------------------
■ main-contents
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#eachpage #main #main-contents h1 {
		font-size: 146.5%;
		padding-bottom: 15px;
		margin-bottom: 20px;
		background: url("../images/bg-h1.gif") repeat-x left bottom;
	}

	#eachpage #main #main-contents h1 span{
		display: block;
		padding: 10px 0 10px 10px;
		border-top: 4px solid #aaa;
		border-bottom: 1px solid #aaa;
	}

	#eachpage #main #main-contents .inner {
		width: 690px;
		padding-top: 0;
		margin: 0 auto;
	}

	/* サイドメニューなしのページ */
	#eachpage.no-side-contents #main #main-contents .inner {
		width: 96%;
		margin: 0 auto;
	}

	#eachpage #main #main-contents .inner section {
		margin-bottom: 30px;
	}

	#eachpage #main #main-contents .inner section .section-inner {
		margin: 0 10px;
	}

	#eachpage #main #main-contents .inner h2 {
		font-size: 116%;
		padding-bottom: 3px;
		margin-bottom: 1em;
		border-bottom: 1px solid #E6002D;
	}

	#eachpage #main #main-contents .inner h2 span {
		display: block;
		padding-left: 5px;
		border-left: 5px solid #E6002D;
	}

	#eachpage #main #main-contents .inner h3 {
		font-size: 100%;
		padding-left: 5px;
		margin-bottom: 1em;
		border-left: 4px solid #aaa;
	}

}


/*
------------------------------------------------------------
■ side-contents
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#eachpage #main #side-contents .side-menu dt {
		position: relative;
		z-index: 99;
		display: block;
		width: 200px;
		height: 60px;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
	}

	/* -- 企業情報カテゴリ -- */
	#eachpage #main #side-contents .side-menu#side-menu-profile dt {
		background: url("../images/side-menu-profile.png") no-repeat left top;
	}

	/* -- 商品情報カテゴリ -- */
	#eachpage #main #side-contents .side-menu#side-menu-item dt {
		background: url("../images/side-menu-item.png") no-repeat left top;
	}

	/* -- キャンペーン・セールカテゴリ -- */
	#eachpage #main #side-contents .side-menu#side-menu-sale dt {
		background: url("../images/side-menu-sale.png") no-repeat left top;
	}

	/* -- タイアップ -- */
	#eachpage #main #side-contents .side-menu#side-menu-tieup dt {
		background: url("../images/side-menu-tieup.png") no-repeat left top;
	}

	/* -- 加盟店情報 -- */
	#eachpage #main #side-contents .side-menu#side-menu-shop dt {
		background: url("../images/side-menu-shop.png") no-repeat left top;
	}

	/* -- 各種サービス -- */
	#eachpage #main #side-contents .side-menu#side-menu-service dt {
		background: url("../images/side-menu-service.png") no-repeat left top;
	}

	/* -- オープン店舗 -- */
	#eachpage #main #side-contents .side-menu#side-menu-newshop dt {
		background: url("../images/side-menu-newshop.png") no-repeat left top;
	}





	#eachpage #main #side-contents .side-menu dd {
		display: block;
		margin-top: -6px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper {
		border-bottom: 1px solid #ccc;
		font-size: 108%;
		font-weight: bold;
		line-height: 15px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-upper a {
		display: block;
		padding: 20px 10px 20px 20px;
		background: url("../images/bg-arrow-03.png") no-repeat 10px center;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-upper a:hover {
		color: #E6002D;
		text-decoration: none;
		background-color: #F0F0E1;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower {
		border-bottom: 1px dotted #ccc;
		font-weight: bold;
		line-height: 15px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower:last-child,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower-last {
		border-bottom: 1px solid #ccc;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower a {
		display: block;
		padding: 10px 20px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower a:hover {
		color: #E6002D;
		text-decoration: none;
		background-color: #F0F0E1;
	}

}



/*
------------------------------------------------------------
■ btn-sp-side-menu
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#btn-sp-side-menu {
		display: none;
	}

}



/*
------------------------------------------------------------
■ breadcrumbs
------------------------------------------------------------
*/

@media screen and (min-width: 990px) {

	#eachpage #breadcrumbs {
		font-size: 93%;
		margin-bottom: 20px;
	}

	#eachpage #breadcrumbs li {
		display: block;
		float: left;
		padding-left: 10px;
		margin-right: 5px;
		background: url("../images/bg-arrow-04.png") no-repeat left 5px;
	}

	#eachpage #breadcrumbs li:first-child {
		padding-left: 0;
		background: none;
	}

}



/*
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
■ (PC / Tablet) 989px ～ 641px
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
*/

/*
********************************************************************************
■ レイアウト
********************************************************************************
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	body {
		width: 100%;
	}

}

/*
------------------------------------------------------------
■ header
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#header {
		border-top: 2px solid #E6002D;
		margin-bottom: 95px;
	}

	#header .inner {
		width: 96%;
		height: 95px;
		margin: 0 auto;
	}

	#logo-header {
		width: 178px;
		font-size: 93%;
		padding-top: 15px;
	}

}

/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#main {
		background: url("../images/bg-main.png") repeat-x left top;
		margin-bottom: 30px;
	}

	#main .inner {
		width: 96%;
		margin: 0 auto;
		padding-top: 20px;
	}

}

/*
------------------------------------------------------------
■ global-menu
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#area-navi {
		display: block;
	}

	#global-menu {
		position: absolute;
		top: 97px;
		width: 100%;
		background-color: #E6002D;
		-webkit-box-shadow: 0 2px 3px #d0d0d0;
		-moz-box-shadow: 0 2px 3px #d0d0d0;
		box-shadow: 0 2px 3px #d0d0d0;
	}

	#global-menu ul {
		width: 96%;
		height: 80px;
		margin: 0 auto;
	}

	#global-menu ul li {
		float: left;
		/*width: 16.6666%;*/
		width: 20%;
	}

	#global-menu ul li {
		/*border-right: 1px solid #B50024;*/
	}

	#global-menu ul li:last-child {
		border-right: none;
	}

	#global-menu ul li a {
		display: block;
		width: 100%;
		height: 30px;
		padding-top: 50px;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
	}

	#global-menu ul li a:hover {
		text-decoration: none;
	}

	#global-menu #gm-1 {
		background: url("../images/icon-item.png") no-repeat center 5px;
		background-size: 40px 40px;
	}

	#global-menu #gm-2 {
		height: 35px;
		padding-top: 45px;
		line-height: 110%;
		background: url("../images/icon-sale.png") no-repeat center 5px;
		background-size: 40px 40px;
	}

	#global-menu #gm-2 .newline:after {
		content: "\A";
		white-space: pre;
	}

	#global-menu #gm-3 {
		background: url("../images/icon-tieup.png") no-repeat center 5px;
		background-size: 50px 50px;
	}

	#global-menu #gm-4 {
		background: url("../images/icon-newshop.png") no-repeat center 5px;
		background-size: 42px 42px;
	}

	#global-menu #gm-5 {
		background: url("../images/icon-profile.png") no-repeat center 5px;
		background-size: 45px 45px;
	}

	#global-menu #gm-6 {
		background: url("../images/icon-shop.png") no-repeat center 5px;
		background-size: 48px 48px;
	}

	#global-menu #gm-1:hover,
	#global-menu #gm-2:hover,
	#global-menu #gm-3:hover,
	#global-menu #gm-4:hover,
	#global-menu #gm-5:hover,
	#global-menu #gm-6:hover,
	#global-menu #gm-1.selected,
	#global-menu #gm-2.selected,
	#global-menu #gm-3.selected,
	#global-menu #gm-4.selected,
	#global-menu #gm-5.selected,
	#global-menu #gm-6.selected {
		background-color: #C60027;
	}

}


/*
------------------------------------------------------------
■ global-menu-sub
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#global-menu-sub {
		position: absolute;
		top: 9px;
		width: 100%;
		font-size: 93%;
		line-height: 180%;
	}

	#global-menu-sub ul.sub-menu {
		width: 96%;
		margin: 0 auto;
		text-align: right;
	}

	#global-menu-sub ul.sub-menu li {
		display: inline;
		padding-left: 18px;
		margin-right: 10px;
		background: url("../images/bg-arrow-01-l.png") no-repeat left center;
		background-size: 12px 12px;
	}

	#global-menu-sub ul.sub-menu li:nth-child(3n) {
		margin-right: 5px;
	}

	#global-menu-sub ul.sub-menu li:nth-child(3n):after {
		content: "\A";
		white-space: pre;
	}

}


/*
------------------------------------------------------------
■ area-search
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#area-search {
		position: absolute;
		top: 57px;
		width: 100%;
	}

	#area-search .inner {
		position: relative;
		width: 96%;
		margin: 0 auto;
	}

	#area-search form {
		position: absolute;
		top: 0;
		right: 190px;
	}

	#area-search #input-search {
		width: 150px;
		padding: 3px 0;
	}

	#area-search #btn-search {
		width: 30px;
		height: 30px;
		vertical-align: middle;
	}

	#area-search #btn-search-shop {
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: 170px;
	}

}


/*
------------------------------------------------------------
■ footer
------------------------------------------------------------
*/

@media screen and (min-width: 730px) and (max-width: 989px) {

	#footer {
		width: 100%;
		background-color: #EEEEEE;
		border-bottom: 50px solid #E6002D;
		margin-top: 90px;
	}

	#footer .inner {
		position: relative;
		width: 96%;
		margin: 0 auto;
	}

	#footer ul.sub-menu {
		font-size: 93%;
		line-height: 200%;
		padding-top: 15px;
		margin-bottom: 13px;
	}

	#footer ul.sub-menu li {
		display: inline;
		padding-left: 18px;
		margin-right: 10px;
		background: url("../images/bg-arrow-02.png") no-repeat left center;
	}

	#footer #footer-bottom {
		position: absolute;
		bottom: -60px;
		left: 0;
	}

	#footer #footer-bottom #logo-footer {
		float: left;
		width: 105px;
		height: 20px;
		margin-right: 15px;
	}

	#footer #footer-bottom div {
		float: left;
		border-left: 1px solid #ffffff;
		margin-top: 6px;
		padding-left: 15px;
	}

	#footer #footer-bottom div p {
		margin-top: 0.5em;
		margin-bottom: 0;
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #footer-bottom div small {
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #image-shop {
		position: absolute;
		top: -63px;
		left: 0;
		display: block;
		width: 200px;
	}

}

@media screen and (min-width: 641px) and (max-width: 729px) {

	#footer {
		width: 100%;
		background-color: #EEEEEE;
		border-bottom: 90px solid #E6002D;
		margin-top: 90px;
	}

	#footer .inner {
		position: relative;
		width: 96%;
		margin: 0 auto;
	}

	#footer ul.sub-menu {
		font-size: 93%;
		line-height: 200%;
		padding-top: 15px;
		margin-bottom: 13px;

		text-align: center;
	}

	#footer ul.sub-menu li {
		display: inline;
		padding-left: 18px;
		margin-right: 7px;
		background: url("../images/bg-arrow-02.png") no-repeat left center;
	}

	#footer #footer-bottom {
		position: absolute;
		bottom: -100px;
		left: 0;
		width: 100%;
		text-align: center;
	}

	#footer #footer-bottom #logo-footer {
		position: absolute;
		top: -45px;
		left: 50%;
		width: 105px;
		height: 20px;
		margin-left: -50px;
	}

	#footer #footer-bottom div {
		margin-top: 6px;
		width: 100%;
	}

	#footer #footer-bottom div p {
		margin-top: 0.5em;
		margin-bottom: 0;
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #footer-bottom div small {
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #image-shop {
		position: absolute;
		top: -63px;
		left: 0;
		display: block;
		width: 200px;
	}

}



/*
------------------------------------------------------------
■ btn-gotop
------------------------------------------------------------
*/

@media screen and (min-width: 730px) and (max-width: 989px) {

	#btn-gotop {
		position: fixed;
		bottom: 20px;
		right: 30px;
		display: block;
		width: 47px;
	}

}

@media screen and (min-width: 641px) and (max-width: 729px) {

	#btn-gotop {
		position: fixed;
		bottom: 15px;
		right: 20px;
		display: block;
		width: 47px;
	}

}


/*
------------------------------------------------------------
■ btn-spmenu
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#btn-spmenu {
		display: none;
	}

}


/*
********************************************************************************
■ TOPページ (PC / Tablet)
********************************************************************************
*/

/*
------------------------------------------------------------
■ area-slider
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#area-slider {
		width: 96%;
		margin: 15px auto;
	}

}


/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#toppage #main .inner {
		width: 100%;
		margin: 0 auto;
		padding-top: 60px;
	}

	#toppage #main .area-section {
		width: 100%;
		padding: 40px 0 50px;
		border-top: 1px solid #333333;
		background: url("../images/bg-area-section-top.gif") repeat-x left top;

		/*margin-bottom: 50px;*/
	}

	#toppage #main .area-section#area-section-pickup {
		background: url("../images/bg-area-section-top.gif") repeat left top;
		margin-bottom: 0;
	}

	#toppage #main .area-section.area-section-nobg {
		border-top: none;
		background: none;
		margin-bottom: 50px;
	}

	#toppage #main .area-section.area-section-decobg {
		border-top: none;
		background: url("../images/bg-area-section-top.gif") repeat left top;
		/*margin-bottom: 50px;*/
	}

	#toppage #main .area-section .inner {
		width: 96%;
		margin: 0 auto;
		padding-top: 0;
	}

	#toppage #main .area-section .inner .area-section-title {
		width: 300px;
		margin: -73px auto 40px;
		background: url("../images/bg-area-section-title-top-res.png") no-repeat left bottom;
		background-size: 300px 9px;
		text-align: center;
		padding-bottom: 3px;
	}

	.ie7 #toppage #main .area-section .inner .area-section-title {
		margin: -79px auto 40px;
	}

	.ie6 #toppage #main .area-section {
		padding-top: 10px;
	}

	.ie6 #toppage #main .area-section .inner .area-section-title {
		margin: 0 auto 40px;
	}

}


/* --- ▼ ピックアップリスト ( 5件横リスト ) ▼ --- */

@media screen and (min-width: 800px) and (max-width: 989px) {

	#toppage #list-pickup {
		width: 100%;
		/*width: 80%;*/
		margin: 0 auto 40px;
	}

	#toppage #list-pickup li {
		float: left;
		display: block;
		/*width: 24%;*/
		/*width: 31%;*/
		/*width: 48%;*/
		width: 19.2%;
		background-color: #eeeeee;
		/*margin-right: 1.333%;*/
		/*margin-right: 3.5%;*/
		/*margin-right: 4%;*/
		margin-right: 1%;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage #list-pickup li:last-child {
		margin-right: 0;
	}

	#toppage #list-pickup li p {
		margin: 0;
		padding: 0 1em 1.5em;
	}

	#toppage #list-pickup li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage #list-pickup li a {
		display: block;
	}

	#toppage #list-pickup li a:hover {
		text-decoration: none;
	}

	#toppage #list-pickup li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ ピックアップリスト ( 2件横リスト ) ▼ --- */

@media screen and (min-width: 641px) and (max-width: 799px) {

	#toppage #list-pickup {
		width: 80%;
		margin: 0 auto 40px;
	}

	#toppage #list-pickup li {
		float: left;
		display: block;
		width: 48%;
		background-color: #eeeeee;
		margin-right: 4%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage #list-pickup li:nth-child(2n) {
		margin-right: 0;
	}

	#toppage #list-pickup li p {
		margin: 0;
		padding: 0 1em 1.5em;
	}

	#toppage #list-pickup li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage #list-pickup li a {
		display: block;
	}

	#toppage #list-pickup li a:hover {
		text-decoration: none;
	}

	#toppage #list-pickup li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ その他メニューボタンリスト ( 5件横リスト ) ▼ --- */
@media screen and (min-width: 800px) and (max-width: 989px) {

	#toppage .list-topmenu {
		width: 100%;
	}

	#toppage .list-topmenu li {
		float: left;
		display: block;
		/*width: 19%;*/
		width: 24%;
		/*margin-right: 1.25%;*/
		margin-right: 1.3333%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	/*#toppage .list-topmenu li:nth-child(5n) {*/
	#toppage .list-topmenu li:nth-child(4n) {
		margin-right: 0;
	}

	#toppage .list-topmenu li img {
		display: block;
	}

}



/* --- ▼ その他メニューボタンリスト ( 4件横リスト ) ▼ --- */

@media screen and (min-width: 800px) and (max-width: 989px) {

	#toppage .list-topmenu-02 {
		width: 90%;
		margin: 0 auto;


		/*background-color: #ff0000;*/
	}

	#toppage .list-topmenu-02 li {
		float: left;
		display: block;
		width: 23%;
		margin-right: 2.3%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu-02 li:nth-child(4n) {
		margin-right: 0;
	}

	#toppage .list-topmenu-02 li img {
		display: block;
	}

}



/* --- ▼ その他メニューボタンリスト ( 3件横リスト ) ▼ --- */

@media screen and (min-width: 800px) and (max-width: 989px) {

	#toppage .list-topmenu-03 {
		width: 80%;
		margin: 0 auto;


		/*background-color: #ff0000;*/
	}

	#toppage .list-topmenu-03 li {
		float: left;
		display: block;
		width: 30%;
		margin-right: 2.3%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu-03 li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-topmenu-03 li img {
		display: block;
	}

}




/* --- ▼ その他メニューボタンリスト ( 3件横リスト ) ▼ --- */

@media screen and (min-width: 641px) and (max-width: 799px) {

	#toppage .list-topmenu {
		width: 90%;
		margin: 0 auto;
	}

	#toppage .list-topmenu li {
		float: left;
		display: block;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-topmenu li img {
		display: block;
	}

}


/* --- ▼ オリジナルブランド ( 3件横リスト ) ▼ --- */

@media screen and (min-width: 800px) and (max-width: 989px) {

	#toppage .list-brand {
		width: 100%;
		margin: 0 auto;
	}

	#toppage .list-brand li {
		float: left;
		display: block;
		width: 30%;
		margin-right: 5%;
		/*margin-bottom: 35px;*/
		margin-bottom: 20px;
	}

	#toppage .list-brand li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-brand li section {
		padding: 1em;
	}

	#toppage .list-brand li section h3 {
		text-align: center;
		/*font-size: 161.6%;*/
	}

	#toppage .list-brand li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-brand li a {
		display: block;
	}

	#toppage .list-brand li a:hover {
		text-decoration: none;
	}

	#toppage .list-brand li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ オリジナルブランド ( 2件横リスト ) ▼ --- */

@media screen and (min-width: 641px) and (max-width: 799px) {

	#toppage .list-brand {
		width: 100%;
		margin: 0 auto;
	}

	#toppage .list-brand li {
		float: left;
		display: block;
		width: 30%;
		margin-right: 5%;
		/*margin-bottom: 35px;*/
		margin-bottom: 20px;
	}

	#toppage .list-brand li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-brand li section {
		padding: 1em;
	}

	#toppage .list-brand li section h3 {
		text-align: center;
		/*font-size: 161.6%;*/
	}

	#toppage .list-brand li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-brand li a {
		display: block;
	}

	#toppage .list-brand li a:hover {
		text-decoration: none;
	}

	#toppage .list-brand li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ ニュースリリース ▼ --- */

@media screen and (min-width: 641px) and (max-width: 989px) {

	#toppage .list-news {
		width: 90%;
		margin: 0 auto;
		padding-top: 30px;
		/*padding-bottom: 10px;*/
	}

	#toppage .list-news li {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1.5em;
	}

	#toppage .list-news li dl {
		margin-bottom: 0.8em;
	}

	#toppage .list-news li dl dt,
	#toppage .list-news li dl dd.news-category {
		float: left;
	}

	#toppage .list-news li dl dt {
		font-weight: bold;
		margin-right: 15px;
	}

	#toppage .list-news li dl dd.news-category {
		color: #ffffff;
		text-align: center;
		width: 7em;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-news li dl dd.category-item {
		background-color: #FB7102;
	}

	#toppage .list-news li dl dd.category-company {
		background-color: #193CD9;
	}

	#toppage .list-news li dl dd.category-topics {
		background-color: #FA38E1;
	}

	#toppage .list-news li dl dd.news-title {
		/*padding-left: 220px;*/
		padding-top: 1em;
		clear: both;
	}

	#toppage #link-archive-news {
		padding-top: 20px;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
	}

	.ie6 #toppage .list-news li dl,
	.ie7 #toppage .list-news li dl {
		padding-bottom: 0.8em;
	}

}


@media screen and (min-width: 641px) and (max-width: 989px) {

	/* --- ▼ バナー ▼ --- */
	#toppage .list-banner {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}

	#toppage .list-banner li {
		display: inline-block;
		width: 180px;
		padding-right: 10px;
	}

	#toppage .list-banner li img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}


	/* --- ▼ グループ会社バナー ▼ --- */
	#toppage .list-banner-group {
		width: 100%;
		text-align: center;
	}

	#toppage .list-banner-group li {
		display: inline-block;
		width: 215px;
	}

}



/*
********************************************************************************
■ 下層ページ (PC / Tablet)
********************************************************************************
*/

/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#eachpage #main .inner {
		position: relative;
		padding-top: 20px;
	}

	#eachpage #main #side-contents {
		position: absolute;
		top: 0;
		right: 0;
	}

	#eachpage #main #main-contents {
		width: 100%;
	}

}


/*
------------------------------------------------------------
■ main-contents
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#eachpage #main #main-contents h1 {
		font-size: 146.5%;
		padding-bottom: 15px;
		margin-bottom: 20px;
		background: url("../images/bg-h1.gif") repeat-x left bottom;
	}

	#eachpage #main #main-contents h1 span{
		display: block;
		padding: 10px 0 10px 10px;
		border-top: 4px solid #aaa;
		border-bottom: 1px solid #aaa;
	}

	#eachpage #main #main-contents .inner {
		width: 98%;
		padding-top: 0;
		margin: 0 auto;
	}

	#eachpage #main #main-contents .inner section {
		margin-bottom: 30px;
	}

	#eachpage #main #main-contents .inner section .section-inner {
		margin: 0 10px;
	}

	#eachpage #main #main-contents .inner h2 {
		font-size: 116%;
		padding-bottom: 3px;
		margin-bottom: 1em;
		border-bottom: 1px solid #E6002D;
	}

	#eachpage #main #main-contents .inner h2 span {
		display: block;
		padding-left: 5px;
		border-left: 5px solid #E6002D;
	}

	#eachpage #main #main-contents .inner h3 {
		font-size: 100%;
		padding-left: 5px;
		margin-bottom: 1em;
		border-left: 4px solid #aaa;
	}

}


/*
------------------------------------------------------------
■ side-contents
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#eachpage #main #side-contents .side-menu {
		width: 200px;
	}

	#eachpage #main #side-contents .side-menu dt {
		display: none;
	}

	#eachpage #main #side-contents .side-menu dd {
		display: none;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-color: #fff;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper {
		border-bottom: 1px solid #ccc;
		font-size: 108%;
		font-weight: bold;
		line-height: 15px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-upper a {
		display: block;
		padding: 15px 10px 15px 20px;
		/*background: url("../images/bg-arrow-03.png") no-repeat 10px center;*/

		background: url("../images/bg-arrow-03-l.png") no-repeat 10px center;
		background-size: 5px 10px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-upper a:hover {
		color: #E6002D;
		text-decoration: none;
		background-color: #F0F0E1;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower {
		border-bottom: 1px dotted #ccc;
		font-weight: bold;
		line-height: 15px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower:last-child,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower-last {
		border-bottom: 1px solid #ccc;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower a {
		display: block;
		padding: 10px 20px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower a:hover {
		color: #E6002D;
		text-decoration: none;
		background-color: #F0F0E1;
	}

}



/*
------------------------------------------------------------
■ btn-sp-side-menu
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#btn-sp-side-menu {
		display: block;
		width: 200px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		margin-bottom: 0;
		background-color: #E6002D;
		cursor: pointer;
	}

}



/*
------------------------------------------------------------
■ breadcrumbs
------------------------------------------------------------
*/

@media screen and (min-width: 641px) and (max-width: 989px) {

	#eachpage #breadcrumbs {
		font-size: 93%;
		margin-bottom: 20px;
	}

	#eachpage #breadcrumbs li {
		display: block;
		float: left;
		padding-left: 10px;
		margin-right: 5px;
		background: url("../images/bg-arrow-04-l.png") no-repeat left 5px;
		background-size: 5px 10px;
	}

	#eachpage #breadcrumbs li:first-child {
		padding-left: 0;
		background: none;
	}

}



/*
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
■ (SP) 640px ～ 
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
*/

/*
********************************************************************************
■ レイアウト
********************************************************************************
*/

@media screen and (max-width: 640px) {

	body {
		width: 100%;
	}

}

/*
------------------------------------------------------------
■ header
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#header {
		border-top: 3px solid #E6002D;
		border-bottom: 1px solid #eeeeee;
	}

	#header .inner {
		width: 96%;
		height: 70px;
		margin: 0 auto;
	}

	#logo-header {
		width: 150px;
		font-size: 77%;
		padding-top: 8px;
	}

}

/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#main {
		background: url("../images/bg-main.png") repeat-x left top;
		margin-bottom: 120px;
	}

	#main .inner {
		width: 96%;
		margin: 0 auto;
		padding-top: 20px;
	}

}

/*
------------------------------------------------------------
■ global-menu
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#area-navi {
		display: none;

		z-index: 9999;
		position: absolute;
		top: 60px;
		right: 15px;
		background-color: #E6002D;
		border: 2px solid #B50024;
		padding: 8px 20px;

		-webkit-box-shadow: 2px 2px 3px #333;
		-moz-box-shadow: 2px 2px 3px #333;
		box-shadow: 2px 2px 3px #333;
	}

	#global-menu ul {
		width: 100%;
		margin: 0 auto;
	}

	#global-menu ul li {
		height: 50px;
		border-bottom: 1px solid #B50024;
	}

	#global-menu ul li a {
		display: block;
		height: 50px;
		color: #ffffff;
		font-weight: bold;
		line-height: 50px;

		padding-right: 40px;

		/*padding-left: 60px;
		padding-right: 5px;*/
	}

	#global-menu ul li a:hover {
		text-decoration: none;
	}

	/*
	#global-menu #gm-1 {
		background: url("../images/icon-item.png") no-repeat 6px center;
		background-size: 40px 40px;
	}

	#global-menu #gm-2 {
		background: url("../images/icon-sale.png") no-repeat 6px center;
		background-size: 40px 40px;
	}

	#global-menu #gm-3 {
		background: url("../images/icon-tieup.png") no-repeat left center;
		background-size: 50px 50px;
	}

	#global-menu #gm-4 {
		background: url("../images/icon-newshop.png") no-repeat left center;
		background-size: 42px 42px;
	}

	#global-menu #gm-5 {
		background: url("../images/icon-profile.png") no-repeat left center;
		background-size: 45px 45px;
	}

	#global-menu #gm-6 {
		background: url("../images/icon-shop.png") no-repeat left center;
		background-size: 48px 48px;
	}
	*/

}


/*
------------------------------------------------------------
■ global-menu-sub
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#global-menu-sub ul.sub-menu {
		width: 100%;
		margin: 0 auto;
		/*text-align: center;*/
	}

	#global-menu-sub ul.sub-menu li {
		height: 50px;
		border-bottom: 1px solid #B50024;
	}

	#global-menu-sub ul.sub-menu li:last-child {
		border-bottom: none;
	}

	#global-menu-sub ul.sub-menu li a {
		display: block;
		height: 50px;
		color: #ffffff;
		font-weight: bold;
		line-height: 50px;
		padding-right: 40px;
	}

	#global-menu-sub ul.sub-menu li a:hover {
		text-decoration: none;
	}

}


/*
------------------------------------------------------------
■ area-search
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#area-search {
		z-index: 999;
		position: relative;
		width: 100%;
		margin-bottom: -290px;
	}

	#area-search .inner {
		width: 96%;
		margin: 0 auto;
	}

	#area-search form {
		text-align:center;
	}

	#area-search #input-search {
		width: 150px;
		padding: 3px 0;
	}

	#area-search #btn-search {
		width: 30px;
		height: 30px;
		vertical-align: middle;
	}

	#area-search #btn-search-shop {
		margin: 10px auto;
		width: 170px;
	}

}


/*
------------------------------------------------------------
■ footer
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#footer {
		width: 100%;
		background-color: #EEEEEE;
		border-bottom: 100px solid #E6002D;
		margin-top: 190px;
	}

	#footer .inner {
		position: relative;
		width: 96%;
		margin: 0 auto;
		padding-top: 110px;
	}

	#footer ul.sub-menu {
		font-size: 93%;
		line-height: 200%;
		margin-bottom: 13px;
		text-align: center;
	}

	#footer ul.sub-menu li {
		display: inline;
		padding-left: 18px;
		margin-right: 7px;
		background: url("../images/bg-arrow-02.png") no-repeat left center;
	}

	#footer ul.sub-menu li a:hover {
		text-decoration: none;
	}

	#footer ul.sub-menu li:nth-child(3n) {
		margin-right: 0;
	}

	#footer ul.sub-menu li:nth-child(3n):after {
		content: "\A";
		white-space: pre;
	}

	#footer #footer-bottom {
		position: absolute;
		bottom: -110px;
		left: 0;
		width: 100%;
		text-align: center;
	}

	#footer #footer-bottom #logo-footer {
		position: absolute;
		top: -40px;
		left: 50%;
		width: 105px;
		height: 20px;
		margin-left: -50px;
	}

	#footer #footer-bottom div {
		margin-top: 6px;
		width: 100%;
	}

	#footer #footer-bottom div p {
		margin-top: 0.5em;
		margin-bottom: 0;
		color: #ffffff;
		font-size: 85%;
		line-height: 120%;
	}

	#footer #footer-bottom div p span.newline:after {
		content: "\A";
		white-space: pre;
	}

	#footer #footer-bottom div small {
		color: #ffffff;
		font-size: 85%;
		line-height: 85%;
	}

	#footer #image-shop {
		position: absolute;
		top: -63px;
		left: 0;
		display: block;
		width: 200px;
	}

}





/*
------------------------------------------------------------
■ btn-gotop
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#btn-gotop {
		position: fixed;
		bottom: 0px;
		right: 10px;
		display: block;
		width: 30px;
	}

}


/*
------------------------------------------------------------
■ btn-spmenu
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#btn-spmenu {
		display: block;
		width: 40px;
		position: absolute;
		top: 19px;
		right: 15px;
	}

}


/*
------------------------------------------------------------
■ hover-opacity
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	.hover-op:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}

}


/*
********************************************************************************
■ TOPページ (SP)
********************************************************************************
*/

/*
------------------------------------------------------------
■ area-slider
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#area-slider {
		width: 96%;
		margin: 15px auto 5px;
	}

}


/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#toppage #main .inner {
		width: 100%;
		margin: 0 auto;
		padding-top: 40px;
	}

	#toppage #main .area-section {
		width: 100%;
		padding: 20px 0 20px;
		border-top: 1px solid #333333;
		background: url("../images/bg-area-section-top.gif") repeat-x left top;
		background-size: 12px 12px;

		/*margin-bottom: 50px;*/
	}

	#toppage #main .area-section#area-section-pickup {
		background: url("../images/bg-area-section-top.gif") repeat left top;
		background-size: 12px 12px;

		margin-bottom: 0;
	}

	#toppage #main .area-section.area-section-nobg {
		border-top: none;
		background: none;
		margin-bottom: 30px;
	}

	#toppage #main .area-section.area-section-decobg {
		border-top: none;
		background: url("../images/bg-area-section-top.gif") repeat left top;
		background-size: 12px 12px;
		/*margin-bottom: 50px;*/
	}

	#toppage #main .area-section .inner {
		width: 96%;
		margin: 0 auto;
		padding-top: 0;
	}

	#toppage #main .area-section .inner .area-section-title {
		width: 250px;
		margin: -53px auto 20px;
		background: url("../images/bg-area-section-title-top-res.png") no-repeat left bottom;
		background-size: 250px 7px;
		text-align: center;
		padding-bottom: 3px;
	}

	.ie7 #toppage #main .area-section .inner .area-section-title {
		margin: -79px auto 40px;
	}

	.ie6 #toppage #main .area-section {
		padding-top: 10px;
	}

	.ie6 #toppage #main .area-section .inner .area-section-title {
		margin: 0 auto 40px;
	}

}


/* --- ▼ ピックアップリスト ( 2件横リスト ) ▼ --- */

@media screen and (min-width: 470px) and (max-width: 640px) {

	#toppage #list-pickup {
		width: 96%;
		margin: 0 auto 40px;
	}

	#toppage #list-pickup li {
		float: left;
		display: block;
		width: 48%;
		background-color: #eeeeee;
		margin-right: 4%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage #list-pickup li:nth-child(2n) {
		margin-right: 0;
	}

	#toppage #list-pickup li p {
		margin: 0;
		padding: 0 1em 1.5em;
	}

	#toppage #list-pickup li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage #list-pickup li a {
		display: block;
	}

	#toppage #list-pickup li a:hover {
		text-decoration: none;
	}

	#toppage #list-pickup li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ ピックアップリスト ( 2件横リスト ) ▼ --- */

@media screen and (max-width: 469px) {

	#toppage #list-pickup {
		width: 98%;
		margin: 0 auto 30px;
	}

	#toppage #list-pickup li {
		float: left;
		display: block;
		width: 49%;
		background-color: #eeeeee;
		margin-right: 2%;
		margin-bottom: 10px;

		text-align: center;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage #list-pickup li:nth-child(2n) {
		margin-right: 0;
	}

	#toppage #list-pickup li p {
		margin: 0;
		padding: 0 1em 1.5em;
		text-align: left;
	}

	#toppage #list-pickup li span {
		display: inline-block;
		font-size: 93%;
		padding: 0 5px;
		margin:	 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage #list-pickup li a {
		display: block;
	}

	#toppage #list-pickup li a:hover {
		text-decoration: none;
	}

	#toppage #list-pickup li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ その他メニューボタンリスト ( 3件横リスト ) ▼ --- */

@media screen and (min-width: 470px) and (max-width: 640px) {

	#toppage .list-topmenu {
		width: 96%;
		margin: 0 auto;
	}

	#toppage .list-topmenu li {
		float: left;
		display: block;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-topmenu li img {
		display: block;
	}

}


/* --- ▼ その他メニューボタンリスト ( 3件横リスト ) ▼ --- */

@media screen and (max-width: 469px) {

	#toppage .list-topmenu {
		width: 98%;
		margin: 0 auto;
	}

	#toppage .list-topmenu li {
		float: left;
		display: block;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 10px;

		-webkit-box-shadow: 2px 2px 3px #d0d0d0;
		-moz-box-shadow: 2px 2px 3px #d0d0d0;
		box-shadow: 2px 2px 3px #d0d0d0;
	}

	#toppage .list-topmenu li:nth-child(3n) {
		margin-right: 0;
	}

	#toppage .list-topmenu li img {
		display: block;
	}

}


/* --- ▼ オリジナルブランド ( 2件横リスト ) ▼ --- */

@media screen and (max-width: 640px) {

	#toppage .list-brand {
		width: 96%;
		/*margin: 0 auto;*/
		margin: 0 auto 20px;
	}

	#toppage .list-brand li {
		float: left;
		display: block;
		width: 48%;
		margin-right: 4%;
		/*margin-bottom: 35px;*/
		margin-bottom: 10px;
	}

	#toppage .list-brand li:nth-child(2n) {
		margin-right: 0;
	}

	#toppage .list-brand li section {
		padding: 1em;
	}

	#toppage .list-brand li section h3 {
		text-align: center;
		/*font-size: 161.6%;*/
	}

	#toppage .list-brand li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-brand li a {
		display: block;
	}

	#toppage .list-brand li a:hover {
		text-decoration: none;
	}

	#toppage .list-brand li a:hover span {
		background-color: #D2002B;
	}

}


/* --- ▼ オリジナルブランド ( 1件リスト ) ▼ --- */

/*
@media screen and (max-width: 469px) {

	#toppage .list-brand {
		width: 200px;
		margin: 0 auto 20px;
	}

	#toppage .list-brand li {
		display: block;
		margin-bottom: 10px;
	}

	#toppage .list-brand li:last-child {
		border-bottom: none;
	}

	#toppage .list-brand li section {
		padding: 1em;
	}

	#toppage .list-brand li section h3 {
		text-align: center;
	}

	#toppage .list-brand li span {
		display: block;
		width: 11em;
		margin: 0 auto 15px;
		text-align: center;
		background-color: #E6002D;
		color: #ffffff;
		font-weight: bold;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-brand li a {
		display: block;
	}

	#toppage .list-brand li a:hover {
		text-decoration: none;
	}

	#toppage .list-brand li a:hover span {
		background-color: #D2002B;
	}

}
*/



/* --- ▼ ニュースリリース ▼ --- */

@media screen and (max-width: 640px) {

	#toppage .list-news {
		width: 90%;
		margin: 0 auto;
		padding-top: 15px;
		/*padding-bottom: 10px;*/
	}

	#toppage .list-news li {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 1.5em;
	}

	#toppage .list-news li dl {
		margin-bottom: 0.8em;
	}

	#toppage .list-news li dl dt,
	#toppage .list-news li dl dd.news-category {
		float: left;
	}

	#toppage .list-news li dl dt {
		font-weight: bold;
		margin-right: 15px;
	}

	#toppage .list-news li dl dd.news-category {
		color: #ffffff;
		text-align: center;
		width: 7em;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	#toppage .list-news li dl dd.category-item {
		background-color: #FB7102;
	}

	#toppage .list-news li dl dd.category-company {
		background-color: #193CD9;
	}

	#toppage .list-news li dl dd.category-topics {
		background-color: #FA38E1;
	}

	#toppage .list-news li dl dd.news-title {
		/*padding-left: 220px;*/
		padding-top: 1em;
		clear: both;
	}

	#toppage #link-archive-news {
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		text-decoration: underline;
	}

	.ie6 #toppage .list-news li dl,
	.ie7 #toppage .list-news li dl {
		padding-bottom: 0.8em;
	}

}


@media screen and (max-width: 640px) {

	/* --- ▼ バナー ▼ --- */
	#toppage .list-banner {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}

	#toppage .list-banner li {
		display: inline-block;
		width: 150px;
		/*padding-right: 10px;
		margin-bottom: 30px;*/
	}

	#toppage .list-banner li img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}


	/* --- ▼ グループ会社バナー ▼ --- */
	#toppage .list-banner-group {
		width: 100%;
		text-align: center;
	}

	#toppage .list-banner-group li {
		display: inline-block;
		width: 150px;
	}

}



/*
********************************************************************************
■ 下層ページ (SP)
********************************************************************************
*/

/*
------------------------------------------------------------
■ main
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#eachpage #main .inner {
		position: relative;
		padding-top: 20px;
	}

	#eachpage #main #side-contents {
		position: absolute;
		top: 45px;
		left: 0;
		width: 100%;
	}

	#eachpage #main #main-contents {
		width: 100%;
		margin-top: 50px;
	}

	/* サイドメニューなしのページ */
	#eachpage.no-side-contents #main #main-contents {
		margin-top: 0;
	}

}


/*
------------------------------------------------------------
■ main-contents
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#eachpage #main #main-contents h1 {
		font-size: 146.5%;
		padding-bottom: 15px;
		margin-bottom: 20px;
		background: url("../images/bg-h1.gif") repeat-x left bottom;
	}

	#eachpage #main #main-contents h1 span{
		display: block;
		padding: 10px 0 10px 10px;
		border-top: 4px solid #aaa;
		border-bottom: 1px solid #aaa;
	}

	#eachpage #main #main-contents .inner {
		width: 98%;
		padding-top: 0;
		margin: 0 auto;
	}

	#eachpage #main #main-contents .inner section {
		margin-bottom: 30px;
	}

	#eachpage #main #main-contents .inner section .section-inner {
		margin: 0 10px;
	}

	#eachpage #main #main-contents .inner h2 {
		font-size: 116%;
		padding-bottom: 3px;
		margin-bottom: 1em;
		border-bottom: 1px solid #E6002D;
	}

	#eachpage #main #main-contents .inner h2 span {
		display: block;
		padding-left: 5px;
		border-left: 5px solid #E6002D;
	}

	#eachpage #main #main-contents .inner h3 {
		font-size: 100%;
		padding-left: 5px;
		margin-bottom: 1em;
		border-left: 4px solid #aaa;
	}

}


/*
------------------------------------------------------------
■ side-contents
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#eachpage #main #side-contents .side-menu dt {
		display: none;
	}

	#eachpage #main #side-contents .side-menu dd {
		display: none;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-color: #fff;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper {
		border-bottom: 1px solid #ccc;
		font-size: 108%;
		font-weight: bold;
		line-height: 15px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-upper a {
		display: block;
		padding: 15px 10px 15px 20px;
		/*background: url("../images/bg-arrow-03.png") no-repeat 10px center;*/

		background: url("../images/bg-arrow-03-l.png") no-repeat 10px center;
		background-size: 5px 10px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-upper.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-upper a:hover {
		color: #E6002D;
		text-decoration: none;
		background-color: #F0F0E1;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower {
		border-bottom: 1px dotted #ccc;
		font-weight: bold;
		line-height: 15px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower:last-child,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower-last {
		border-bottom: 1px solid #ccc;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower a {
		display: block;
		padding: 10px 20px;
	}

	#eachpage #main #side-contents .side-menu dd ul li.menu-lower.selected,
	#eachpage #main #side-contents .side-menu dd ul li.menu-lower a:hover {
		color: #E6002D;
		text-decoration: none;
		background-color: #F0F0E1;
	}

}



/*
------------------------------------------------------------
■ btn-sp-side-menu
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#btn-sp-side-menu {
		display: block;
		height: 35px;
		line-height: 35px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		margin: 0;
		background-color: #E6002D;
	}

}



/*
------------------------------------------------------------
■ breadcrumbs
------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	#eachpage #breadcrumbs {
		font-size: 93%;
		margin-bottom: 20px;
	}

	#eachpage #breadcrumbs li {
		display: block;
		float: left;
		padding-left: 10px;
		margin-right: 5px;
		background: url("../images/bg-arrow-04-l.png") no-repeat left 5px;
		background-size: 5px 10px;
	}

	#eachpage #breadcrumbs li:first-child {
		padding-left: 0;
		background: none;
	}

}



/*
********************************************************************************
■ テーブルスタイル
********************************************************************************
*/
@media screen and (min-width: 990px) {

	.responsive-table {
		width: 100%;
	}

	.responsive-table th,
	.responsive-table td {
		border-bottom: 1px solid #ccc;
	}

	.responsive-table tr:last-child th,
	.responsive-table tr:last-child td {
		border-bottom: none;
	}

}


@media screen and (min-width: 641px) and (max-width: 989px) {

	.responsive-table {
		width: 100%;
	}

	.responsive-table th,
	.responsive-table td {
		border-bottom: 1px solid #ccc;
	}

	.responsive-table tr:last-child th,
	.responsive-table tr:last-child td {
		border-bottom: none;
	}

}


@media screen and (max-width: 640px) {

	.responsive-table {
		width: 100%;
	}

	.responsive-table th {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}

	.responsive-table td {
		display: block;
		width: 100%;
	}

}



/*
********************************************************************************
■ モーダル
********************************************************************************
*/
.scroll-lock {
	overflow: hidden;
}

#modal-overlay {
	display: none;
	position: fixed;
	z-index:999;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: #000000;
	opacity: 0.85;
	filter(alpha=85);
	cursor: pointer;
}

#modal-content {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}


@media screen and (min-width: 600px) {
	#modal-content {
		width: 500px;
	}
}

@media screen and (max-width: 599px) {
	#modal-content {
		width: 90%;
	}
}


#modal-content-wrap {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#modal-content #wrap-image {
	width: 100%;
	margin: 0 auto;
}

#wrap-image img {
	display: block;
}



/*
********************************************************************************
■ google map
********************************************************************************
*/
.google-map {
	width: 100%;
	height: 400px;
	margin: 0 auto 20px;
}



/*
********************************************************************************
■ owl carousel 上書きスタイル
********************************************************************************
*/
.owl-theme .owl-controls {
	margin-bottom: 10px;
}

.owl-theme .owl-dots .owl-dot span {
	background: #ccc !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #E6002D !important;
}




/*
********************************************************************************
■ responsive images -- png images won't be responsible in IE6, use gif or jpg
********************************************************************************
*/
img.responsive-img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.ie8 img.responsive-img {
	width: auto;
}


/*
********************************************************************************
■ switch to images
********************************************************************************
*/
.switch-img {
	text-align: left !important;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}