/* カスタマイズ用CSS */
body,html {
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
* {
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

/* レイアウト ############################################################### */
.ec-layoutRole .ec-layoutRole__right {
    margin-left: 20px;
}
.ec-layoutRole .ec-layoutRole__contents {
    padding-top: 20px;
}
.ec-layoutRole .ec-layoutRole__contents,
.mypage .ec-layoutRole .ec-layoutRole__contents,
.ticketall_content {
    width: 1080px;
}
.home_news .newsTitle {
	position: relative;
}
.front_page .ec-newsRole__newsCloseBtn {
	margin-left: 20px;
	color:#E45394;
}
.ec-reportDescription strong,.ec-cartRole__progress {
	display: none !important;
}
.home_news .newsTitle:after {
}
.front_page .ec-layoutRole__contents {
	width:100%;
}
.ec-layoutRole .ec-layoutRole__main {
    margin: 0;
}
.ec-layoutRole__footer {
	margin-top:40px;
}
.ec-headerNav {
	text-align: right;
	margin-top: 5px;
}
.top_info h1 {
	line-height: 1.5;
	font-size: 48px;
	font-weight: 700;
	text-shadow: 1px 1px 2px #fff;
	text-shadow: 4px  4px 10px #fff ,
	-4px  4px 10px #fff ,
	4px -4px 10px #fff ,
	-4px -4px 10px #fff;
}
.top_info h2 {
	font-size: 28px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 2px #fff;
	text-shadow: 2px  2px 10px #fff ,
	-2px  2px 10px #fff ,
	2px -2px 10px #fff ,
	-2px -2px 10px #fff;
	font-weight: 700;
}
body .top_info {
	top:50%;
}
.btn1 {
	background:#E4007F;
	float: left;
	padding: 5px 10px 5px 20px;
	border-radius: 25px;
	color: #fff !important;
}
.btn2 {
	background: #D0D0D0;
	float: left;
	padding: 5px 10px 5px 20px;
	border-radius: 25px;
	color: #fff !important;
}
.customer_menu {
display:flex;
}
.customer_menu div {
width:25%;
text-align:center;
}
.customer_menu div a {
width:100%;
float:left;
border: 1px solid #d0d0d0;
border-right: none;
padding: 14px 0;
color:#000;
}
.customer_menu div:last-child a {
border-right: 1px solid #d0d0d0 !important;
}
ul, li {
	list-style-type: none;
	margin:0;
	padding:0;
}
.ec-headerNaviRole {
	max-width: 100% !important;
	padding-bottom: 10px !important;
}
.front_page .ec-layoutRole .ec-layoutRole__contents {
	padding-top: 0 !important;
}
.product_list {
width:100% !important;
}
.ec-headerNaviRole img {
	height: 40px;
	width:auto !important;
}
.logoText {
	font-size: 14px !important;
	color:#000;
	font-weight: bold;
}
.product_list td {
vertical-align: middle !important;
}
.ticket_selector-belt_scroll {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.top_info {
width:600px;
position:absolute;
top: 77%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
text-align:center;
}
.top_info_heading {
background:#E4478D;
color:#fff;
padding:10px;
font-size:18px;
border-radius: 15px;
width: 50%;
margin-left: 25%;
}
.on_sale {
width:48%;
float:left;
background:rgba(255,255,255,0.7);
border:1px solid #f9f9f9;
font-size:18px;
margin-top:10px;
padding:15px;
box-sizing:border-box;
}
.on_sale_count,.active_trade_count {
font-size:32px;
font-weight:bold;
margin-top:10px;
}
.active_trade {
width:48%;
float:right;
background:rgba(255,255,255,0.7);
border:1px solid #f9f9f9;
font-size:18px;
margin-top:10px;
padding:15px;
box-sizing:border-box;
}
red {
	color:#f00;
}
.ec-headerNaviRole__right ul {
/*	width:80%;*/
	margin:0;
	padding:0;
}
.ec-headerNaviRole__right ul li {
	float:left;
	list-style-type: none;
}
.ec-headerNaviRole__right ul li a {
	color:#000;
}
.ec-headerRole {
	max-width:100% !important;
}
.mv img {
	width:100%;
	float:left;
	height: 500px;
	object-fit: cover;
}
.mv {
	float:left;
	width:100%;
	position:relative;
}
.bloc {
	float:left;
	width:100%;
}
.home_black {
	width:100%;
	float:left;
	background:#F20066;
}
.home_black ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 20px 0;
}
.home_black li {
	margin:0 20px;
}
.home_black ul li:nth-child(1) a {
	color:#E45394;
	padding:10px 40px;
	width:380px;
	text-align:center;
	box-sizing:border-box;
	background:#fff;
	border-radius:10px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}
.home_black ul li:nth-child(2) a {
	color:#047EA2;
	padding:10px 40px;
	width:380px;
	text-align:center;
	box-sizing:border-box;
	background:#fff;
	border-radius:10px;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}
.home_pink {
	width:100%;
	float:left;
	background-color:#00C5FF;
	color:#fff;
	background-image:url('/img/japan.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 500px;
	padding: 100px 0;
}
.home_pink ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 20px 0;
}
.home_pink li {
	border-bottom:5px solid #FFFF00;
	font-weight: bold;
	font-size: 24px;
	position: relative;
	margin: 0 40px;
	padding: 10px;
}
.home_pink center {
	width: 600px;
	margin: 20px auto;
	font-size: 16px;
	line-height: 2;
}
.home_pink ul img {
	max-height: 35px;
	position: relative;
	top: 17px;
}
.cf {
	width:100%;
	clear:both;
}
.inner {
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
.home_pink .inner a {
	float: right;
	color: #000;
	background: #fff;
	padding: 10px 40px;
	border-radius: 20px;
	border: 1px solid #999;
}
.home_gift {
	margin-top:25px;
	padding:50px 0;
}
pink {
	color:#E45394 !important;
}
.tit {
	text-align:center;
	margin-bottom:25px;
	background:url('/img/line.png');
	background-repeat:no-repeat;
	background-position:center;
}
.tit h2 {
	font-size:36px;
	margin-top: 10px;
}
.tit h3 {
	font-size:14px;
	margin:0;
}
.cat_list li {
	width:18%;
	margin:0 1% 25px;
	float:left;
	text-align:center;
}
.cat_list ul {
	margin:0;
	padding:0;
}
.cat_list li img {
	width:100%;
	height:auto;
}
.cat_list li h3 {
	font-size:14px;
	color:#000;
}
.off {
	font-size:18px;
	color:#E45394;
	font-weight:bold;
	margin-bottom:10px;
}
.card_entry {
	border:1px solid #E45394;
	border-radius:5px;
	color:#E45394;
	padding:5px;
	width:100%;
	text-align:center;
}
.home_news {
	background:#E8FCFF;
	width:100%;
	float:left;
	padding:20px 0;
}
.home_news h2 {
	font-size:36px;
	text-align:center;
	position: relative;
	margin-bottom: 25px;
}
.home_news a {
	color:#000;
}
.home_news dl {
	width: 60%;
	margin: 0 20% 25px;
    display: flex;
}
.home_news dt {
	width:20%;
	margin:0;
	padding:0;
}
.home_news dl>div {
	width:80%;
}
.home_news .newsTitle {
    cursor: pointer;
	color: #000;
	font-weight: bold;
}
.home_news .newsTitle:hover {
    text-decoration: underline;
}
.home_news .newsDescription {
    margin-top: 1em;
}
.more a {
	color: #000;
	background: #fff;
	padding: 10px 40px;
	border-radius: 20px;
	border: 1px solid #999;
	float:right;
	display:inline-block;
}
.home_login {
	width:100%;
	float:left;
	background:url('/img/obi.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% 100%;
	padding:30px 0;
}
.home_login .left {
	width:50%;
	float:left;
	text-align:center;
}
.home_login .right {
	width:50%;
	float:left;
	text-align:center;
}
.home_login h4 {
	width:100%;
	color:#fff;
	opacity:0.6;
	font-size:48px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.home_login a {
	color: #000;
	background: #fff;
	padding: 10px 40px;
	border-radius: 20px;
	border: 1px solid #999;
	display:inline-block;
}
.basic {
	widht:100%;
	text-align:center;
	font-size:36px;
	margin-bottom:25px;
}
.home_youtube {
	width:100%;
	float:left;
	padding:25px 0;
}
.home_sns {
	width:100%;
	float:left;
	padding:25px 0;
}
.home_youtube li {
	width: 23%;
	float: left;
	margin: 0 1%;
}
.home_youtube li img {
	width:100%;
	height:auto;
}
.ec-headerNav .ec-headerNav__itemLink {
/*	color:#000 !important;*/
}
.ec-pageHeader h1 {
	font-size: 2rem !important;
	margin-top: 40px;
}
.ec-headerNav .ec-headerNav__item {
	font-size: 1rem !important;
	margin-top: 0px;
}
.cart_btn {
	float: right;
	margin: 0 10px;
}
.ec-headerNaviRole__right li {
	background: url(/img/slash.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
	margin-left: 15px;
	float: left;
	text-align:center;
}
.pink_back span {
	background:#E45394;
	color:#fff !important;
	padding:5px 15px;
	font-size: 14px;
	margin: 0;
	border-radius: 30px
}
.gray_back span {
	background:#525263;
	color:#fff !important;
	padding:5px 15px;
	font-size: 14px;
	margin: 0;
	border-radius: 30px
}
.ec-headerNaviRole__right li:last-child {
	background:none !important;
}
.ec-headerNav__item {
}
.ec-headerNav__item span {
/*	font-size: 16px !important;*/
}
.home_login img {
	margin-right:20px;
}
.ec-headerRole,
/* .ec-cartNaviWrap, */
.ec-categoryNaviRole {
	display:none !important;
}
.home_sns ul {
	display: flex;
	justify-content: center;
}
.home_sns ul img {
	height:120px;
	width:auto;
}
.home_list {
	width:100%;
	float:left;
	background:#F4F0F0;
	padding:50px 0;
}
.home_list li {
	float:left;
	margin-right:10px;
}
.imgList li {
	width:11.5%;
	margin:0 0.5% 20px;
	float:left;
}
.imgList li img {
	width:100% !important;
	height:auto !important;
}
.ec-layoutRole__main {
	margin:50px 0;
}
.summary a {
color:#555;
}
/* .mypage .ec-layoutRole__contents {
width:1200px;
marign:0 auto;
} */
.ec-cartRole .ec-cartRole__cart {
margin:0 !important;
}
.ec-cartRole img {
width:100px !important;
height:auto;
}

@media screen and (min-width: 768px) {
    .home_news .inner {
        font-size: 18px;
    }
    .home_news .newsDate {
        width: 140px;
    }
}

@media screen and (max-width: 560px) {
    .ec-layoutRole .ec-layoutRole__contents,
    .mypage .ec-layoutRole .ec-layoutRole__contents,
    .ticketall_content {
        width: 100%;
        padding: 10px;
    }
}

table {
    border-collapse: collapse;
    width: 100%;
}
.main * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #4D555C;
    line-height: unset;
    text-align: unset;
}
.main input[type=checkbox],
.main input[type=radio] {
    margin: 0;
}


.main {
    font-size: clamp(13px, 2.5vw, 14px);
    line-height: 1.5em;
}
.main__pageTitle {
    margin-bottom: 1em;
    color: #4D555C;
    border-left: .25em solid #4D555C;
    font-size: clamp(16px, 2.5vw, 26px);
    font-weight: bold;
    padding: .5em 1em;
}
.main__content {
    margin-bottom: 1em;
}

.historyTotal {
    display: flex;
    justify-content: space-between;
    line-height: 3.5em;
}
.historyTotal__wrapper {
    border: 1px solid #CCC;
    border-radius: .3em;
    overflow: hidden;
    display: flex;
    flex-basis: 48%;
}
.historyTotal__name {
    color: white;
    font-weight: normal;
    background: #8E9699;
    padding: 0 2em;
}
.historyTotal__value {
    font-weight: bold;
    background: #F7F7F7;
    padding: 0 1.5em;
    text-align: right;
    flex-grow: 1;
}
@media screen and (max-width: 560px) {
    .historyTotal {
        flex-flow: column nowrap;
        border: 1px solid #CCC;
        border-radius: .6em;
        overflow: hidden;
    }
    .historyTotal__wrapper {
        border: unset;
        /* border-bottom: 1px solid #CCC; */
        border-radius: unset;
        flex-basis: unset;
    }
    .historyTotal__name {
        width: 11em;
        padding: 0 1em;
    }
}

.historySubtotal {
    border: 1px solid #CCC;
    border-radius: .3em;
    overflow: hidden;
    display: flex;
    line-height: 3em;
}
.historySubtotal__title {
    color: white;
    font-size: 16px;
    font-weight: bold;
    background: #8E9699;
    padding: 0 .5em;
    text-align: center;
}
.historySubtotal__itemList {
    display: flex;
    align-items: center;
    flex-grow: 1;
    line-height: 1.5em;
    font-size: 14px;
}
.historySubtotal__itemWrapper {
    display: flex;
    justify-content: space-between;
    border-right: 1px solid #CCC;
    padding: 0 .5em;
}
.historySubtotal__name {
    font-weight: normal;
    padding: 0 .5em;
}
.historySubtotal__value {
    font-weight: bold;
    padding: 0 .5em;
}
.historySubtotal__footer {
    padding: 0 .5em;
    border-left: 1px solid #CCC;
    background: #F7F7F7;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.historySubtotal__payment {
    color: #C7294E;
    font-weight: bold;
    text-align: right;
    width: 8em;
    padding: 0 .5em;
}
@media screen and (max-width: 560px) {
    .historySubtotal {
        flex-flow: column nowrap;
        border-radius: .6em;
        line-height: 4em;
    }
    .historySubtotal__itemList {
        flex-flow: column nowrap;
        align-items: stretch;
        line-height: inherit;
    }
    .historySubtotal__itemWrapper {
        border-right: unset;
        border-bottom: 1px solid #CCC;
    }
    .historySubtotal__footer {
        border-left: unset;
    }
}

.historyTable {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #CCC;
    border-radius: .6em;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.historyTable__header {
    background: #F7F7F7;
    line-height: 3.5em;
}
.historyTable__row {
    line-height: 2em;
}
@media screen and (max-width: 560px) {
    .historyTable {
        display: block;
        border: unset;
        text-align: left;
    }
    .historyTable__header {
        display: none;
    }
    .historyTable__rowList {
        display: flex;
        flex-flow: column nowrap;
    }
    .historyTable__row {
        border: 1px solid #CCC;
        border-radius: .6em;
        overflow: hidden;
        margin: .5em 0;
    }
}

.orderHistoryRecord__giftImage {
    border-top: 1px solid #CCC;
}
.orderHistoryRecord__moneyValue {
    border-top: 1px solid #CCC;
}
.orderHistoryRecord__price {
    border-top: 1px solid #CCC;
}
.orderHistoryRecord__other {
    border-top: 1px solid #CCC;
}
@media screen and (max-width: 560px) {
    .orderHistoryRecord {
        display: grid;
        grid-template-areas:
            "gift_image ."
            "gift_image money_value"
            "gift_image price";
        grid-template-columns: min-content 1ft;
        line-height: 3em;
    }
    .orderHistoryRecord__giftImage {
        display: flex;
        flex-flow: column-reverse nowrap;
        grid-area: gift_image;
        border-top: unset;
        padding: 0 .5em .5em;
        font-weight: bold;
    }
    .orderHistoryRecord__moneyValue {
        display: flex;
        justify-content: space-between;
        grid-area: money_value;
        border-top: unset;
        padding: 0 .5em;
    }
    .orderHistoryRecord__moneyValue::before {
        content: attr(data-label);
        display: block;
    }
    .orderHistoryRecord__price {
        display: flex;
        justify-content: space-between;
        grid-area: price;
        padding: 0 .5em;
    }
    .orderHistoryRecord__price::before {
        content: attr(data-label);
        display: block;
    }
    .orderHistoryRecord__other {
        display: flex;
        grid-column: 1 / -1;
        padding: 0 .5em;
    }
    .orderHistoryRecord__other::before {
        content: attr(data-label);
        display: block;
        width: 100px;
    }
}

.tableContents {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.tableContents th {
    background-color: #eee;
    border-bottom: 1px solid lightgrey;
    font-weight: normal;
    text-align: center;
    padding: 10px;
}
.tableContents td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid lightgrey;
}
.tableContents tr:last-child td {
    border-bottom: initial;
}

.errorMessage {
    background: #FAE2E3;
    font-size: 12px;
    color: #BC284C;
    border: 1px solid #BC284C;
    border-radius: .2em;
    padding: 0.7em 1em;
}

.actionButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    text-decoration: none;
    color: #000;
    font-weight: normal;
    font-size: initial;
    text-align: center;
    border: 1px solid lightgrey;
    border-radius: 0.3em;
    vertical-align: middle;
    cursor: pointer;
}
.importantActionButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #BE4462;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: initial;
    text-align: center;
    border: initial;
    border-radius: 0.3em;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
.importantActionButton:hover {
    background-color: #C74766;
}
.importantActionButton::before {
    content: "";
    display: inline-block;
    width: 99%;
    height: 100%;
    border-top: 1px solid #fff;
    border-radius: 0.3em;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
}
.py_text_sm {
    padding-top: .3em;
    padding-bottom: .3em;
}
.py_text_md {
    padding-top: .6em;
    padding-bottom: .6em;
}
.px_text_md {
    padding-left: .6em;
    padding-right: .6em;
}
.wb {
    width: 100%;
}
.cartIcon {
    margin-right: .6em;
}




.pageHeader h1 {
    font-weight: bold;
    color: grey;
    padding: 0.5em 1em;
    border-left: 5px solid grey;
    margin: 0;
    margin-bottom: 40px;
	margin-bottom: 1em;
    color: #4D555C;
    border-left: .25em solid #4D555C;
    font-size: clamp(16px, 2.5vw, 26px) !important;
    font-weight: bold;
    padding: .5em 1em;
}

img.ticket_image {
    border: 1px solid lightgrey;
    border-radius: 5px;
    width: 100px;
}

.error_message {
    color: red;
    background-color: pink;
    border: 1px solid red;
    border-radius: 5px;
    padding: 0.5em 1em;
	margin-top: 10px;
}

/* 横スクロールのカテゴリ選択 ############################################ */
.ticket_selector-belt_scroll {
    display: flex;
}
.ticket_selector-belt_scroll .test_slick {
    width: 600px;
    cursor: pointer;
}
.ticket_selector-belt_scroll .prev_btn,
.ticket_selector-belt_scroll .next_btn {
    font-weight: bold;
    font-size: 1.5em;
    border: 1px solid grey;
    display: flex;
    align-items: center;
    padding: 0 1em;
    cursor: pointer;
}
.ticket_selector-belt_scroll .prev_btn {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
.ticket_selector-belt_scroll .next_btn {
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
}
.ticket_selector-belt_scroll .prev_btn:hover,
.ticket_selector-belt_scroll .next_btn:hover {
    background-color: grey;
    color: white;
    transition: 0.3s;
}
.ticket_selector-belt_scroll a {
    padding: 5px;
}
.ticket_selector-belt_scroll a:hover {
    background-color: lightgrey;
}

/* 簡易ユーザ情報 ############################################ */
.simple_user_info {
    padding: 0 0.8em;
    border: 3px solid lightgrey;
    border-radius: 6px;
}
.simple_user_info section {
    border-bottom: 1px solid lightgrey;
    padding: 1em 0;
}
.simple_user_info section:last-child {
    border-bottom: none;
}
.simple_user_info h1 {
    text-align: center;
    font-weight: bold;
    font-size: 14pt !important;
    margin: 0;
}
.simple_user_info h2 {
    font-weight: bold;
    font-size: 12pt;
    margin: 0 0 0.8em;
}
.simple_user_info p {
    text-align: center;
}
.simple_user_info .user_point,
.simple_user_info .cart_total_price {
    background-color: lightgrey;
    text-align: right;
    padding: 0.3em;
    margin-bottom: 1em;
}
.simple_user_info .point_request {
    border: 1px solid red;
    color: red;
    display: flex;
    justify-content: space-between;
    padding: 0.3em;
    margin: 0.3em 0;
}

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

.simple_user_info {
    border: none;
    display: flex;
    justify-content: flex-end;
    font-size: 11px;
}
.simple_user_info section {
    display: none;
    margin-left: .3em;
}
.simple_user_info h2 {
    font-size: 11px;
}
.simple_user_info section:nth-of-type(4),
.simple_user_info section:nth-of-type(5) {
    display: block;
    border: 1px solid lightgrey;
    border-radius: .3em;
    padding: .3em .5em;
}
.simple_user_info section:nth-of-type(4) .user_point {
    margin-bottom: 0;
}
.simple_user_info section:nth-of-type(4) a {
    display: none;
}
.simple_user_info section:nth-of-type(5) .cart_total_price {
    margin-bottom: 0;
}

}

/* カート ############################################ */
.ec-cartRole {
    padding: 0;
    justify-content: flex-start;
}
.ec-cartTable {
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.ec-cartHeader__label {
    background-color: #eee;
}
.ec-cartRow__delColumn {
    padding: 0 1em;
}
.ec-cartRow__delColumn .ec-icon {
    border: 1px solid lightgrey;
    border-radius: 0.5em;
    background-color: #eee;
    padding: 0.3em;
    display: inline-block;
    width: 100%;
}
.ec-cartRole .ec-cartRole__total {
    padding: 0.5em;
}
.ec-cartRole__actions .error_message {
    text-align: center;
}
.cartItemCount {
    margin: 1em 0;
}
.cartItemCount__value {
    color: red;
}
.cartAction__purchase {
    color:white;
    width: 40%;
    margin: 0 auto;
    border-radius: 1em;
}
.cartAction__pageback {
    display: inline-block;
    color: red;
    margin-top: 2em;
}
.cartAction__pageback::before {
    content: "<";
    margin-right: 1em;
}


@media screen and (min-width: 768px) {
    .ec-cartRole .ec-cartRole__actions {
        width: 100%;
        text-align: left;
        margin: 2em 0;
    }
}

@media screen and (max-width: 960px) {
    .ec-cartTable {
        display: block;
    }
    .ec-cartHeader {
        display: none;
    }
    .ec-cartRow {
        display: grid;
        grid-template-areas: "image . button";
        justify-items: start;
        font-size: 70%;
        border-bottom: 1px solid #D3D3D3;
        padding: 1em 0;
    }
    .ec-cartRow .ec-cartRow__contentColumn {
        border-bottom: none;
        padding: .3em 0;
    }
    .ec-cartRow .giftImageColumn {
        grid-area: image;
        grid-row: 1 / 99;
        justify-self: center;
        border-bottom: none;
    }
    .ec-cartRow .giftImageColumn .ticket_image {
        width: 20vw !important;
        max-width: 100px;
    }
    .ec-cartRow .giftNameColumn::before {
        content: "商品名:";
    }
    .ec-cartRow .moneyValueColumn::before {
        content: "額面:";
    }
    .ec-cartRow .rateColumn::before {
        content: "販売率:";
    }
    .ec-cartRow .priceColumn::before {
        content: "販売価格:";
    }
    .ec-cartRow .limitColumn::before {
        content: "有効期限:";
    }
    .ec-cartRow .ec-cartRow__delColumn {
        grid-area: button;
        grid-row: 1 / 99;
        align-self: center;
        width: 100%;
        max-width: 180px;
        border-bottom: none;
        font-size: 130%;
        line-height: 2;
    }
    .ec-cartRow.summaryRow {
        border-bottom: none;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
    }
}



/* カテゴリ一覧 ############################################################### */
@media screen and (max-width: 767px) {

.category_page .ec-layoutRole .ec-layoutRole__contents {
    display: grid;
    grid-template-areas: 
        "up"
        "down"
    ;
    gap: 10px 0;
}
.category_page .ec-layoutRole__mainWithColumn {
    grid-area: down;
}
.category_page .ec-layoutRole__right {
    display: block;
    grid-area: up;
    position: relative;
}
.category_page .simple_user_info {
    position: absolute;
    right: 0;
}

}


/* チケット一覧 ############################################################### */
.product_list thead {
    border-bottom: 3px solid lightgrey;
}
.product_list th {
    text-align: center;
    padding: 0.8em 0.3em;
}
.product_list tbody tr {
    font-size: 90%;
    border-bottom: 1px solid lightgrey;
}
.product_list td {
    padding: 1.3em 0.3em;
    vertical-align: top;
}
.product_list .ticket_image {
    width: 100px;
}
.ec-productRole__btn .hidden_action {
    display: none;
}

.listFilter {
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    text-align: center;
}
.listFilter__heading {
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    border-right: 1px solid lightgrey;
}
.listFilter__body {
    padding: 0 0.5em 0 1em;
}
.listFilter__itemList {
    display: flex;
    flex-flow: row nowrap;
    margin: 1em 0;
}
.listFilter__itemList--right {
    justify-content: flex-end;
}
.listFilter__item {
    background-color: #eee;
    display: flex;
    flex-flow: row nowrap;
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 0.5em;
}
.listFilter__item--hidden {
    display: none;
}
.listFilter__itemSeparator {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
}
.listFilter__text {
    padding: 0 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart_btn i {
	color: #E45394;
	font-size: 24px;
	position: relative;
	top: 7px;
}
.disp-number.form-control {
	float: right !important;
}
.ec-select .cart_btn {
	right: 0 !important;
}
.listFilter__body {
	padding: 0 0.5em 1rem 1em !important;
}
.none {
	display: none !important;
}
.ec-cartNaviIsset.is-active {
	display: none !important;
}
.listFilter__value {
    margin: 0;
    width: 100px;
    border: initial;
    border-radius: initial;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}
.ec-cartNavi .ec-cartNavi__badge {
	font-style: normal !important;
}
.listFilter__value--single {
    border-left: initial;
    border-right: initial;
}
.listFilter__value--last {
    border-right: initial;
}
.listFilter__button {
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: 5px;
    text-decoration: none;
    color: black;
    background-color: white;
    padding: 10px 20px;
    font-weight: bold;
    margin-right: 0.5em;
}
.listFilter__button--primary {
    color: white;
    background-color: #E4007F;
}
.fa, .far, .fas {
	font-family: "Font Awesome 5 Free" !important;
}
.listFilter .form-group {
    margin-bottom: 0;
}
.listFilter label {
    margin-bottom: 0;
}
.listFilter label .invalid-feedback {
    display: none;
}

.product_page .listFilter__button {
    width: 150px;
}
.product_page .min_value,
.product_page .max_value {
    width: 80px;
}
.product_page .filter_rate {
    width: 60px;
}
.product_page .order_by {
    width: 150px;
}


/* カテゴリ一覧ブロック ############################################ */
.summary_by_category {
    display: flex;
    flex-flow: row wrap;
    /* width: 100%; */
}
.summary {
    padding: 0 20px 40px;
    flex-basis: 20%;
	position: relative;
}
.summary.slim_column {

    flex-basis: 25%;
}
.summary a img {
    width: 100%;
    margin-bottom: 1em;
}
.summary a p {
    text-align: center;
    margin-bottom: 0.7em;
}
.summary .min_rate {
    color: red;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.7em;
}
.summary .min_rate.null {
    visibility: hidden;
}
.summary .valid_count {
    color: red;
    border: 1px solid red;
    border-radius: 5px;
    text-align: center;
	position: absolute;
	bottom: 20px;
	width: calc(100% - 40px);
}
.summary .valid_count.null {
    color: grey;
    border-color: grey;
}


.ec-shelfRole table .item_image {
    width: 100px;
}


.ec-searchnavRole__topicpath {
    display: none;
}


/* ギフト券出品ページ ############################################ */
.register_product_page .ticket_image {
    width: 100px;
}
.register_product_page .tabContents__tab {
    flex-basis: 20%;
}
.register_product_page .inputItem {
    margin-right: 1em;
}
.register_product_page .inputItem label {
    margin-bottom: 0;
}
.register_product_page .inputItem__label {
    padding: 0 0.5em;
    font-weight: normal;
}
.change_ticket {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.change_ticket > * {
    margin-right: 20px;
}
.ticket_form {
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
}
table.ticket_form {
    border-collapse: separate;
}
.one_input_form th,
.one_input_form td {
    text-align: center;
    font-weight: normal;
}
.one_input_form thead {
    background-color: lightgrey;
}
.one_input_form thead .line_number {
    width: 6%;
}
.one_input_form thead .money_value {
    width: 15%;
}
.one_input_form thead .code {
    width: 25%;
}
.one_input_form thead .limit {
    width: 12%;
}
.one_input_form thead .rate {
    width: 12%;
}
.one_input_form thead .fee_rate {
    width: 25%;
}
.one_input_form td {
    padding: 1em 0.5em;
    border-bottom: 1px solid lightgrey;
}
.one_input_form tr:last-child td {
    border-bottom: initial;
}
.one_input_form input {
    display: inline-block;
    width: 90%;
    padding: 0.5em;
}
.one_input_form .code2 {
    margin-top: 10px;
}
.sell_addRow {
    display: inline-block;
    margin: .7em 0 1em;
}
/* .bulk_input_form {
    display: flex;
    align-items: center;
    padding: 10px;
}
.bulk_input_form .input_item_list {
    display: flex;
}
.bulk_input_form .money_value input {
    width: 8em;
}
.bulk_input_form .price input {
    width: 8em;
}
.bulk_input_form .limit input {
    width: 8em;
}
.bulk_input_form .rate input {
    width: 8em;
}
.bulk_input_form .code_list {
    flex-basis: 100%;
    margin-top: 20px;
}
.bulk_input_form .bulk_input {
    display: block;
    padding: 10px;
    flex-basis: 25%;
} */


.bulk_input_form {
    display: grid;
    grid-template-areas: 
        "other other"
        "code  button"
    ;
    grid-template-columns: 1fr 33.3%;
    gap: 20px 0;
    padding: 10px;
}
.bulk_input_form table {
    grid-area: other;
    border-collapse: separate;
    border: 1px solid lightgrey;
    border-radius: 10px;
    width: fit-content;
    overflow: hidden;
}
.bulk_input_form thead {
    background-color: lightgrey;
    line-height: 3;
}
.bulk_input_form th {
    text-align: center;
    font-weight: normal;
}
.bulk_input_form td {
    text-align: center;
    font-weight: normal;
    padding: 1em .5em;
}
.bulk_input_form .code_list {
    grid-area: code;
}
.bulk_input_form .bulk_input {
    grid-area: button;
    padding: 10px;
    align-self: center;
}
.bulk_input_form input {
    display: inline-block;
    width: 90%;
    padding: .5em;
}


.ticket_form .hidden_item {
    display: none;
}
.ticket_form th span {
    display: inline-block;
    background-color: pink;
    padding: 4px 6px;
    border-radius: 5px;
}
.ticket_form .limit .not_required {
    display: none;
}
.ticket_form .new_input_ticket {
    display: none;
}
.ticket_form__heading_forecast {
    display: none;
}

@media screen and (max-width: 750px) {
    .register_product_page .inputItem__label {
        padding: 0;
    }
    .one_input_form {
        display: block;
        overflow: hidden;
    }
    .one_input_form thead,
    .one_input_form tbody {
        display: flex;
        flex-flow: column nowrap;
    }
    .one_input_form thead th {
        line-height: 2;
    }
    .one_input_form tbody tr {
        border-top: 1px solid #D3D3D3;
    }
    .one_input_form tr {
        display: flex;
        flex-flow: row wrap;
    }
    .one_input_form th,
    .one_input_form td {
        display: block;
        flex-grow: 1;
        border-bottom: none;
    }
    .one_input_form thead .line_number,
    .one_input_form tbody .line_number {
        flex-basis: 22px;
        flex-grow: 0;
    }
    .one_input_form thead .money_value,
    .one_input_form tbody .money_value {
        flex-basis: 14%;
    }
    .one_input_form thead .price,
    .one_input_form tbody .price {
        flex-basis: 14%;
    }
    .one_input_form thead .code_list,
    .one_input_form tbody .code_list {
        flex-basis: 18%;
    }
    .one_input_form thead .limit,
    .one_input_form tbody .limit {
        flex-basis: 15%;
    }
    .one_input_form thead .rate,
    .one_input_form tbody .rate {
        flex-basis: 10%;
    }
    .one_input_form thead .fee_rate {
        display: none;
    }
    .one_input_form .fee {
        flex-basis: 100%;
        border-top: 1px solid #D3D3D3;
        margin-left: 22px;
        display: flex;
    }
    .input_ticket td {
        display: block;
        border-left: 1px solid #D3D3D3;
    }
    .input_ticket .line_number {
        border-left: none;
        position: relative;
        top: 2.5em;
    }
    .ticket_form__heading_forecast {
        display: flex;
        margin-right: auto;
    }
    .ticket_form__price_forecast {
        display: flex;
    }
}


/* マイページ ############################################ */
.list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.operation_list {
    flex-basis: 48%;
}
.operation_list h2 {
    font-size: clamp(15px, 2.5vw, 18px);
    font-weight: bold;
    margin-bottom: .5em;
}
.operation_list a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #4D555C;
    font-size: clamp(13px, 2.5vw, 16px);
    padding: .5em 1em;
    margin-bottom: 7px;
    border: 2px solid #F7F7F7;
    border-radius: 5px;
    transition-duration: 0.3s;
}
.operation_list a::before {
    content: ">";
    color: #CB3C5D;
    font-weight: bold;
    margin-right: 1em;
}
.operation_list a:hover {
    background-color: #F7F7F7;
}

@media screen and (max-width:560px) {
    .list {
        flex-flow: column nowrap;
    }
    .operation_list {
        flex-basis: fill;
        margin-bottom: 1em;
    }
}


.ui-tabs .ui-tabs-panel {
    padding: initial;
}
.tabContents {
    border: initial !important;
}
.tabContents__list {
    background: initial;
    border: initial;
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 1px solid lightgrey;
    margin-bottom: 30px !important;
}
.tabContents__list--spaceBetween {
    background: initial;
    border: initial;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-bottom: 1px solid lightgrey;
}
.ec-headerRole__cart {
	/* float:right; */
    display: none;
}
.ec-headerNaviRole .ec-headerNaviRole__nav {
	float: right;
}
.tabContents__tab {
    background: initial !important;
    background-color: lightgrey !important;
    border: 1px solid lightgrey !important;
    border-top: 5px solid black !important;
    border-radius: 5px 5px 0 0;
    position: relative;
    bottom: -1px;
}
.ec-headerNaviRole__right {
	float:left;
	margin-top:10px;
}
.ui-state-active,
.tabContents__tab--active {
    background-color: white !important;
    border-bottom: 1px solid white !important;
}
.tabContents__anchor {
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: grey !important;

    font-size: 13pt;
    font-weight: bold;
    padding: 0.5em !important;
}

/* 販売履歴 ############################################ */
.sales_tab_list {
    margin-bottom: 30px;
}
.sales_tab_list ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid lightgrey;
}
.sales_tab {
    flex-basis: 24%;
    position: relative;
    bottom: -1px;
}
.sales_tab a {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: lightgrey;
    border: 1px solid lightgrey;
    border-top: 5px solid black;
    border-radius: 5px 5px 0 0;
    font-size: 13pt;
    font-weight: bold;
    padding: 0.5em;
    text-decoration: none;
    color: grey;
}
.sales_tab a span {
    font-size: 10pt;
    margin-left: 10px;
    padding: 0.3em 1em;
    background-color: black;
    border-radius: 1em;
    color: white;
}
.sales_tab.active a {
    background-color: white;
    border-bottom: 1px solid white;
}
.sales_history_page table {
    width: 100%;
}
.sales_history_page thead {
    border-bottom: 3px solid lightgrey;
}
.sales_history_page th {
    text-align: center;
    padding: 0.8em;
}
.sales_history_page tbody tr {
    font-size: 90%;
    border-bottom: 1px solid lightgrey;
}
.sales_history_page td {
    padding: 1.3em 0;
    text-align: center;
}
.sales_history_page .ticket_image {
    width: 100px;
}

.salesHistoryFilter {
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}
.salesHistoryFilter dl {
    display: flex;
    margin-bottom: 0;
}
.salesHistoryFilter dt{
    flex-basis: 10%;
    background-color: #eee;
    border-right: 1px solid lightgrey;
    display: flex;
    justify-content: center;
    align-items: center;
}
.salesHistoryFilter dd {
    flex-basis: 90%;
    padding: 15px 10px;
}
.salesHistoryFilter dd form {
    display: flex;
    justify-content: space-between;
}
.salesHistoryFilter__itemList {
    display: flex;
}
.salesHistoryFilter__item {
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
}
.salesHistoryFilter__item--plane {
    border: initial;
}
.salesHistoryFilter__item--hidden {
    display: none;
}
.salesHistoryFilter__item div {
    height: 100%;
    display: flex;
    margin: 0;
}
.salesHistoryFilter__item label {
    background-color: #eee;
    border-right: 1px solid lightgrey;
    padding: 5px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.salesHistoryFilter__item--plane label {
    background-color: initial;
    border: initial;
    padding: 0;
}
.salesHistoryFilter__item label .invalid-feedback {
    display: none;
}
.salesHistoryFilter__value {
    width: 100px;
    height: 50px;
    border: none;
}
.salesHistoryFilter__value--freeSize {
    width: initial;
}
.salesHistoryFilter__button {
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: 5px;
    text-decoration: none;
    color: black;
    background-color: white;
    padding: 10px 20px;
    font-weight: bold;
}
.salesHistoryFilter__button--primary {
    color: white;
    background-color: #555;
}

@media screen and (max-width: 960px) {
    .sales_history_page .salesHistoryFilter__itemList {
        display: grid;
        grid-template-areas: 
            "select_all release_all"
            "rate       rate"
            "update     change_public_status"
        ;
        grid-template-columns: 45% 45%;
        gap: 0 10%;
    }
    .sales_history_page .salesHistoryFilter__itemList > * {
        line-height: 2.5;
    }
    .sales_history_page .select_all {
        grid-area: select_all;
    }
    .sales_history_page .unselect_all {
        grid-area: release_all;
    }
    .sales_history_page .sales_rate {
        grid-area: rate;
    }
    .sales_history_page .update_data {
        grid-area: update;
    }
    .sales_history_page .change_private {
        grid-area: change_public_status;
    }
    .sales_history_page .salesHistoryFilter__item label {
        margin-right: 0;
    }
    .tablewrap {
        overflow-x: scroll;
        white-space: nowrap;
    }
}


.salesHistory__orderStatus {
    display: inline-block;
    margin-bottom: 5px;
}

.bulk_operation {
    margin-bottom: 20px;
}
.update_data {
    color: white;
    background-color: #9FCA59;
}
.change_private {
    color: white;
    background-color: #C64766;
}
.orderListOptions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1em;
}
.disp-number {
    width: 150px;
}



/* 購入履歴 ############################################ */
.tableContents {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
}
.tableContents th {
    background-color: #eee;
    border-bottom: 1px solid lightgrey;
    font-weight: normal;
    text-align: center;
    padding: 10px;
}
.tableContents td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid lightgrey;
}
.tableContents tr:last-child td {
    border-bottom: initial;
}

.summary_list {
    display: flex;
    justify-content: space-between;
}
.summary_list dl {
    flex-basis: 47%;
    display: flex;
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
}
.summary_list dt {
    flex-basis: 30%;
    text-align: center;
    background-color: grey;
    color: white;
    font-weight: normal;
    padding: .6em 1em;
}
.summary_list dd {
    flex-basis: 70%;
    text-align: right;
    background-color: #eee;
    padding: .6em 1em;
}

.order {
    margin-bottom: 40px;
}
.order_summary {
    margin-bottom: 20px;
    display: flex;
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
}
.order_summary dl {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0;
}
.order_summary dt {
    margin-right: 20px;
    font-weight: normal;
}
.order_summary dd {
    font-weight: bold;
}
.order_summary h4 {
    flex-basis: 10%;
    padding: 10px;
    margin: 0;
    border-right: 1px solid lightgrey;
    background-color: grey;
    color: white;
}
.order_summary__items {
    flex-basis: 70%;
    display: flex;
    align-items: center;
}
.order_summary__items > * {
    border-right: 1px solid lightgrey;
}
.order_summary__payment {
    flex-basis: 20%;
    align-items: center;
    border-left: 1px solid lightgrey;
    background-color: #eee;
}
.order_summary__payment dd {
    color: red;
}
.order_summary__note {
    text-align: right;
    margin-bottom: 20px;
}

.orderStatus {
    padding: .3em;
    border-radius: 5px;
}
.orderStatus--initial {
    background-color: #FEF3F7;
}
.orderStatus--success {
    background-color: #DAE9C3;
}
.orderStatus--limitOver {
    background-color: #E5EAEF;
}
.orderStatus--orderReturn {
    background-color: #FFF0D1;
}
.orderStatus--returned {
    background-color: #F2DFDF;
}
.orderStatus--orderReturnReject {
    background-color: #fef;
}
.orderStatus--noReturn {
    background-color: #F2F2F2;
}


/* 返品ギフト管理 ############################################ */
@media screen and (max-width: 960px) {
    #page_order_return .order {
        overflow-x: scroll;
        white-space: nowrap;
    }
    
    #page_order_return .order_summary {
        width: fit-content;
    }
    #page_order_return .order_summary h4{
        flex-basis: auto;
    }
    #page_order_return .order_summary__items {
        flex-basis: auto;
    }
    #page_order_return .order_summary__payment {
        flex-basis: auto;
    }
}


