@charset 'utf-8';
/*------------------

event Calendar page

--------------------*/
@media only screen and (max-width: 767px){
	.tab li.active .before__arrow:before {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 15px;
	    width: 10px;
	    height: 10px;
	    margin: auto;
	    border-top: 3px solid white;
	    border-left: 3px solid white;
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    content: "";
	}
	.tab li.active .before__arrow {
	    transform: none;
	    left: 0;
	    top: 0;
	    bottom: auto;
	    width: 30%;
	    height: 100%;
	    content: none;
	    border-top: 0;
	    border-left: 0;
	}
	.tab li.active .after__arrow:before {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 15px;
	    width: 10px;
	    height: 10px;
	    margin: auto;
	    border-top: 3px solid white;
	    border-right: 3px solid white;
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    content: "";
	}
	.tab li.active .after__arrow {
	    transform: none;
	    right: 0;
	    top: 0;
	    bottom: auto;
	    width: 30%;
	    height: 100%;
	    content: none;
	    border-top: 0;
	    border-right: 0;
	}
}
.eventCalendar__page a:first-of-type{
	margin-right: 30px;
}
.eventCalendar__page a:last-of-type{
    margin-left: 30px;
}

@media only screen and (max-width: 767px){
	.eventCalendar__page a:first-of-type{
	    margin-right: 30px;
	}
	.eventCalendar__page a:last-of-type{
	    margin-left: 30px;
	}
}


/*------------------

event search page

--------------------*/

@media only screen and (max-width: 767px){
	.eventSearch__input--key {
	    width: 100%
	}
}


@media only screen and (max-width: 767px){
	.eventSearch__table__td {
	    padding: 15px 20px;
	}

	.eventSearch__table__td--key, .eventSearch__table__td--date{
		padding: 15px;
	}
}

.eventSearch__checkbox {
    width: 200px;
}

@media only screen and (max-width: 415px){
	.eventSearch__table__td__formats .eventSearch__checkbox {
	    width: 135px;
	    margin: 0;
	}
}

/*----------------

search result page

------------------*/
.eventSearchResult__list__data__container {
    text-align: left;
}

.eventSearchResult__list__data__wrapper .title {
    text-align: left;
}

@media only screen and (min-width: 768px){
	.eventSearchResult__list__data__wrapper{
		font-size: 0;
		line-height: 0;
	}

	.eventSearchResult__list__data__container {
	    text-align: left;
	    font-size: 12px;
	    line-height: 50px;
	    padding-left: 10px;
	}

	.eventSearchResult__list__data__wrapper .date {
	    width: 141px;
	}

	.eventSearchResult__list__data__wrapper .location {
	    width: 135px;
	}

	.eventSearchResult__list__data__wrapper .format {
	    width: 110px;
	}

	.eventSearchResult__list__data__wrapper .title {
	    width: calc(100% - 420px);
	}

	.eventSearchResult__list__data__wrapper:after {
	    right: 5px;
	}
}

@media only screen and (min-width: 1040px){
	.eventSearchResult__list__data__container {
	    padding-left: 40px;
	    font-size: 14px;
	}

	.eventSearchResult__list__data__wrapper .date {
	    width: 210px;
	}

	.eventSearchResult__list__data__wrapper .location {
	    width: 165px;
	    padding-left: 20px;
	}

	.eventSearchResult__list__data__wrapper .format {
	    width: 155px;
	}

	.eventSearchResult__list__data__wrapper .title {
	    width: 380px;
	}

	.eventSearchResult__list__data__wrapper:after {
	    right: 20px;
	}
}

@media only screen and (max-width: 767px){
	.eventSearchResult__list__data__wrapper .format {
	    width: 97px;
	}
}

@media only screen and (max-width: 321px){
	.eventSearchResult__list__data__wrapper .date {
	    width: auto;
	    display: block;
	}
}

/*------------------

help page

--------------------*/
.help__nav{
	//margin-bottom: 0;
}
.help__block__title{
	margin-top: 70px;
}

/*----------------

flex slider

------------------*/
@media only screen and (max-width: 767px){
	.flexslider .slides img {
	    padding: 0 5px;
	}

	.flex-viewport:before {
	    opacity: 0;
	}

	.flex-viewport:after {
	    opacity: 0;
	}

	.flex-direction-nav .flex-next:before {
	    border: 0
	}

	.flex-direction-nav .flex-prev:before {
	    border: 0;
	}
}

/*----------------

clearfy search result pagenation clickable

------------------*/
.eventSearchResult__page a {
    text-decoration: underline;
}

/*----------------

stress attntion

------------------*/
.loginform__text--red {
    font-weight: bold;
    color: red;
}

/*----------------

search result background color

------------------*/
@media only screen and (min-width: 768px){
	.eventSearchResult__list__data:nth-of-type(even) {
	    background: #f5f5f5;
	}
}

