@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
/* #main_image {
    margin-bottom: 10px;
    text-align: center;
} */

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
/* div#mypagecolumn {
    width: 100%;
} */

/* ==============================================
▼ログイン
=============================================== */
/* .form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
} */



/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area .error {
    padding: 20% 10%;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
/* .pagenumber_area {
    margin-bottom: 20px;
} */

/* .pagination */
#pagenumber_area .pagination{
	margin:1em auto;
}

#pagenumber_area .page-item{
	margin:2px 2px;
}

#pagenumber_area .page-item .page-link,
#pagenumber_area .page-item .page-link-space{
	display:block;
/* 	border:solid 1px #bc034a; */
	border-radius:200px;
	width:2.5em;
	padding:0 0 0 0;
	line-height:2.5em;
	text-align:center;
/* 	color:#bc034a; */
	font-size:1.25rem;
}

#pagenumber_area .page-item .page-link-space{
	border:none;
}

#pagenumber_area .page-item .page-link.disabled{
	display:none;
}

#pagenumber_area .page-item .page-link.active{
	pointer-events:none;
/* 	border-color:#bc034a;
	background-color:#bc034a;
	color:#ffffff; */
}

@media screen and (min-width: 0px) and (max-width: 430px){
	#pagenumber_area .page-item .page-link,
	#pagenumber_area .page-item .page-link-space{
		font-size:4.65vw;
	}
}


/* レイアウト
----------------------------------------------- */
.block_outer{
	margin-bottom:1.0em;
}


.product-list-wrap div.list_area{
	margin-bottom:0.5em;
	padding-top:12px;
	padding-bottom:12px;
}

.product-list-wrap div.list_area > a.thumbnail{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	height:auto;
	aspect-ratio:1 / 1;
	text-decoration:none;
	color:inherit;
}

.product-list-wrap .soldout {
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 1;
}

.product-list-wrap div.list_area > a.thumbnail img.img-thumbnail{
	margin-bottom:12px;
	width:100%;
	height:auto;
	aspect-ratio:1 / 1;
	object-fit:contain;
	border-color:#a30341;
}

/*div.list_area {}*/
div.list_area > a:hover,
div.list_area > a:focus {
    text-decoration: none;
}

div.list_area h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1rem;
    font-weight: bold;
}

div.list_area .status_icon{
    margin-bottom: 5px;
    font-size: 12px;
}

.goods-status1{
	border-color:#ce3a90;
	background-color:#ce3a90;
}

.goods-status2{
	border-color:#bfa765;
	background-color:#bfa765;
}

.goods-status3{
	border-color:#004e93;
	background-color:#004e93;
}

.goods-status4{
	border-color:#0695d7;
	background-color:#0695d7;
}

.goods-status5{
	border-color:#52cc8f;
	background-color:#52cc8f;
}

.goods-status6{
	border-color:#53b431;
	background-color:#53b431;
}

.goods-status7{
	border-color:#dc3545;
	background-color:#dc3545;
}

div.list_area .pricebox{
	margin-left:0.175em;
/* 	padding-bottom:12px; */
}


/* 商品情報 各種設定
----------------------------------------------- */


/* ==============================================
▼公演グッズ　公演一覧
=============================================== */
.product-list-wrap .performance-thumbnail{
	background-image:url(/images/bg_light.jpg);
	background-size: 100% 100%;
}

.product-list-wrap .performance-thumbnail.rollover:hover{
	opacity:1.0;

}

.product-list-wrap .performance-title{
	margin-bottom: 12px;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	border-style:solid;
	border-radius:6px;
	border-color: #e3c062;
	border-width: 2px;
	color: #a30341;
	font-weight: bold;
	font-size: 1.25rem;
	text-align: center;
	line-height: 1.6em;
	padding: 0.6em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/images/bg.jpg);
	background-size: contain;
}

.product-list-wrap .performance-thumbnail.rollover:hover .performance-title{
	background-image:none;
/* 	transition:opacity 0.15s; */
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

/* レイアウト
----------------------------------------------- */
/*Off Canvas*/
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -80%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -80%;
  }

  .row-offcanvas-right.active {
    right: 80%;
    margin-right: 0px;
  }

  .row-offcanvas-left.active {
    left: 80%;
    margin-left: 0px;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 80%;
  }
}

/* 商品情報 各種設定
----------------------------------------------- */
/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
    display: inline;
}

/* サブ情報
----------------------------------------------- */
div.sub_area {
    padding: 35px 0 0 0;
}

div.sub_area h3 {
    margin: 0;
    padding: 0;
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    padding: 35px 0 0 0;
}

div#customervoice_area h2 {
    margin: 0;
    padding: 0;
}

/* 関連商品
----------------------------------------------- */
/* div#whobought_area {
    clear: both;
    padding: 35px 0 0 0;
}

div#whobought_area h2 {
    margin: 0;
    padding: 0;
} */