/* 残高利用履歴 ############################################ */
.pointHistory__name {
    display: inline-block;
    border: 1px solid green;
    border-radius: 5px;
    color: green;
    font-weight: bold;
    padding: 5px 10px;
}
.pointHistory__name--negative {
    border-color: red;
    color: red;
}
.pointHistory__amount {
    color: green;
    font-weight: bold;
}
.pointHistory__amount::after {
    content: "↑";
}
.pointHistory__amount--negative {
    color: red;
}
.pointHistory__amount--negative::before {
    content: "ー";
}
.pointHistory__amount--negative::after {
    content: "↓";
}


/* 残高追加 ############################################ */
.requestProcedure {
    font-weight: bold;
    font-size: 13pt;
    position: relative;
    padding: 0.3em 0;
}
.requestProcedure::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: lightgrey;
}
.requestProcedure::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20%;
    height: 2px;
    background: #555;
}
.inputRequestData {
    padding: 0 1.5em;
}
.inputRequestData__heading {
    margin-top: 1.5em;
}
.inputRequestData__item {
    margin: 0.7em 0;
}
.inputItem {
    border: 1px solid lightgrey;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
}
.inputItem__value {
    border: initial;
    padding: 1em;
    flex-grow: 1;
}
.inputItem__label {
    background-color: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.3em;
    flex-grow: 1;
}
.inputItem__separateAfter {
    border-right: 1px solid lightgrey;
}
.inputItem__fixedSize {
    flex-grow: 0;
    flex-shrink: 0;
}
.inputRequestButtonList {
    display: flex;
    justify-content: center;
}

