@charset "utf-8";

/* =======================================================
*cvレギュレーション_追加20250916
* ======================================================= */

/* ヘッダー */
header #logo {
	float: left;
	text-indent: -9999px;
	background: url(../../img/common/logo_cv.png)no-repeat;
	background-size: 263px 37px;
	min-width: 263px;
	width: 25%;
	height: 37px;
	display: block;
	margin: 20px 0;
}

#page-nav.cv_page-nav {
	background: rgba(128, 32, 119, 0.9);
	text-align: center;
	clear: both;
}
#page-nav.cv_page-nav li a {
	color: rgb(250, 228, 249);
}
.docomo #page-nav.cv_page-nav .docomo a,.curves #page-nav.cv_page-nav .curves a, .tackleberry #page-nav.cv_page-nav .tackleberry a, #page-nav.cv_page-nav li a:hover {
	color: #fff;
	background: rgba(128, 32, 119, 0.9);
}

@media screen and (min-width: 1161px) {
	/*PCのみ*/
	.shop-page header nav > ul > li.cv_shop > a {
			color: #802077;
		}
}

.nav-pc {
	display: none !important;
}
.close-btn, .accordion_icon, .arrow_icon, .nav-sp {
	display: block !important;
}

/* ハンバーガーアイコンの表示 */
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 34px;
	height: 20px;
	float: right;
	margin: 26px 0 14px;
	padding: 0 !important;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #2e2e2e;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-315deg);
	transform: translateY(9px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(315deg);
	transform: translateY(-9px) rotate(315deg);
}

/* ヘッダー下紫帯説明追加 */
.cv_explanation {
	background: #802077;
}
.cv_explanation > p {
	margin: 0 auto;
	padding: 8px 2%;
	color: #fff;
	font-size: 10px;
}
@media screen and (min-width: 1161px) {
	.cv_explanation > p {
	padding: 8px 5%;
}
}

/* コンテンツ */
.shop-info h1 {
	color: #802077;
}
.head-type2 {
	color: #802077;
}
.map-info .map-big-btn a {
	background: url(../../img/common/icon_blank_r_cv.png) no-repeat 90% center #ffffff;
	display: block;
	color: #802077;
	border: solid 2px #802077;
}
.map-info .map-big-btn a:hover {
	background: url(../../img/common/icon_blank_w.png) no-repeat 90% center #802077;
	color: #ffffff;
}

.breadcrumbs li a {
	background: url(../../img/common/icon_arrow_cv.png) no-repeat right;
	background-size: 5px;
	color: #802077;
}


/* =======================================================
* ドロップダウン移植
* ======================================================= */
header .hed-inner {
	padding: 0 17px 0 15px;
}
.nav-pc {
	display: none !important;
}
header nav {
	display: none;
	z-index: 1000;
	position: absolute;
	background: #fff;
	overflow: hidden;
	/*height: 127.317px;*/
	padding-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	float: none;
	top: 68px;
	height: 100%;
	left: 0;
}
body:not(.curves) header nav {
	display: none;
}

header nav > ul {
	border-top: 1px solid #d2d2d2;
}
header nav li,header nav li dd {
	display: block;
	float: none;
	text-align: left;
	margin: 0;
	position: relative;
}
header nav > ul > li > a {
	display: block;
	border-bottom: 1px solid #d2d2d2;
}
header nav > ul > li > a {
	padding: 20px 15px;
}
header nav li a::before, header nav li a::after {
	content: none;
}
.close-btn {
	margin: 0 4%;
}
.close-btn a {
	margin-top: 1rem;
	display: block;
	padding: 12px;
	text-align: center;
	border: 1px solid #ccc;
	text-decoration: none;
	border-radius: 5px;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 34px;
	height: 20px;
	float: right;
	margin: 26px 0 14px;
	padding: 0 !important;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #2e2e2e;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-315deg);
	transform: translateY(9px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(315deg);
	transform: translateY(-9px) rotate(315deg);
}
header nav li.ad ul li a {
	line-height: 0;
}
header nav li.ad ul li:last-child a {
	margin-bottom: 0;
}
header nav li.ad {
	position: relative;
}
header nav li.ad a {
	display: block;
}
header nav li.ad:first-child {
	border-top: none !important;
}
/*.accordionlist dt .title{
  padding-left: 10px;
float: left;
}*/

header nav li.ad .mega-inner {
	display: none;
	background: #f6f6f6;
	top: 0;
	height: auto;
}
header nav li.ad .mega-inner ul {
	margin: 0;
	padding: 0;
}
header nav li.ad .mega-inner ul li {
	background: #f6f6f6;
	width: 100%;
}

header nav > ul > li > .mega-inner .mega-link > li {
	width: 100%;
	float: none;
}
header nav > ul > li > .mega-inner .mega-link .mega-list {
	width: 100%;
}
header nav > ul > li > .mega-inner .mega-link .nav-sp {
	font-size: .8rem;
	line-height: 50px;
	padding-left: 30px;
}


header nav > ul > li > .mega-inner {
	display: none;
	width: 100%;
	z-index: 99;
	box-sizing: border-box;
	top: 68px;
	background: rgba(255,255,255,0.97);
	text-align: left;
	left: 0;
	overflow: hidden;
}
header nav > ul > li > .mega-inner .mega-link {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
}


header nav li.ad .mega-inner ul li a {
	float: none!important;
	display: block;
	width: 100%;
	/*padding: 1.7rem 30px;*/
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
}
.accordion_icon, .accordion_icon span {
	display: inline-block;
	margin-bottom: 0;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 1rem;
	top: 1.5rem;
}
.arrow_icon {
	position: absolute;
	right: 1rem;
	top: .7rem;
}

.arrow_icon::after {
	content: "";
	background: url(../../img/common/icon_arrow.png) no-repeat 50% center;
	background-size: 8px;
	width: 30px;
	height: 30px;
	display: block;
}
.accordion_icon span {
	position: absolute;
	left: 6px;
	width: 50%;
	height: .15rem;
	background-color: #ee3535;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
	top: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

header nav li.ad.active .accordion_icon span:nth-of-type(1) {
	display: none;
}
header nav li.ad.active .accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

/* ショップリスト用 */
.mega-link.shop a {
    padding-left: 30px;
}

/* フッター */
footer .footer_middle ul li.hed, footer .footer_middle ul li.hed a {
	color: #802077;
}
footer .footer_middle ul li a {
	background: url(../../img/common/icon_arrow_cv.png) no-repeat left 10px;
	background-size: 4px;
	padding-left: .8rem;
}
footer .footer_middle ul li a:hover {
	color: #802077;
}