/*----------------

preregistration info

------------------*/
.event_detail_table_titlePreregistration{
    font-size: 16px;
}

.event_detail_table_title {
    padding-right: 3%;
}

/*----------------

prevent iphone zoom

------------------*/
@media only screen and (max-width: 767px){
    .eventSearch__input--key {
        font-size: 16px;
    }

    .eventSearch__input--date {
        font-size: 16px;
    }
}

/*----------------

payment in progress

------------------*/
.event-history-list__item__container--error {
    position: relative;
} 

.event-history-list__item__errorLink {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(https://event.hareruyamtg.com/ja/assets/img/help.png);
    right: -26px;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*----------------

adjust font weight bolder

------------------*/
body{
	font-weight: 500;
}

.toShopSelect-list a {
    font-weight: 500;
}

label{
	font-weight: 500;
}

/*----------------

for UI in event detail

------------------*/
.event_detail_table_text a {
    color: blue;
    text-decoration: underline;
}

/*----------------

for UI in deck regist

------------------*/
@media only screen and (max-width: 767px){
    .deckRegist .deckRegistLeft{
        border-bottom: 2px dashed;
        margin-bottom: 30px;
    }

    .deckRegist h1{
        font-size: 23px;
        margin-bottom: 0;
    }

    .deckRegist .deckRegistLeft p {
        margin: 0 0 5px;
    }

    .deckRegist .process {
        margin-bottom: 24px;
    }
}

/*----------------

for help link looking good

------------------*/
.help__text__container a {
    word-break: break-all;
    color: #0092C4;
}

/*----------------

767px design adjust

------------------*/
.pageGroupContents-wrapper.smp{
	display: none;
}

.toShopSelect-list__item--tc br{
	display: none;
}

@media only screen and (max-width: 767px){
	.pageGroupContents-wrapper.smp{
		display: block;
	}

	.toShopSelect-list__item--tc br{
		display: block;
	}
}

/*----------------

add shizuoka

------------------*/
.toShopSelect-list .toShopSelect-list__item--shizuoka.selected a {
    background-color: #9dc777;
}

.toShopSelect-list .toShopSelect-list__item--shizuoka a:hover {
    background-color: #9dc777;
    color: white;
}

@media only screen and (min-width: 1079px){
	.toShopSelect-list li {
	    min-width: 0;
	    width: 33%;
	}
}

@media only screen and (max-width: 960px){
	.toShopSelect-list .toShopSelect-list__item--tc {
	    min-width: 139px;
	}
}

@media only screen and (max-width: 767px){
	.toShopSelect-list .toShopSelect-list__item--tc {
	    min-width: 0;
	    width: 33%;
	}
}

@media only screen and (max-width: 414px){
	.toShopSelect-list__item a {
	    font-size: 3vw;
	}

	.toShopSelect-list__item--tc a {
	    font-size: 2.4vw;
	}
}

/*----------------

event slider adjust because ec site open

------------------*/
	@media only screen and (max-width: 767px){
		#page_events_index #rotationBanner {
		    width: 80%;
		    max-width: none;
		    margin-bottom: 0;
		}

		.flex-control-nav.flex-control-thumbs {
		    width: auto;
		    position: static;
		    bottom: -40px;
		    left: auto;
		}

		.flex-control-thumbs li {
		    max-width: 103px;
		    margin-right: 5px;
		}
	}
    
/*---------------------

delete footer hover effect

----------------------*/
    #footer a:hover {
        color: white;
    }

/*---------------------

cart display number

----------------------*/
    .header__right__item__link--cart {
        position: relative;
    }

    .cartDisplayNumber {
        font-size: 14px;
        position: absolute;
        top: -44px;
        padding: 0px 5px;
        background: white;
        border-radius: 15px;
        right: 20px;
        border: 1px solid;
        text-align: center;
        color: #e60012;
        font-weight: bold;
    }
    
/*---------------------

Fix bug of cart display number in firefox

----------------------*/   
    .header__right__item__link--cart {
        display: inline-block;
    }

    .cartDisplayNumber {
        top: 9px;
    }

/*---------------------

change font for all text being bold in hiragino

----------------------*/ 
    body{
        font-family: "游ゴシック", YuGothic, "Yu Gothic", Roboto, Arial, "メイリオ", Meiryo, sans-serif;
    }
/*-------------------------

Historic

---------------------------*/	
	.format-icon-Hi:before {
	    content: "\e912";
	    color: #717171;
	    background-color: white;
	    border-radius: 50%;
	}
	.deckSearch-top__metagame-title-Hi,.deckSearch-top__metagame-more-Hi{
	    background-color: #717171;
	}
/*-------------------------

Oathbreaker

---------------------------*/	
	.format-icon-Ob:before {
	    content: "\e910";
	    color: #d0c315;
	    background-color: white;
	    border-radius: 50%;
	}