.inputRequestButtonList__button {
    margin: 0 2em;
    border: 1px solid lightgrey;
    border-radius: 10px;
    font-size: 15pt;
    background-color: #eee;
    color: #555;
    width: 13em;
    padding: 0.5em;
}
.inputRequestButtonList__button--primary {
    background-color: #C84E6B;
    color: white;
}

.definitionList {
    border: 1px solid lightgrey;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2.5em;
}
.definitionList__item {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 0;
    border-bottom: 1px solid lightgrey;
}
.definitionList .definitionList__item:last-child {
    border-bottom: initial;
}
.definitionList__term {
    background-color: #eee;
    padding: 1em;
    border-right: 1px solid lightgrey;
    display: flex;
    align-items: center;
}
.definitionList__description {
    padding: 0.5em;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.push_request_page .inputItem__fixedSize {
    padding: 0 1.5em;
}
.push_request_page .bank_user {
    font-weight: bold;
}
.push_request_page .definitionList__term {
    width: 15em;
}


/* 残高引出 ############################################ */
.pull_request_page .definitionList__term {
    width: 15em;
}
.pull_request_page .definitionList__description {
    padding: 1em 0.7em
}
.pull_request_page .inputItem {
    flex-grow: 1;
}
.pull_request_page .inputItem__fixedSize {
    width: 15em;
}
.pull_request_page input[type=radio] {
    margin: 0;
    width: 18pt;
    height: 18pt;
}
.pull_request_page .bank_option label {
    padding: 0.5em 1em;
}
.pull_request_page .bank_option label:hover {
    cursor: pointer;
}
.pull_request_page label {
    margin: 0;
}


.ec-footerRole {
    margin-top: 0;
    padding-top: 50px;
}
.ec-footerRole .ec-footerRole__inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 70px;
}
.ec-footerNavi {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    height: 180px;
}
.ec-footerNavi__link {
    flex-basis: 20%;
    margin-right: 5em;
}
.ec-footerNavi .ec-footerNavi__link a {
    padding: 0;
    border-bottom: none;
    text-decoration: none;
}
.ec-footerTitle__copyright {
    text-align: center;
    background-color: grey;
}