#whobought_area .productImage img{
	max-width:65px;
	max-height:65px;
}

#whobought_area .productContents-heading{
	margin:0.25em 0;
	font-size:1.0rem;
}

#whobought_area .product_body a{
	text-decoration:none;
	color:inherit;
}

#whobought_area .sale_price{
	font-size:0.88rem;
}

/* .photo-slider
----------------------------------------------- */
.photo-slider .main-slider{
	margin-bottom:5px;
}

.photo-slider .main-slider .slick-slide{}

.photo-slider .main-slider .main-slider-item img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	box-sizing: border-box;
}

.photo-slider .thumbnail-slider{
	margin-left:-5px;
	margin-right:-5px;
}

.photo-slider .thumbnail-slider .thumbnail-slider-item{
	width: calc((100% - 60px) / 6) !important;
	margin:5px;
}

.photo-slider .thumbnail-slider .slick-track {
	transform: unset !important;
	width:100% !important;
}

.photo-slider .thumbnail-slider .thumbnail-slider-item img{
	width:100%;
	height:auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

@media screen and (min-width: 0px) and (max-width: 767px){
/* 	.photo-slider .thumbnail-slider .thumbnail-slider-item{
		width: calc((100% - 60px) / 6) !important;
		margin:5px;
	} */

}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカートの中
----------------------------------------------- */
#undercolumn_cart .form_area.card .list-group{
	border:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

#undercolumn_cart .form_area.card .list-group .list-group-item{
	border-left:none;
	border-right:none;
	padding-top:0.88em;
	padding-bottom:0.88em;
}

#undercolumn_cart .form_area.card .list-group .list-group-item:first-child{
	border-top:none;
}

#undercolumn_cart .cart-item-title{}

#undercolumn_cart .cart-item-price{}

#undercolumn_cart #quantity_level{
    display: inline-block;
}
.btn-delete, .btn-delete:visited {
    color: #777;
}
.btn-delete:hover {
    color: #333;
}
#undercolumn_cart .item-title {
    display: block;
    margin-top: 5px;
}
#undercolumn_cart .delete-cart {
    /*margin-top: -5px;*/
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */


.steps{
	width:97.5%;
	max-width:720px;
}

.steps .steps-item{
	padding:0;
}

.steps .step-indicator{
    display: block;
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
    overflow: visible;
    width: 110%;
/*     height: 48px; */
    height: 32px;
    background: #fff0f6;
    line-height: 3em;
    color: #f069b2;
    font-weight: bold;

}

.steps .step-indicator.disabled{
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 50%);
    background: #bc034a;
    color: #ffffff;

}

.steps .step-indicator.active{
    /* clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%); */
    background: #f069b2;
    color: #ffffff;

}

.steps .steps-item:first-child .step-indicator.active{
	clip-path:polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.steps .step-indicator.step1{
	background-image:url('/joinus/images/step_number_010.svg');
}

.steps .step-indicator.step2{
	background-image:url('/joinus/images/step_number_020.svg');
}

.steps .step-indicator.step3{
	background-image:url('/joinus/images/step_number_030.svg');
}

.steps .step-indicator.step4{
	background-image:url('/joinus/images/step_number_040.svg');
}

.steps .step-indicator.step5{
	background-image:url('/joinus/images/step_number_050.svg');
}

.steps .step-indicator.step6{
	background-image:url('/joinus/images/step_number_060.svg');
}

.steps .step-indicator.step7{
	background-image:url('/joinus/images/step_number_070.svg');
}

.steps .step-indicator.step8{
	background-image:url('/joinus/images/step_number_080.svg');
}

.steps .step-indicator.step9{
	background-image:url('/joinus/images/step_number_090.svg');
}

.steps .step-indicator.step10{
	background-image:url('/joinus/images/step_number_100.svg');
}

.steps .step-indicator.step1.disabled,
.steps .step-indicator.step1.active{
    background-image:url('/joinus/images/step_number_011.svg');

}

.steps .step-indicator.step2.disabled,
.steps .step-indicator.step2.active{
	background-image:url('/joinus/images/step_number_021.svg');
}

.steps .step-indicator.step3.disabled,
.steps .step-indicator.step3.active{
	background-image:url('/joinus/images/step_number_031.svg');
}

.steps .step-indicator.step4.disabled,
.steps .step-indicator.step4.active{
	background-image:url('/joinus/images/step_number_041.svg');
}

.steps .step-indicator.step5.disabled,
.steps .step-indicator.step5.active{
	background-image:url('/joinus/images/step_number_051.svg');
}

.steps .step-indicator.step6.disabled,
.steps .step-indicator.step6.active{
	background-image:url('/joinus/images/step_number_061.svg');
}

.steps .step-indicator.step7.disabled,
.steps .step-indicator.step7.active{
	background-image:url('/joinus/images/step_number_071.svg');
}

.steps .step-indicator.step8.disabled,
.steps .step-indicator.step8.active{
	background-image:url('/joinus/images/step_number_081.svg');
}

.steps .step-indicator.step9.disabled,
.steps .step-indicator.step9.active{
	background-image:url('/joinus/images/step_number_091.svg');
}

.steps .step-indicator.step10.disabled,
.steps .step-indicator.step10.active{
	background-image:url('/joinus/images/step_number_101.svg');
}

.steps .step-indicator.step1,
.steps .step-indicator.step2,
.steps .step-indicator.step3,
.steps .step-indicator.step4,
.steps .step-indicator.step5,
.steps .step-indicator.step6,
.steps .step-indicator.step7,
.steps .step-indicator.step8,
.steps .step-indicator.step9,
.steps .step-indicator.step10{
    background-position: 50% 50%;
    background-size: 23px;
    background-repeat: no-repeat;

}


.progress-striped{
	height: 2.5em;
	border-radius: 16px;
}

.progress-bar{
	font-size: 0.88rem;
	width: 30%;
}

#undercolumn_shopping h3.title,
#undercolumn_customer h3.title{
	margin:1em 0 0.5em 0;
	text-align:center;
	font-size: 1.81rem;
	font-weight: normal;
}