/*-------------------------

Pioneer

---------------------------*/	
	.format-icon-Pi:before {
	    content: "\e913";
	    color: #ff8900;
	    background-color: white;
	    border-radius: 50%;
	}
	.deckSearch-top__metagame-title-Pi,.deckSearch-top__metagame-more-Pi{
	    background-color: #ff8900;
	}
/*-------------------------

mouse over action

---------------------------*/
.feature_inner:hover,
#longBanner a img:hover,
#longBannerSp a img:hover,
#longBannersecond a img:hover,
.store .storeLeftBanner:hover,
#feature a img:hover {
    opacity: unset;
	overflow: hidden;
}
.feature_inner:hover,
.deckSearch-top__metagame__wrapper a:hover,
.front_page a:hover img,
.deckSearch-top__archetype__link--more:hover .deckSearch-top__archetype__imgbg--more,
.deckSearch-top__archetype__wrapper a:hover .deckSearch-top__archetype__container{
	opacity: unset!important;
}
.deckSearch-top__flexwrapper--rankingView .deckSearch-top__archetype__numberonelink,
.deckSearch-top__metagame__wrapper {
	overflow: hidden;
}

.feature_img,
.button-link,
.deckSearch-top__archetype__numberonelink,
.deckSearch-top__metagame-title__link,
.deckSearch-top__metagame-title,
.deckSearch-top__archetype__imgbg--more {
    position: relative;
    overflow: hidden;
}
.feature_img::before,
.button-link::before,
.deckSearch-top__archetype__numberonelink::before,
.deckSearch-top__metagame-title__link::before,
.deckSearch-top__metagame-title::before,
.deckSearch-top__archetype__imgbg--more::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2)!important;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

/*---↓ここで光る速度調節↓---*/
.feature_img:hover::before,
.button-link:hover::before,
.deckSearch-top__archetype__numberonelink:hover::before,
.deckSearch-top__metagame-title__link:hover::before,
.deckSearch-top__metagame-title:hover::before,
.deckSearch-top__archetype__imgbg--more:hover::before {
    -webkit-animation: circle 1.3s;
    animation: circle 1.3s;
}
/*---↑ここで光る速度調節↑---*/

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.kuzu li {
	display: inline;
}

/*--- 2021/07/14 大会デッキ登録改修での追加CSS ---*/
.event-offer-title {
	margin-bottom: 20px;
}
.deck-entry-list__item__container > p {
	font-weight: bold;
}
.deck-entry_search_shop .shop_select-wrapper select {
	width: 100%;
	border: 1px solid #999;
	border-radius: unset!important;
}
.deck-entry_search div[class^="deck-entry_search_"] {
	border: none;
	display: block;
	margin: 0 0 20px;
}
.deck-entry_search div[class^="deck-entry_search_"] > p {
	background: 0;
	font-weight: bold;
	width: auto;
	padding: 0;
	height: auto;
	display: block;
	margin: 0 0 5px;
	color: #e60012;
	border-bottom: 1px solid #e60012;
}
.deck-entry_search_event .event_input-wrapper input {
	width: 100%;
	height: 40px;
	padding: 6px 12px;
}

@media only screen and (min-width: 768px) {
	.deck-entry-list__item-event,
	.deck-entry-list__item-shop {
		width: 25%;
	}
	.deck-entry-list__item__container > p {
		text-align: center;
	}
	.deck-entry-list__item-name__link {
		margin-left: 0;
	}
	.search_flex-wrapper {
		display: flex;
		padding-bottom: 10px;
	}
	.deck-entry_search_shop {
		width: 33%;
		padding-right: 40px;
	}
	.deck-entry_search_event {
		width: 67%;
	}
}

@media only screen and (max-width: 767px) {
	.deck-entry-list__item-date {
		float: left;
		width: 88px;
	}
	.shop_select-wrapper,
	.event_input-wrapper {
		padding: 15px;
	}
}

.help_onkaku_img{
	width: 80%;
}

@media only screen and (max-width: 767px){
	.help_onkaku_img{
		width: 100%;
	}
}

/* 2021/12/13 inoue */
.sub_image {
    width: 31.33%;
}
@media only screen and (max-width: 767px) {
    #item_info #item_info_left .sub_image img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
	.evMessage {
		margin-left: 10px;
		margin-right: 10px;
	}

	.evMessage img {
		width:  100%;
	}
}

/* 2022/04/07 追加*/
.deckRegist-input__label--Pi {
	color: #ff8900;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Pi {
	background: #ff8900;
}

/* 2022/11/01 追加*/
@media only screen and (max-width: 414px) {
	.item_detail table tbody tr td {
		word-break: break-word;
	}
}

/* 2022/11/08 追加*/
.notice_creditcard_payment {
	display: none!important;
}
#page_gmo_shopping_payment .gmo-payment-inner #payment_form_notice {
	font-size: 1.2rem;
    margin-bottom: 8px;
}