@media only screen and (max-width: 768px) {
	* {
		box-sizing: border-box;
	}
    .ec-footerRole .ec-footerRole__inner {
        display: block;
    }
    .ec-footerNavi {
        align-content: space-between;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        height: 300px;
    }
    .ec-footerNavi__link {
        flex-basis: 14.2857142857%;
        margin-right: 0;
    }
	.ec-headerNaviRole .ec-headerNaviRole__left {
		width: 40%;
	}
	.ec-headerNaviRole .ec-headerNaviRole__left img {
		width:auto;
		height: auto !important;
	}
	.ec-headerNaviRole .ec-headerNaviRole__right {
		display: none;
	}
	.top_info {
/*
		width: 100%;
		position: relative;
		top: 77%;
		left: auto;
		transform: translateY(0%) translateX(0%);
		-webkit-transform: translateY(0%) translateX(0%);
		margin: auto;
		text-align: center;
*/
	}
	.top_info h1 {
		font-size: 18px !important;
		margin:0 !important;
	}
	.top_info h2 {
		font-size: 17px !important;
	}
	.home_black ul {
		display: inline-block !important;
		padding: 20px 10px;
		width:100%;
		float: left;
	}
	.home_black ul li a {
		padding:10px 0 !important;
		width:100% !important;
	}
	.home_black ul li:nth-child(1) a {
		margin-bottom: 15px;
	}
}