#undercolumn_shopping .deliv-heading{
	border-bottom:solid 1px rgb(222, 226, 230);
	margin:0;
	min-height:60px;
	padding: 10px 15px;
	display: block;
	background-color: #f5f5f5;
	font-size: 1.06rem;
	line-height: 1.5em;
}

#undercolumn_shopping .deliv-heading>.row{
	min-height:38px;
}

#undercolumn_shopping .radio td {
    border: none;
    vertical-align: middle;
}

/* カード決済 */
#undercolumn_shopping .card-area {
    border: none;
    line-height:1.5em;
}

#undercolumn_shopping .card-area label {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%;
    margin-bottom: 0.4em;
    padding: 0.5em 0.7em;
    border: 1px solid #b4b4b4;
    border-radius: 3px;
    background-color: #ffffff;
    cursor: pointer;
}

#undercolumn_shopping .card-area label:has(:checked) {
    border-color: #bc034a;
    background-color: #fff0f6;
    color: inherit;
}

#undercolumn_shopping .card-area label:has(:disabled) {
    border-color:#b4b4b4;
    background-color: #f4f4f4;
    color: inherit;
    cursor: default;
}

#undercolumn_shopping .card-area label::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f111";
    margin-right: 10px;
    color:#b4b4b4;
}

#undercolumn_shopping .card-area label::before {}

#undercolumn_shopping .card-area label:has(:disabled)::before {
    color: #b4b4b4;
    content: "\f111";
}

#undercolumn_shopping .card-area label:has(:checked)::before {
    color: #bc034a;
    font-weight: 900;
    content: "\f192";
}

#undercolumn_shopping .card-area label:has(:checked)::after {}

#undercolumn_shopping .card-area input {
    display: none;
}

#undercolumn_shopping .card-area .img-cardbrands{
    width:48px;
}

#modal_payment .chgcard .card{
	display:inline-block;
	margin-right:auto;
	margin-left:auto;
	border-color: #bc034a;
	border-radius:3px;
	background-color: #fff0f6;
	color: inherit;
	text-align:center;
}

/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ==============================================
▼ショップからのお知らせ
=============================================== */
/* shop-topics
---------------------------------------- */

#shop-topics{
	margin:0 0 1em 0;
	padding-right:12px;
	padding-left:12px;
}

#shop-topics .topics-heading h2,
#shop-topics .topics-heading a{
	margin:0;
	padding:0.325em 0.25em;
	text-decoration:none;
	font-size:1.0rem;
	color:#ffffff;
	line-height:1.5em;
}

#shop-topics .topics-heading h2{
	font-size:1.09rem;
}

/* #shop-topics .topics-heading a:hover{
	text-decoration:underline;
} */

#shop-topics .topics-list-row .topics-item{
	display:block;
	margin:12px 0 17px 0;
	text-decoration:none;
	color:#333333;
}

#shop-topics .topics-list-row .topics-item .topics-date-text{
	font-weight:bold;
}

#shop-topics .topics-list-row .topics-item .topics-date .badge{
	transform:translateY(-0.25em)
}

#shop-topics .topics-list-row .topics-item .topics-subject{
}

#shop-topics .topics-list-row .topics-item h4{
	margin-top:0.25em;
	margin-bottom:0.375em;
	font-size:1.05rem;
}

#shop-topics .topics-list-row .topics-item p{
	margin:0.125em 0 0.375em 0;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#shop-topics{
		margin:0 0 24px 0;
		padding-right:0;
		padding-left:0;
	}

	#shop-topics .topics-list-row .topics-item{
		margin:12px 0 2px 0;
	}

	#shop-topics .topics-list-row .topics-item .topics-date-text{
		display:block;
		padding-bottom:0.25em;
	}
}