/* 会社概要 ############################################################### */
.aside__title {
    margin: 2em 0 3em;
}
.aside__content {
    width: 60%;
    margin: 0 auto;
}
.asideTitle {
    text-align: center;
}
.asideTitle__title {
    font-size: 24px;
    font-weight: normal;
}
.asideTitle__english {
    color: #e4007f;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5em;
}

@media screen and (max-width: 560px) {
    .aside__content {
        width: 100%;
        padding: 0 5px;
    }
}

.operationCompany__websiteName {
    background: #e4007f;
    color: white;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    padding: 1em;
    margin: 0;
}
.operationCompany__outlineTable {
    border: 1px solid #CCC;
    border-width: 0 1px;
}
.operationCompany__outlineItem {
    display: flex;
    border-bottom: 1px solid #CCC;
    line-height: 3;
}
.operationCompany__itemName {
    width: 30%;
    background: #F7F7F7;
    line-height: inherit;
    padding: 0 1em;
}
.operationCompany__itemValue {
    line-height: inherit;
    padding: 0 1em;
}

@media screen and (max-width: 560px) {
    .operationCompany__outlineItem {
        flex-flow: column nowrap;
    }
    .operationCompany__itemName {
        width: 100%;
        border-bottom: 1px solid #CCC;
    }
}

/* よくある質問 ############################################################### */
.faq__category {
    border-bottom: 1px solid #707070;
}
.faq__categoryName {
    display: inline-block;
    border: 1px solid #BDBDBD;
    background: #EAE8E8;
    font-size: 16px;
    padding: .5em 2em;
}
.faq__itemTitle {
    display: block;
    line-height: 2.5;
    margin-bottom: 0.5em;
    cursor: pointer;
}
.faq__itemTitle::before {
    content: "Q";
    background: #D0D0D0;
    font-weight: bold;
    padding: .5em 1em;
    margin-right: 1em;
}
.faq__itemTitle i {
    font-size: 11px;
    margin-right: 0.5em;
}
.faq__itemDescription {
    margin-left: 4em;
    margin-bottom: 1em;
}

@media screen and (max-width: 560px) {
    .faq__itemDetail {
        margin-left: 1em;
    }
}

/* 法的記載事項 ############################################################### */
.legalInformation__categoryName {
    font-weight: normal;
    font-size: 24px;
    margin: 1.5em 0;
}
.legalInformation__item {
    display: grid;
    grid-template-areas:
        ". title"
        ". description"
    ;
    grid-template-columns: 20px 1fr;
    gap: .5em;
    margin-bottom: 1.5em;
}
.legalInformation__item::before {
    content: "";
    display: inline-block;
    background: #EAE8E8;
}
.legalInformation__itemName {
    grid-area: title;
    font-weight: normal;
    font-size: 1.2em;
}
.legalInformation__itemValue {
    grid-area: description;
}

/* 利用方法 ############################################################### */
.selfIntroduction {
    margin-bottom: 5em;
}
.selfIntroduction__prPhrase {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5em;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1em;
}
.selfIntroduction__prPoint {
    display: inline-block;
    border-bottom: 5px solid #FFFF00;
}
.selfIntroduction__prCross {
    width: 32px;
    margin: 0.5em;
}

.howToUse__title {
    margin-bottom: 25px;
}
.howToUse__processList {
    padding-left: 0;
    counter-reset: process;
}
.howToUse__process {
    counter-increment: process;
    counter-reset: subprocess;
    border-top: 1px solid #A6A6A6;
    padding: 2em 0;
}
.howToUse__processName {
    font-size: 18px;
	box-sizing: border-box;
	padding-left: 50px;
}
.howToUse__processName::before {
    content: counter(process);
    display: inline-block;
    text-align: center;
    width: 2em;
    line-height: 1.5;
    background: #D0D0D0;
    padding: 0.2em;
    margin-right: 13px;
	position: relative;
	margin-left: -50px;
}
.howToUse__processDetail {
    padding-left: 4em;
}
.howToUse__subprocessList {
    padding-left: 0;
}
.howToUse__subprocess {
    counter-increment: subprocess;
}
.howToUse__subprocessName::before {
    content: counter(subprocess);
    display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 2em;
    line-height: 1.2;
    background: #EAE8E8;
    padding: 0.2em;
    margin-right: .5em;
}

.howToUse__tabs.ui-widget.ui-widget-content {
    border: none;
}
.howToUse__tabs .ui-widget-header {
    background: initial;
    border: none;
}
.howToUse__tabs.ui-tabs .ui-tabs-nav li {
    margin-right: 0;
}
.howToUse__tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.howToUse__tabs .ui-corner-all,
.howToUse__tabs .ui-corner-top,
.howToUse__tabs .ui-corner-right,
.howToUse__tabs .ui-corner-tr {
    border-top-right-radius: 0;
}
.howToUse__tabs .ui-corner-all,
.howToUse__tabs .ui-corner-top,
.howToUse__tabs .ui-corner-left,
.howToUse__tabs .ui-corner-tl {
    border-top-left-radius: 0;
}

@media screen and (min-width: 768px) {
    .howToUse__categoryList {
        font-size: 120%;
    }
}

@media screen and (max-width: 560px) {
    .selfIntroduction__prPhrase {
        flex-flow: column nowrap;
    }
    .howToUse__process {
        padding: 1em 0;
    }
    .howToUse__processDetail {
        padding-left: 0;
    }
    .howToUse__tabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding-left: 1em;
        padding-right: 1em;
    }
}

/* 出品申請 ############################################################### */
.requestSellingLicensePageDescription {
    margin-bottom: 1em;
}
.requestSellingLicenseAccepted {
    text-align: center;
    background: #BE4462;
    border-radius: .6em;
    color: white;
    line-height: 2;
    font-size: 24px;
    width: 50%;
    margin: 0 auto 1em;
}
.requestSellingLicense__requestItemList {
    display: grid;
    grid-template-columns: 30% 1fr;
    border: 1px solid #CCC;
    border-radius: .6em;
    overflow: hidden;
    line-height: 3;
    margin: 2em 0;
}
.requestSellingLicense__itemName {
    padding: 1em 1.5em;
    background: #F7F7F7;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.requestSellingLicense__itemName:last-of-type {
    border-bottom: none;
}
.requestSellingLicense__itemValue {
    padding: 1em;
    border-bottom: 1px solid #CCC;
}
.requestSellingLicense__itemValue:last-of-type {
    border-bottom: none;
}

.requestInputItem {
    display: flex;
    border: 1px solid #CCC;
    border-radius: .3em;
    overflow: hidden;
}
.requestInputItem__value {
    border: none;
    padding: 0 1em;
    flex-grow: 1;
}
.requestInputItem__bankNameLabel {
    font-weight: normal;
    text-align: center;
    background: #F7F7F7;
    border-left: 1px solid #CCC;
    flex-basis: 30%;
}
.requestInputBankOption__item {
    line-height: 1;
}
.requestInputBankOption__value {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.requestInputBankOption__label {
    font-weight: normal;
    padding: 0 1.5em 0 1em;
    vertical-align: middle;
}
.requestInputIdImageWrapper {
    display: grid;
    row-gap: 5px;
}
.requestSellingLicense__submit {
    background-color: #BE4462;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: initial;
    text-align: center;
    border: initial;
    border-radius: 0.3em;
    cursor: pointer;
    position: relative;
    
    display: block;
    line-height: 3;
    width: 60%;
    margin: 0 auto;
}
.requestSellingLicense__submit:hover {
    background-color: #C74766;
}
.requestSellingLicense__submit::before {
    content: "";
    display: inline-block;
    width: 99%;
    height: 100%;
    border-top: 1px solid #fff;
    border-radius: 0.3em;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
}


/* 新着情報 ############################################################### */
@media screen and (min-width: 768px) {
    .news_page .ec-newsRole .ec-newsRole__newsHeading {
        align-items: center;
    }
    .news_page .ec-secHeading .ec-secHeading__en {
        font-size: 24px;
    }
    .news_page .ec-secHeading .ec-secHeading__ja {
        font-size: 18px;
    }
    .news_page .ec-newsRole .ec-newsRole__newsDate {
        font-size: 18px;
        min-width: 140px;
    }
    .news_page .ec-newsRole .ec-newsRole__newsTitle {
        font-size: 18px;
    }
    .news_page .ec-newsRole .ec-newsRole__newsDescription {
        font-size: 18px;
    }
}