/*==============

my reset css

================*/
input[type="submit"]{
   -webkit-appearance: none;
}

a,a:hover{
    color: inherit;
}

/*==============

common

================*/
.inner{
    padding: 0;
    max-width: none;
}

#btn_menu{
    display: none;
}

#contents{
    padding-top: 60px;
}

body{
    color: #222;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", Roboto, Arial, "メイリオ", Meiryo, sans-serif;
}
.event-main-middle-wrapper {
    width: 90%;
    margin: 0 auto;
    max-width: 860px;
}

.common-headline {
    padding: 20px 0;
    border-bottom: 1px solid;
    font-size: 26px;
    font-weight: bold;
    margin-top: 0px;
}

.submit-button-wrapper{
    text-align: center;
    margin-top: 20px;
}

.submit-button-container{
    margin: 20px 15px;
    display: inline-block;
}

.submit-button{
    border: none;
    width: 170px;
    height: 40px;
    line-height: 40px;
    color: white;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
}

.submit-button-forward{
    background-color: #ff8600;
    font-weight: bold;
}

.submit-button-forward:hover{
    color: white;
}

.submit-button-back{
    background-color: #858585;
}

.submit-button-back:hover{
    color: white;
}

.submit-button-complete{
    background-color: #ff8600;
}

/*==============

header

================*/

#header{
    background: #fff;
    border-bottom: 0;
    //position: relative;
    position: fixed;
    width: 100%;
    z-index: 99999;
    padding: 0;
}

#header .inner{
    margin: 0;
    width: 100%;
    border-bottom: 1px solid rgba(177,177,177,0.3);
    padding: 0;
    max-width: none;
    background: #e60012;
}

.header__left{
    float: left;
}

.header__left__item {
    display: inline-block;
    vertical-align: middle;
}

.header__left__item-nav {
    position: relative;
    font-size: 0;
    line-height: 0;
}

.header__left__panel-btn{
  display: inline-block;
  position: relative;
  border-right: 1px solid #E8E8E8;
  padding: 0;
  margin: 0;
  transition: all .2s;
  background: #e60012;
  width: 54px;
  height: 54px;
}

.header__left__panel-btn:hover{
  background: #fafafa;
}

.header__left__panel-btn.close{
    box-shadow: 2px 2px 4px #aaa;
}

.header__left__panel-btn-icon,.header__left__panel-btn-icon:before, .header__left__panel-btn-icon:after{
    width: 30px;
    height: 4px;
    display: block;
    position: absolute;
    background-color: white;
}

.header__left__panel-btn-icon{
    transition: .2s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.header__left__panel-btn-icon:before, .header__left__panel-btn-icon:after{
  content: "";
  top: 50%;
  left: 0;
  transition: .3s;
}

.header__left__panel-btn-icon:before{
  margin-top: -13px;
}

.header__left__panel-btn-icon:after{
  margin-top: 9px;
}

.header__left__panel-btn .close{
  background: transparent;
}

.header__left__panel-btn .close:before, .header__left__panel-btn .close:after{
  margin-top: 0;
}

.header__left__panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.header__left__panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.header__left__hidden-menu{
    position: absolute;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 220px;
    top: 49px;
    z-index: 9999;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

.header__left__hidden-menu.open{
    border: 1px solid #E8E8E8;
}

.header__left__hidden-menu li{
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    transition: .3s all;
}

.header__left__hidden-menu.open li{
    height: 46px;
}

.header__left__hidden-menu li::before{
    background-size: cover;
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    left: 14px;
    margin: auto;
}

.header__left__hidden-menu__item--onlineshop::before{
    background-image: url(../img/onlineshop-header__left__hidden-menu.png);
}

.header__left__hidden-menu__item--purchase::before{
    background-image: url(../img/purchase-header__left__hidden-menu.png);
}

.header__left__hidden-menu__item--article::before{
    background-image: url(../img/article-header__left__hidden-menu.png);
}

.header__left__hidden-menu__item--player::before{
    background-image: url(../img/player-header__left__hidden-menu.png);
}

.header__left__hidden-menu__item--decksearch::before{
    background-image: url(../img/decksearch-header__left__hidden-menu.png);
}

.header__left__hidden-menu__item--shopinfo::before{
    background-image: url(../img/store.png);
}

.header__left__hidden-menu__item--event::before{
    background-image: url(../img/event_img-header__left__hidden-menu.png);
}

.header__left__hidden-menu__item--help::before{
    background-image: url(../img/help.png);
}

.header__left__hidden-menu__item--deckbuilder::before{
    background-image: url(../img/menu_deck.png);
}


.header__left__hidden-menu li a{
    font-size: 14px;
    padding: 10px 10px 10px 50px;
    float: none;
    display: block;
    margin: 0;
    width: auto;
    box-sizing: border-box;
    color: #222;
    background-color: #fff;
    text-align: left;
    font-weight: normal;
    line-height: 26px;
}

.header__left__hidden-menu li a:hover{
    text-decoration: underline;
}

.header__left__item-logo{
    font-size: 0;
    margin: 0 14px;
}

.header__left__item-logo img {
    width: 220px;
}

.header__left__item-logo img:hover{
    opacity: 1;
}

.header__left__item__text--eventPage{
    color: white;
    position: relative;
    padding-right: 32px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.header__left__item__text--eventPage::after{
    content: '';
    background-image: url(../img/event_img_2.png);
    background-size: cover;
    width: 26px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.header__right{
    text-align: right;
    font-size: 0;
}

.header__right__item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}

.header__right__item--eventSearch {
    padding: 0 10px 0 0;
}

.header__right__item__link--eventSearch{
    display: block;
    height: 30px;
    line-height: 30px;
    background: #FFD87E;
    color: #e60012;
    padding: 0 30px 0 15px;
    box-sizing: border-box;
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.header__right__item__link--eventSearch::after {
    content: '';
    width: 0px;
    height: 0px;
    border: 7px solid transparent;
    border-left: 11px solid;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 3px;
}

.header__right__item--mypage{
    position: relative;
    transition: all .2s;
}

.header__right__item--mypage.open{
    box-shadow: -2px 0 2px #aaa;
}

.header__right__item--mypage a:hover{
    color: inherit;
    text-decoration: underline;
}

.header__right__item__link--mypage{
    cursor: pointer;
    position: relative;
}

.header__right__item__img {
    display: block;
    font-size: 0;
    width: 34px;
    height: 34px;
    margin: 10px 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.header__right__item__img--help {
    background-image: url(../img/help_white.png);
}

.header__right__item__img--mypage {
    background-image: url(../img/mypage_white.png);
}

.header__right__hidden-menu{
    position: absolute;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 220px;
    top: 49px;
    right: 0;
    padding: 0;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

.header__right__hidden-menu.open{
    border: 1px solid #E8E8E8;
    z-index: 9999;
}

.header__right__hidden-menu li{
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    transition: .3s all;
}

.header__right__hidden-menu.open li{
    height: 46px;
}

.header__right__hidden-menu a{
    font-size: 14px;
    line-height: 20px;
    padding: 13px 0 13px 20px;
    display: block;
    box-sizing: border-box;
    color: #222;
    background-color: #fff;
    text-align: left;
    text-decoration: none;
}

/*==============

regist

================*/

.classrequired {
    background: #ffeeee;
}

.regist-usrdata {
    border: 1px solid #e8e8e8;
    margin-top: -1px;
}

.regist-usrdata__title {
    background-color: #f8f8f8;
    padding: 5px;
}

.must-input-data{
    float: left;
    margin-right: 5px;
}

.regist-usrdata__data {
    text-align: center;
    padding: 10px;
}

.regist-usrdata__data input, .regist-usrdata__data select{
    font-size: 16px;
    height: 1.0em;
    padding: 1.0em 0.6em;
    margin: 5px 0;
    border: 1px solid #999;
    border-radius: 5px;
    position: relative;
}

.regist-usrdata__data select{
    height: 25px;
    padding: 0 5px;
}

.regist-usrdata__data .regist-usrdata__data__attention{
    font-size: 14px;
}

.regist-usrdata-list {
    display: table;
    width: 100%;
}

.regist-usrdata {
    border: 1px solid #e8e8e8;
    margin-top: -1px;
    display: table-row;
}

.regist-usrdata__title {
    background-color: #f8f8f8;
    padding: 5px;
    display: table-cell;
    border: 1px solid;
    border-bottom: 0;
    width: 215px;
}

.regist-usrdata__data {
    text-align: left;
    padding: 10px;
    display: table-cell;
    border: 1px solid;
    border-bottom: 0;
    border-left: 0;
}

.checktype_name, .checktype_kana {
    display: inline-block;
}

.regist-usrdata:last-child .regist-usrdata__title, .regist-usrdata:last-child .regist-usrdata__data{
    border-bottom: 1px solid;
}

.to-privacy-link{
    color: #554EEE;
    text-decoration: underline;
}

.to-privacy-link:hover{
    color: #0092C4;
    text-decoration: underline;
}
/*==============

regist check

================*/

.submit_{
    margin: 20px auto;
    text-align: center;
}
.submit_ input{
    vertical-align: middle;
}

.hidden_{
    visibility: hidden;
}

/*==============

my page

===============*/

.customer__status {
    margin: 0 0 10px 0;
    padding: 0 10px 10px 10px;
    border-bottom: 1px dotted #CCC;
}

.loginname {
    font-weight: bold;
}

.recommend {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}
.mymenu {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}
.mymenu__item {
    margin-bottom: 10px;
    padding: 0 0 10px 0;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
}
.mymenu__item__img {
    margin: 0 10px 0 10px;
    float: left;
    display: inline;
    width: 60px;
}
.mymenu__item__desc {
    margin: 0;
    float: left;
    display: inline;
    width: calc(100% - 80px);
}
.mymenu__item h2 {
    margin: 0 0 10px 0;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}
.mymenu__item p, .mymenu__item ul {
    margin: 0 0 0 10px;
}
.mymenu__item ul li {
    margin-left: 2em;
    list-style: square;
}
/*temporary design (until all page made)*/
.common-headline{
    padding: 30px 0 20px;
}

.common-headline--mypage{
    padding-left: 35px;
    position: relative;
}

.common-headline--mypage::before{
    content: '';
    position: absolute;
    background-image: url(../img/mypage_red.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: 0;
}

.mypage{
    text-align: center;
}

.mypage-block{
    display: inline-block;
    width: 207px;
    height: 207px;
    background-color: #f5f5f5;
    text-align: center;
    margin: 0 10px 15px 0;
    position: relative;
    vertical-align: top;
}

.mypage-block__image{
    width: 120px;
}

.mypage-block__title{
    margin: 0 0 7px;
    font-size: 14px;
    font-weight: bold;
}

.mypage-block__desc{
    font-size: 12px;
    margin: auto;
    padding: 0 3px;
}
/*============

complete offer

==============*/

.content__text{
    margin-left: 30px;
}

.submit{
    text-align: center;
}

/*===========

event offer

=============*/
.event-offer-title{
    margin-bottom: 0;
}

.event-offer-list__item-price {
    color: #D9331E;
    font-weight: bold;
}

.event-offer-list__total__number {
    color: #D9331E;
    font-weight: bold;
}

/*==============

contact

================*/
.contact__list{
    margin-bottom: 20px;
}

.contact-usrdata{
    border: 1px solid #e8e8e8;
}

.contact__message{
    padding: 5px;
}

.contact-usrdata__attention{
    font-size: 14px;
}

.contact-usrdata__data input, .contact-usrdata__data select{
    font-size: 16px;
    height: 1.0em;
    padding: 1.0em 0.6em;
    margin: 5px 0;
    border: 1px solid #999;
    border-radius: 5px;
    position: relative;
}

.contact-usrdata__data select{
    height: 25px;
    padding: 0 5px;
}
.contact-usrdata__textareaCheck{
    display: block;
    max-width: 500px;
    white-space: normal;
    word-wrap: break-word;
    text-align: left;
}

.contact__list {
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

.contact-usrdata {
    border: 1px solid #e8e8e8;
    display: table-row;
    margin-top: -1px;
}

.contact-usrdata__title {
    background-color: #f8f8f8;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid;
    border-bottom: 0;
    width: 215px;
}

.contact-usrdata:last-child .contact-usrdata__title{
    border-bottom: 1px solid;
}

.contact-usrdata__data {
    text-align: left;
    padding: 10px;
    display: table-cell;
    border: 1px solid;
    border-bottom: 0;
    border-left: 0;
}

.contact-usrdata:last-child .contact-usrdata__data{
    border-bottom: 1px solid;
}

/*==============

contact_history

================*/
.customer__contact-list {
    margin-top: 20px;
}

.customer__contact {
    border: 1px dotted;
    margin-top: -1px;
    border-width: 1px 0;
    padding: 5px;
}

.customer__contact__date, .customer__contact__subject, .customer__contact__id {
    display: inline-block;
    padding-right: 10px;
}

.customer__contact-history__title {
    font-size: 16px;
}

.customer__contact-history__text{
    padding: 5px;
    border: 1px solid #ccc;
    margin-top: 10px;
}

/*==============

deckentry

===============*/

.navitopicpath_{
    line-height: 1;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #EA5404;
}

a.deckregist-guide__link,
.notes{
    color:#00d;
    word-break: break-all;
}

h1{
    font-size:26px;
}
.notes{
    padding:10px;
    background:#eee;
    font-size:14px;
    margin-bottom:20px;
}

/* 1 common*/
.deckRegist{
    margin-bottom: 50px;
    position: relative;
    background: white;
    width: 100%;
    max-width: none;
    min-width: auto;
    margin: 0 auto;
}
.deckRegist:after{
    display: block;
    content: "";
    clear: both;
}
.deckRegist h1{
    font-size: 30px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    margin-bottom: 20px;
}
.deckRegist h1:before{
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    margin:auto 0;
    display: block;
    background: #333;
    width: 5px;
    height: 70%;
    content: "";
}

/* 2 left layer */
.deckRegist .deckRegistLeft {
    float: left;
    width: 45%;
    min-width: 330px;
    max-width: 440px;
    box-sizing: border-box;
}

.deckRegist .deckRegistLeft p{
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.deckRegist .process{
    padding-top: 20px;
    margin-bottom: 40px;
}
.process{
    background-position:left top;
    background-repeat: no-repeat;
    position: relative;
}
/*;
.process1{background-image: url(back_1.png);}
.process2{background-image: url(back_2.png);}
.process3{background-image: url(back_3.png);}
*/
.process:before{
    display: block;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border:15px solid transparent;
    border-top-color: #aaa;
    bottom: -50px;
    left: 0;
    right: 0;
    margin:0 auto;
}
.process3:before{
    content: none;
}
.deckarrow{
    position: absolute;
    left:390px;
    top:360px;
    background: #ddd;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.deckarrow .square,
.deckarrow .triangle{
    position: absolute;
    height: 100%;
    width: 100%;
}

.deckarrow .square:before,
.deckarrow .square:after{
    width: 56px;
    height: 30px;
    position: absolute;
    background: white;
    left: -1px;
    content:"";
}
.deckarrow .square:before{
    top:-1px;
}
.deckarrow .square:after{
    bottom:-1px;
}
.deckarrow .triangle:before,
.deckarrow .triangle:after{
    width: 0;
    height: 0;
    position: absolute;
    right: -1px;
    content:"";
    border:28px solid transparent;
    border-right-color: white;
}
.deckarrow .triangle:before{
    top:-5px;
    border-top-color: white;
}
.deckarrow .triangle:after{
    bottom:-5px;
    border-bottom-color: white;
}

/* 2.1 card name input */
.inputOuter{
    position: relative;
    background: white;
    border-radius: 4px;
}

.inputOuter:before{
    position: absolute;
    left: 0;
    height: 40px;
    width: 40px;
    content: "\e904";
    font-family: "hareruya_icon";
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    color: #888;
}

.cardNameInput{
    border-radius: 4px;
    border:2px solid #888;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    font-size: 18px;
    padding-left: 50px;
    margin:0;
    background: transparent;
}
.cardNameList{
    transition: height 0.3s;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 100;
}
.cardNameList li{
    padding:10px;
    font-size: 16px;
    background: white;
    border:1px solid #aaa;
    margin-top: -1px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
}
.cardNameList li.pMatch{
    background:#eee;
}
.cardNameList li:hover{
    background:#aaa;
}

/* 2.2 board select */
.process2:after{
    display: block;
    clear: both;
    content: "";
}
.boardSelect{
    position: relative;
    overflow: hidden;
}
.boardSelect input{
    position: absolute;
    left: -9999px;
}
.deckRegist .boardSelect p{
    background:#dedede;
    color: white;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    cursor: pointer;
}
.deckRegist .boardSelect input:checked + p{
    background: #888;
    height: 66px;
    line-height: 46px;
}
.deckRegist .mainInner{
    border-radius: 4px 0 0 4px;
}
.deckRegist .sideInner{
    border-radius: 0 4px 4px 0;
}
.deckentry__flex__container{
    display: flex;
    -webkit-align-items: flex-end;
    align-items:         flex-end;
}
.deckentry__flex__container label{
    width: 100%;
}



/* 2.3 number input */
.deckRegist .process3{
    font-size: 0;
    text-align: center;
}
.deckRegist .process3 button{
    background:#888;
    font-size: 40px;
    border:0;
    color: white;
    line-height: 56px;
    width: 60px;
    padding:0;
    cursor: pointer;
    margin-right: 20px;
    border:2px solid #888;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 30px;
}
.deckRegist .process3 button:active{
    background:white;
    color: #888;
}
.deckRegist .process3 button:nth-last-of-type(1){
    margin-right: 0;
}
.deckRegist .cardNum{
    width: 80px;
    height: 60px;
    line-height: 56px;
    font-size: 30px;
    border:2px solid #888;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    color: #333;
    padding: 0;
    text-align:center;
    margin: 0;
}
.deckRegist .numSubmit{
    font-size: 20px;
    border-radius:0 4px 4px 0;
    color:white;
    background: #888;
    cursor: pointer;
    width: 130px;
    text-align:center;
    height: 60px;
    line-height: 60px;
    border: 2px solid #888;
    box-sizing: border-box;
    border-left: 0;
}

.numSubmit:active{
    background:white;
    color: #888;
}
.errorText{
    color: red;
    text-align: center;
}
.ripple{
    width: 150px;
    height: 150px;
    position: absolute;
    left:-75px;
    top:-25px;
    border-radius: 100%;
    transform: scale(0);
    opacity: 0;
    background: #999;
}
.ripple.is-show {
    animation: rippleanime 0.75s ease-out;
}
@keyframes rippleanime {
    from {
        opacity: 1;
    }
    to {
        transform: scale(2);
        opacity: 0;
    }
}


/* 3 right layer */
.deckRegist .deckRegistRight {
    float: right;
    width: 45%;
    max-width: 360px;
    min-width: 300px;
    box-sizing: border-box;
}

.deckRegist .deckMain,
.deckRegist .deckSide{
    width: 100%;
    box-sizing:border-box;
    padding:10px;
    border-radius: 0;
    border:#888 1px solid;
}
.deckRegist .deckMain.selected,
.deckRegist .deckSide.selected{
    outline:#888 5px solid;
}
.deckRegist .deckMain{
    height: 260px;
    border: #888 5px solid;
}
.deckRegist .deckSide{
    height: 120px;
    border: #888 5px solid;
}
.deckRegist .notice{
    background:#ddd;
    font-size: 12px;
    padding: 5px 10px;
    text-align: left;
    margin-bottom: 30px;
}
.deckRegist .notice h3{
    margin-top: 5px;
    margin-left: 1em;
    margin-bottom: 10px;
    text-decoration: underline;
}
.deckRegist .notice ul{
    list-style: none;
    padding: 0;
}
.deckRegist .notice li{
    margin-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
}
.deckRegist .notice .bold{
    font-weight: bold;
}
.deckRegistRight h2{
    padding:0 10px;
    font-size: 20px;
    margin-bottom: 10px;
}
.deckRegistRight textarea{
    margin-bottom: 25px;
}


.deckRegistBottom{
    clear:both;
    text-align: center;
}

.deckRegist .deckSubmit {
    background: #ff8600;
    border: 0;
    font-size: 28px;
    color: white;
    padding: 20px 0;
    margin: 20px 0;
    width: 100%;
    max-width: 340px;
}

.tournamentName{
    font-size: 20px;
    color: #ea5404;
    margin-bottom: 30px;
    text-align: left;
    font-weight: bold;
}


.deckResult .tournamentName{
    font-size: 20px;
    color: #ea5404;
    margin-bottom: 30px;
    text-align: left;
    font-weight: bold;
    margin-top: 10px;
}

.deckResult .resultError{
    border:2px solid red;
    padding:10px 20px;
    display: inline-block;
    margin-bottom: 30px;
    background:#eee;
}
.deckResult .resultDecklist:after{
    display: block;
    clear: both;
    content: "";
}
.deckResult .resultDecklist{
    margin-top: 30px;
}
.deckResult .message_{
    margin-top: 30px;
}
.deckResult .resultDecklist ul{
    margin-bottom: 40px;
}
.deckResult .resultError{
    line-height: 30px;
}
.deckResult .resultError li:before{
    content: url(http://img.hareruyamtg.com/img/usr/icon/warning.png);
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}
.deckResult .resultDecklist h3{
    font-weight: bold;
    margin-bottom: 5px;
}
.deckResult #deckMain,
.deckResult #deckSide{
    width: 50%;
}
.deckResult #deckMain{
    float: left;
}
.deckResult #deckSide{
    float: right;
}
.tournamentCalendarReturn,
.tournamentDeckReturn,
.tournamentCalendarComplete{
    text-align: center;
    margin-bottom: 20px;
}
.tournamentCalendarReturn a,
.tournamentDeckReturn a,
.tournamentCalendarComplete a{
    display: inline-block;
    text-align: center;
    width: 300px;
    padding: 10px 0;
    color: white;
    font-size: 20px;
    text-decoration: none;
}
.tournamentCalendarReturn a{
    background:#858585;
    text-decoration: none;
}
.tournamentDeckReturn a{
    background:#858585;
}

.tournamentCalendarComplete a{
    background-color: #ff8600
}


/*#tournamentTerms{
    text-align: center;
}

#tournamentTerms .termsText{
    width: 600px;
    border:1px solid #aaa;
    height: 300px;
    margin:20px auto;
    overflow-y:scroll;
    padding: 10px;
    box-sizing: border-box;
    text-align: left;
}
#tournamentTerms .termCheck{
    margin-bottom: 50px;
    cursor: pointer;
}
#tournamentTerms .errorMsg{
    color: red;
    display: none;
}*/


.tournamentNoDciMsg .attention {
    font-size:25px;
    color: #ea5404;
    margin-left: 10px;
    font-weight: bold;
    text-decoration:underline;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}
.tournamentNoDciMsg .tournamentTotal{
    margin-bottom: 20px;
    display: block;
}
.dcibutton {
    text-align: center;
}
.dcibutton .regist_button {
    padding: 18px;
    display: inline-block;
    border: 2px solid #6A4B3A;
    border-radius: 10px;
    background-color: #6A4B3A;
    color: white;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    padding-right: 70px;
    transition: 0.3s;
    position: relative;
}
.dcibutton .regist_button:hover {
    opacity: 0.6;
}
.dcibutton .regist_button:after {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-left: 25px solid #6A4B3A;
    height: 0;
    width: 0;
    top: 0;
    bottom: 0;
    margin:auto 0;
    right: 12px;
    border: 13px solid transparent;
    border-left: 20px solid #6A4B3A;
}
.dcibutton .regist_button:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    right: 15px;
    bottom: 0;
    top:0;
    margin:auto 0;
}
.tournamentDciNumber{
    font-size: 18px;
    color: #ea5404;
}
.tournamentDciName{
    font-size: 18px;
    color: #ea5404;
    margin-bottom: 20px;
}
.deckResult .tournamentDciNumber{
    font-size: 18px;
    color: #ea5404;
}
.deckResult .tournamentDciName{
    font-size: 18px;
    color: #ea5404;
    margin-bottom: 20px;
}
.deckResult .resultMessage{
    margin-bottom: 10px;
}

/*==================

deck entry check

====================*/
.mo_visualize_wrap{
    width: 100%;
    background-size: cover;
    border: 1px solid#333;
    box-shadow:5px 5px 5px #888;
    background-image:url();
    background-position: center center;
    background-size: cover;
    font-size: 0;
    line-height: 0;
    margin-bottom: 50px;
}
.mo_visualize .vOuter{
    display: inline-block;
    vertical-align: top;
    margin:0 0 6px 5px;
    width: 114px;
    height: 158px;
    position: relative;
}
.mo_visualize .vOuter .carddtaillink{
    position: absolute;
    width: 114px;
    left: 0;
}
.mo_visualize .vOuter .carddtaillink img{
    border-radius: 5px;
    width: 100%;
}

.mo_visualize .vOuter .Number_of_sheets{
    bottom: 10px;
    background-image: url(https://www.hareruyamtg.com/cms/img/icon/number_wayfinder.png);
    width:47px;
    height: 27px;
    left: 4px;
    position: absolute;
}
.mo_visualize .vOuter .Number_of_sheets p{
    color: white;
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 23px;
}

.mo_visualize_wrap .mo_visualize .vOuterL .Number_of_sheets p{
    top: 17px;
}

.mo_visualize_title{
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 0 6px;
}

/*==================

same name tournament offer

====================*/
.offered-event{
    margin-bottom: 40px;
}

.offered-event__title{
    border-bottom: 1px solid;
    font-size: 18px;
    //margin-bottom: 0;
    //margin-top: 20px;
    margin: 20px 0 0;
}

.same-name-events{
    margin-bottom: 40px;
}

.same-name-events__content__checkbox {
    display: inline-block;
}

.same-name-events__title{
    border-bottom: 1px solid;
    font-size: 18px;
    margin-bottom: 0;
}

/*=================

team event offer

===================*/
.event-offer-team .event-offer-list__payment {
    margin-bottom: 0px;
}

.event-offer-list__team {
    padding: 20px 5% 20px 0;
    border-bottom: 1px dashed;
    margin-bottom: 35px;
}

.event-offer-list__team__name {
    display: inline-block;
    width: auto;
}

.event-offer-list__team__input {
    display: inline-block;
    float: right;
}

/*==============

deck entry list

================*/
.deck-entry-list-wrapper{
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.deck-entry-list {
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid;
    margin-top: -1px;
    font-size: 12px;
    overflow: hidden;
}

.deck-entry-list-title {
    font-weight: bold;
    font-size: 14px;
}

.deck-entry-list__item {
    padding: 5px;
}

.deckRegistEventStatus__text{
    background-color: #00bf00;
    border-radius: 10px;
    padding: 2px 5px;
    margin: 0 5px 0 0;
    color: white;
}

.deck-entry-list__item-name__link{
    font-weight: bold;
}

.deck-entry-list__item__container--status {
    background-color: #d41111;
    color: white;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

.deck-entry-list__item__container--complete {
    background-color: #276d0b;
}

.deck-entry-list__item__container--regist{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    background: #d41111;
    font-weight: bold;
}

.deck-entry-list__item__container--regist:hover{
    color: white;
}

.deck-entry-list__item__container--deckedit{
    background:  #276d0b;
    border:  1px solid;
    color: white;
}

.deck-entry-list__item__container--deckedit:hover{
    color: white;
}
/*==============

event detail

===============*/

.event_detail_banner{
    width: 100%;
    max-width: 400px;
    margin: 30px auto;
}

.event_banner img{
    width: 100%;
}

.sns_button_container{
    display: flex;
    margin-left: auto;
    width: 150px;
}
.sns_button_container div{
    width: 90px;
}

.event_detail_table_wrapper{
    width: 100%;
    margin-bottom: 30px;
}

.event_detail_table{
    width: 100%;
}

.event_detail_table_flex_container {
    border-bottom: solid 1px #dfdfdf;
    margin: 0;
    padding: 10px 50px;
    font-size: 0;
}

.event_detail_table .event_detail_table_flex_container:first-child {
    border-top: 1px solid #dfdfdf;
}

.event_detail_table_title,.event_detail_table_text {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.event_detail_table_title{
    width: 20%;
    font-weight: bold;
}

.event_detail_table_text{
    width: 80%;
}

.event_detail_table__button-wrapper {
    text-align: center;
}

.event_detail_table__button {
    display: inline-block;
    width: 170px;
    line-height: 40px;
    margin: 10px 45px;
    padding: 0 20px;
    height: 40px;
    font-size: 16px;
    background: #3A9AD1;
    color: white;
    font-weight: bold;
    border: 0;
}

.event_detail_table__button--deckentry{
    background-color: #d41111;
}

.event_detail_table__button:hover{
    color: white;
}

.event_detail__back-button-wrapper {
    text-align: center;
}

.event_detail__back-button {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    color: white;
    background-color: #858585;
}

.event_detail__back-button:hover{
    color: white;
}

.event_detail__back-button::before {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right: 11px solid;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 20%;
}

/*==============

event history

================*/
.event-history-list-wrapper{
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.event-history-list {
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid;
    margin-top: -1px;
    font-size: 12px;
    overflow: hidden;
}

.event-history-list-title {
    font-weight: bold;
    font-size: 16px;
}

.event-history-list__item {
    padding: 5px;
    width: 20%;
    display: table-cell;
}

.event-history-list__item-name {
    font-weight: bold;
}

.event-history-list__item--th.event-history-list__item-status {
    color: #222;
}

.event-history-list__item__container--format{
    width: 105%;
}

.event-history-list__item__container--status {
    background-color: #d41111;
    color: white;
    padding: 2px 5px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

.event-history-list__item__container--complete {
    background-color: #276d0b;
}

.event-history-list__item__container--null{
    padding: 0;
}

/*==============

event calendar

===============*/
.top-wrapper{
    width: 100%;
    /*max-width: 1465px;*/
    margin: 0 auto;
    overflow: hidden;
}
.main-wrapper{
    padding-top: 0;
}
.flexslider{
    margin-bottom: 10px;
}
.flex-viewport{
    overflow: visible!important;
}
.flex-viewport ul{
    position: relative;
    z-index: 200;
}
#rotationBanner{
    width: 650px;
    margin: 0 auto;
}
.flex-viewport:before{
    content: "";
    position: absolute;
    opacity: 0.8;
    background-color: black;
    width: 650px;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: -650px;
    z-index: 300;
}
.flex-viewport:after{
    content: "";
    position: absolute;
    opacity: 0.8;
    background-color: black;
    width: 650px;
    height: 100%;
    top: 0;
    right: 0;
    margin-right: -650px;
    z-index: 300;
}

.flex-direction-nav .flex-prev {
  z-index: 400;
  color: white;
  margin: -20px -165px 0;
  overflow: visible;
  top: 39%;
}
.flex-direction-nav .flex-next {
  z-index: 400;
  color: white;
  margin: -20px -165px 0;
  overflow: visible;
  top: 39%;
}
.flex-direction-nav a:before{
  color: white;
}
.flex-direction-nav .flex-prev:before{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -300px;
  width: 40px;
  height: 40px;
  margin: auto;
  border-top: 5px solid white;
  border-left: 5px solid white;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  cursor: pointer;
}
.flex-direction-nav .flex-next:before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -300px;
  width: 40px;
  height: 40px;
  margin: auto;
  border-top: 5px solid white;
  border-right: 5px solid white;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  cursor: pointer;
}

.flex-control-thumbs {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-control-thumbs li {
    float: none;
    margin-right: 5px;
}
.flex-control-thumbs li:last-of-type{
    margin-right: 0;
}
.toShopSelect{
    width: 90%;
    max-width: 860px;
    margin: 0 auto;
}
.toShopSelect-list{
    display: flex;
    margin-bottom: 20px;
}
.toShopSelect-list a{
    background-color: white;
    border: solid 1px #989B9D;
    border-left: 0;
    color: #222;
    font-weight: normal;
    margin: 0;
    display: block;
    text-align: center;
}
.toShopSelect-list li:first-of-type a{
    border-left: solid 1px #989B9D;
}

.toShopSelect-list .selected a{
    background-color: #e72d2b;
    color: white;
    text-decoration: none;
}

.toShopSelect-list .toShopSelect-list__item--tc{
    font-size: 12px;
}
.toShopSelect-list .toShopSelect-list__item--nagoya.selected a{
    background-color: #fabf2e;
}

.toShopSelect-list .toShopSelect-list__item--osaka.selected a{
    background-color: #1A6091;
}

.toShopSelect-list .toShopSelect-list__item--fukuoka.selected a{
    background-color: #0B7756;
}

.toShopSelect-list .toShopSelect-list__item--sapporo.selected a{
    background-color: #80B8BF;
}

.toShopSelect-list .toShopSelect-list__item--narita.selected a{
    background-color: #A968A5;
}
/*.toShopSelect-list .toShopSelect-list__item a:hover{
    background-color: #e72d2b;
    color: white;
    text-decoration: none;
}*/

.toShopSelect-list .toShopSelect-list__item--tc a:hover{
    background-color: #e72d2b;
    color: white;
    text-decoration: none;
}
.toShopSelect-list .toShopSelect-list__item--nagoya a:hover{
    background-color: #fabf2e;
    color: white;
    text-decoration: none;
}
.toShopSelect-list .toShopSelect-list__item--osaka a:hover{
    background-color: #1A6091;
    color: white;
    text-decoration: none;
}
.toShopSelect-list .toShopSelect-list__item--fukuoka a:hover{
    background-color: #0B7756;
    color: white;
    text-decoration: none;
}
.toShopSelect-list .toShopSelect-list__item--sapporo a:hover{
    background-color: #80B8BF;
    color: white;
    text-decoration: none;
}
.toShopSelect-list .toShopSelect-list__item--narita a:hover{
    background-color: #A968A5;
    color: white;
    text-decoration: none;
}

.toShopSelect-list li{
    width: 100%;
    min-width: 143px;
    line-height: 42px;
}
.eventCalendar__top-button__container{
    display: flex!important;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 20px;
}
.eventCalendar__top-button{
    width: 200px;
    text-align: center;
    line-height: 45px;
    position: relative;
    font-weight: bold;
}
.eventCalendar__top-button a:before{
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 30px;
}

.eventCalendar__top-button a:hover:before{
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 30px;
}

.eventCalendar__top-button-calendar{
  border: solid 1px #D13A59;
  margin-right: 20px;
}

.eventCalendar__top-button-calendar a{
  color: #D13A59;
  display: block;
  padding-left: 28px;
}

.eventCalendar__top-button-calendar a:hover{
  color: white;
  background-color: #D13A59;
}

.eventCalendar__top-button-calendar a:before{
  background-image: url(../img/calendar.png);
  width: 28px;
}
.eventCalendar__top-button-calendar a:hover:before{
  background-image: url(../img/calendar_hover.png);
  width: 28px;
}
.eventCalendar__top-button-calendar__active a{
  color: white;
  background-color: #D13A59;
}

.eventCalendar__top-button-calendar__active a:before{
  background-image: url(../img/calendar_hover.png);
  width: 28px;
}
.eventCalendar__top-button-search{
  border: solid 1px #006600;
  margin-right: 20px;
}
.eventCalendar__top-button-search a{
  color: #006600;
  display: block;
  padding-left: 18px;
}
.eventCalendar__top-button-search a:hover{
  color: white;
  background-color: #006600;
}
.eventCalendar__top-button-search a:before{
  background-image:  url(../img/detail_search_green.png);
  width: 26px;
}
.eventCalendar__top-button-search a:hover:before{
  background-image: url(../img/search_hover.png);
  width: 26px;
}

.eventCalendar__top-button-onlinepairing{
  border: solid 1px #EA601B;
}
.eventCalendar__top-button-onlinepairing a{
  color: #EA601B;
  display: block;
  padding-left: 20px;
}
.eventCalendar__top-button-onlinepairing a:hover{
  color: white;
  background-color: #EA601B;
}
.eventCalendar__top-button-onlinepairing a:before{
  background-image: url(../img/onlinepairing.png);
}
.eventCalendar__top-button-onlinepairing a:hover:before{
  background-image: url(../img/onlinepairing_hover.png);
}

.eventCalendar__top-button-store{
  border: solid 1px #27B5E3;
  margin-right: 20px;
}

.eventCalendar__top-button-store a{
  color: #27B5E3;
  display: block;
  padding-left: 18px;
}

.eventCalendar__top-button-store a:hover{
  color: white;
  background-color: #27B5E3;
}

.eventCalendar__top-button-store a:before{
  background-image: url(../img/store.png);
  width: 24px;
  top: 10px;
  left: 6px;
}
.eventCalendar__top-button-store a:hover:before{
  background-image: url(../img/store_hover.png);
  width: 24px;
  top: 10px;
  left: 6px;
}

.search__wrapper{
    width: 100%;
}
.submit{
    display: flex;
    width: 450px;
    margin: 0 auto;
}
.submit input{
    height: 40px;
    margin-right: auto;
}
.submit a{
    margin-left: auto;
}
.event_banner{
    width: 315px;
    margin: 0 auto;
}


.eventCalendar__common-headline{
    border: 0;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    padding: 0;
    margin: 55px 0 15px 0;
}

.eventCalendar__list__data{
    height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #989B9D;
}
.eventCalendar__list__data:last-of-type{
    border-bottom: none;
}
.eventCalendar__list__data__container{
    display: inline-block;
    text-align: center;
}
.eventCalendar__list__data__wrapper .date{
    width: 235px;
}
.eventCalendar__list__data__wrapper .location{
    width: 165px;
}
.eventCalendar__list__data__wrapper .format{
    width: 168px;
}
.eventCalendar__list__data__wrapper .title{
    width: 353px;
}
.eventCalendar__calendarList__data .saturday{
    background-color: #EBF4FF;
}
.eventCalendar__calendarList__data .sunday{
    background-color: #FFEBEB;
}
.eventCalendar__calendarList__data{
}
.eventCalendar__unregular__tournament__container div{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-left: 7px;
}
.eventCalendar__regular__tournament__container div{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-left: 7px;
}


.eventCalendar__calendarList__data:last-of-type{
    border-bottom: solid 1px #989B9D;
}
.eventCalendar__calendarList__data__wrapper{
    display: flex;
    border:1px solid #989B9D;
    border-bottom: none;
}
.eventCalendar__calendarList__data__wrapper .date{
    border-right: solid 1px #989B9D;
    width: 50px;
    text-align: center;
    position: relative;
}
.eventCalendar__calendarList__data__wrapper .date span{
    position:  absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
}
.eventCalendar__calendarList__data__wrapper .weekday{
    border-right: solid 1px #989B9D;
    width: 50px;
    text-align: center;
    position: relative;
}
.eventCalendar__calendarList__data__wrapper .weekday span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
}

.eventCalendar__calendarList__data__wrapper .title{
    padding: 15px 0 15px 25px;
    max-width: 760px;
    width: 100%;
    font-weight: bold;
}
.eventCalendar__calendarList__data__wrapper .title a{
    color: #554EEE;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}
.eventCalendar__calendarList__data__wrapper .title a:hover{
    opacity: 0.7;
}
/*.eventCalendar__unregular__tournament__container div{
    margin-bottom: 10px;
}*/
.eventCalendar__regular__tournament__container div{
}
.eventCalendar__banner__data__wrapper{
    display: flex;
    margin-bottom: 20px;
}
.eventCalendar__banner__data__wrapper a{
    display: block;
    width: 48%;
}
.eventCalendar__banner__data__wrapper a img{
    width: 100%;
}
.eventCalendar__banner__data__wrapper a:first-of-type{
    margin-right: auto;
}
.eventCalendar__banner__data__wrapper a:last-of-type{
    margin-left: auto;
}

.tab{
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    position: relative;
}
.tab:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e72d2b;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -8px;
}
.tab li{
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: solid 1px #989B9D;
    color: black;
    cursor: pointer;
}
.tab li:first-of-type{
    border-right: none;
}
.tab li:last-of-type{
    border-left: none;
}

.content {
    clear: both;
    overflow: hidden;
    width: 100%;
}
.content ul{
    font-size: 14px;
}
.area {
    display: none;
}
.tab li.active {
    font-weight: bold;
    background-color: #e72d2b;
}
.tab li.active a{
    color: white;
}
.tab li a{
    color: #222;
    display: block;
    width: 100%;
}
.tab li:first-of-type.active {
    border-right: solid 1px #989B9D
}
.tab li:last-of-type.active {
    border-left: solid 1px #989B9D
}
.eventCalendar__page__wrapper {
    text-align: center;
    margin-top: 30px;
}
.eventCalendar__banner {
    width: 100%;
    margin: 0 auto;
}
.eventCalendar-campaign-title{
    font-weight: bold;
}

.past-tournament__wrapper a:link{
    color: #888;
}

.past-tournament__wrapper .eventCalendar__list{
    background-color: #F5F5F5;
    opacity: 0.7;
}
.past-tournament__wrapper .eventCalendar__calendarList__data .saturday{
    background-color: #F5F5F5;
}
.past-tournament__wrapper .eventCalendar__calendarList__data .sunday{
    background-color: #F5F5F5;
}
.past-tournament__title{
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #95989A;
    color: white;
    cursor: pointer;
    position: relative;
}
div.rightArrow span:after{
    content:"";
    border:8px solid transparent;
    border-left:12px solid white;
    position:absolute;
    margin:auto;
    top:14px;
    right:-34px;
}
.past-tournament__title span:after{
    content:"";
    border:8px solid transparent;
    border-top:12px solid white;
    position:absolute;
    margin:auto;
    top:17px;
    right:-34px;
}

.sideHidden{
    display: none;
}

.past-tournament__title__open{
    display: none;
}
.past-tournament__title__close{
    display: inline-block;
    position: relative;
}
.rightArrow .past-tournament__title__open{
    display: inline-block;
    position: relative;
}
.rightArrow .past-tournament__title__close{
    display: none;
}

/*calendar to jump clicked day*/
.calendarToJump{
    margin-bottom: 20px;
}

.calendarToJump table{
    width: 100%;
    border: 1px solid #ccc;
}

.calendarToJump th,.calendarToJump td{
    border-left: none;
    border-top: none;
    border-right: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
}

.calendarToJump th{
    background-color: #f8f8f8;
    padding: 5px 0;
}

.calendarToJump td{
    background-color: white;
    text-align: center;
}

.calendarToJump .sunday{
    background-color: #ffebeb;
}

.calendarToJump .saturday{
    background-color: #ebf4ff;
}

.calendarToJump td .calendarToJump__link{
    padding: 10px 7px;
    display: block;
}

.calendarToJump td .calendarToJump__selectedDay{
    background-color: #f8f8f8;
}

.calendarToJump td .calendarToJump__past{
    background-color: #dedede;
}

/*==============

icon-font

===============*/
@font-face {
  font-family: 'format-icon';
  src:  url('fonts/format-icon.eot?v72kys');
  src:  url('fonts/format-icon.eot?v72kys#iefix') format('embedded-opentype'),
    url('fonts/format-icon.ttf?v72kys') format('truetype'),
    url('fonts/format-icon.woff?v72kys') format('woff'),
    url('fonts/format-icon.svg?v72kys#format-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'hareruya_icon';
    src:    url('fonts/hareruya_icon.eot?yaowt2');
    src:    url('fonts/hareruya_icon.eot?yaowt2#iefix') format('embedded-opentype'),
        url('fonts/hareruya_icon.ttf?yaowt2') format('truetype'),
        url('fonts/hareruya_icon.woff?yaowt2') format('woff'),
        url('fonts/hareruya_icon.svg?yaowt2#hareruya_icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="format-icon-"], [class*=" format-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'format-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.format-icon{
}

.format-icon-St:before {
    content: "\e900";
    color: #DE1020;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Mo:before {
    content: "\e901";
    color: #10984E;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Le:before {
    content: "\e902";
    color: #70529F;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Vi:before {
    content: "\e903";
    color: #0C2F8A;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Dr:before {
    content: "\e904";
    color: #2EA8D3;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Se:before {
    content: "\e905";
    color: #A6B2B5;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Co:before {
    content: "\e906";
    color: #945F29;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Pa:before {
    content: "\e907";
    color: #E7837D;
    background-color: white;
    border-radius: 50%;
}
.format-icon-Fr:before {
    content: "\e908";
    color: #E95504;
    background-color: white;
    border-radius: 50%;
}
.format-icon-ML:before {
    content: "\e909";
    color: #0C2F8A;
    background-color: white;
    border-radius: 50%;
}
.format-icon-SP:before {
    content: "\e910";
    color: #d0c315;
    background-color: white;
    border-radius: 50%;
}

/*for deckentry list & event_history*/

.format-icon--mypage {
    font-size: 23px;
    margin-right: 3px;
}

/*==============

login

================*/
.loginform-wrapper{
    text-align: center;
}

.loginform {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    max-width: 410px;
}

.loginform-login{
    margin-right: 9%;
}

.loginform__title{
    margin-bottom: 10px;
    padding: 8px 8px 8px 20px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #CCC;
    position: relative;
    text-align: left;
}

.loginform__title::before{
    content: "";
    width: 6px;
    height: 14px;
    border-radius: 2px;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background: #ea5505;
}

.loginform__content {
    text-align: center;
}

.loginform__text {
    text-align: left;
}

.loginform__usrdata input{
    height: 1.0em;
    padding: 1.0em 0.6em;
    margin: 5px 0;
    border: 1px solid #999;
    border-radius: 5px;
    width: 80%;
}

/*==============

eventSearch

================*/

.eventSearch-wrapper{
    max-width: 860px;
    margin: auto;
}

.eventSearch__title {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

.eventSearch__table{
    margin-bottom: 35px;
    border: solid 1px #96989a;
    border-left: 0;
}

.eventSearch__table__tr{
    display: flex;
    border-bottom: solid 1px #95989a;
}

.eventSearch__table__tr:last-of-type{
    border-bottom: 0;
}

.eventSearch__table__th{
    border-left: solid 1px #95989a;
    padding: 0 15px;
    min-width: 145px;
    line-height: 65px;
    font-weight: bold;
    background-color: #F5F5F5;
    font-size: 15px;
}

.eventSearch__table__td{
    min-width: 550px;
    line-height: 40px;
    padding: 15px 0 15px 30px;
    font-size: 14px;
}

.eventSearch__input-wrapper{
    display: inline-block;
}

.eventSearch__input{
    height: 40px;
    line-height: 40px;
    padding: 6px;
    vertical-align: middle;
}

.eventSearch__input--key{
    max-width: 270px;
    width: 100%;
}

.eventSearch__input--date {
    width: 180px;
}

img.ui-datepicker-trigger{
    margin-left: 11px;
}

.eventSearch__button {
    width: 115px;
    height: 40px;
    font-size: 16px;
}

.eventSearch__button-reset {
    color: #3A9AD1;
    background: white;
    border: 1px solid #3A9AD1;
}

.eventSearch__button-search {
    line-height: normal;
    background: #3A9AD1;
    color: white;
    font-weight: bold;
    border: 0;
    margin-left: 30px;
}

.eventSearch__button-return {
    width: 180px;
    height: 40px;
    background: #858585;
    color: white;
    display: inline-block;
    line-height: 40px;
    position: relative;
    font-weight: bold;
}

.eventSearch__button-return:hover{
    color: white;
}

.eventSearch__button-return::before {
    content: '';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    position: absolute;
    border-right: 11px solid;
    top: 50%;
    margin-top: -9px;
    left: 31px;
}

.eventSearch__checkbox {
    margin: 0 30px 0 0;
    display: inline-block;
    width: 190px;
}

.eventSearch__checkbox span, .eventSearch__checkbox input {
    cursor: pointer;
}

.eventSearch__checkbox input[type="checkbox"] {
    transform: scale(1.3);
    margin-right: 5px;
}

.button__container{
    text-align: center;
}

.button__container-reset-search{
    padding-bottom: 25px;
    border-bottom: solid 2px #e8e8e8;
}

.button__container-return{
    padding-top: 25px;
}

/*=============

eventSearch_result

===============*/

.eventSearchResult__list__data:last-of-type{
    border-bottom:1px solid #989B9D;
}
.eventSearchResult__list__data__container{
    display: inline-block;
    text-align: center;
}
.eventSearchResult__list__data__wrapper{
    position: relative;
    width: 100%;
    display: block;
    border:1px solid #989B9D;
    border-bottom: none;
}

.eventSearchResult__list__data__wrapper .date{
    width: 153px;
}
.eventSearchResult__list__data__wrapper .location{
    width: 147px;
}
.eventSearchResult__list__data__wrapper .format{
    width: 104px;
}
.eventSearchResult__list__data__wrapper .title{
    width: 38%;
    text-align: center;
}

.eventSearchResult__list__data__wrapper:after{
    content:"";
    border:8px solid transparent;
    border-left:12px solid black;
    position:absolute;
    margin:auto;
    top:19px;
    right:20px;
}
.eventSearchResult__list__data{
    line-height: 50px;
}
.eventSearchResult__page__wrapper{
    text-align: center;
}
.eventSearchResult__page{
    margin-top: 30px;
}
.search__result__count__wrapper{
    text-align: center;
}
.search__result__count__text span{
    font-weight: bold;
    font-size: 40px;
    margin-left: 10px;
}
.eventSearchResult__list__data a:link{
    color: black;
}
.eventSearchResult__list__data a:visited{
    color: black;
}

/*=============

help

===============*/

.common-headline--help{
    padding-left: 35px;
    position: relative;
}

.common-headline--help::before{
    content: '';
    position: absolute;
    background-image: url(../img/help_bk.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: 0;
}

.help__nav{
    border-bottom: 1px solid;
    padding-bottom: 17px;
    margin-bottom: 80px;
    line-height: 45px;
    font-weight: bold;
}
.help__nav li a:hover{
    border-bottom: 1px solid;
}

.help__text__title{
    border-bottom: 1px solid;
    margin: -60px 0 15px 0;
    padding-top: 60px;
}
.help__text__container{
    margin-bottom: 50px;
}
.help__text__title-sub{
    margin: 0 0 10px 0;
}
.help__text__container-sub{
    margin-bottom: 30px;
}

.help__text__img-credit{
    width: 90px;
}
.help__text p{
    margin: 0;
}

/*=============

regular_tournament_list

===============*/

.regular_tournament_list__list__data:last-of-type{
    border-bottom:1px solid #989B9D;
}
.regular_tournament_list__list__data__container{
    display: inline-block;
    text-align: center;
}
.regular_tournament_list__list__data__wrapper{
    position: relative;
    width: 100%;
    display: block;
    border:1px solid #989B9D;
    border-bottom: none;
}
.regular_tournament_list__list__data__wrapper .date{
    width: 153px;
}
.regular_tournament_list__list__data__wrapper .location{
    width: 147px;
}
.regular_tournament_list__list__data__wrapper .format{
    width: 104px;
}
.regular_tournament_list__list__data__wrapper .title{
    width: 38%;
    text-align: center;
}

.regular_tournament_list__list__data__wrapper:after{
    content:"";
    border:8px solid transparent;
    border-left:12px solid black;
    position:absolute;
    margin:auto;
    top:19px;
    right:20px;
}
.regular_tournament_list__list__data{
    line-height: 50px;
}
.regular_tournament_list__list__data a:link{
    color: black;
}
.regular_tournament_list__list__data a:visited{
    color: black;
}

.regular_tournament_list_table{
    width: 100%;
    margin-top: 20px;
}

.regular_tournament_list_table_flex_container {
    border-bottom: solid 1px #dfdfdf;
    margin: 0;
    padding: 10px 0;
    font-size: 0;
}

.regular_tournament_list_table .regular_tournament_list_table_flex_container:first-child {
    border-top: 1px solid #dfdfdf;
}


.regular_tournament_list_table_title{
    width: 20%;
    font-weight: bold;
}

.regular_tournament_list_table_text{
    width: 80%;
}

.regular_tournament_list_table__button-wrapper {
    text-align: center;
}

.regular_tournament_list_table__button {
    display: inline-block;
    width: 170px;
    line-height: 40px;
    margin: 10px 45px;
    padding: 0 20px;
    height: 40px;
    font-size: 16px;
    background: #3A9AD1;
    color: white;
    font-weight: bold;
    border: 0;
}

.regular_tournament_list_table__button:hover{
    color: white;
}

.regular_tournament_list__back-button-wrapper {
    text-align: center;
    margin-top: 20px;
}

.regular_tournament_list__back-button {
    display: inline-block;
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    color: white;
    background-color: #858585;
}

.regular_tournament_list__back-button:hover{
    color: white;
}

.regular_tournament_list__back-button::before {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right: 11px solid;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 20%;
}


/*=============

withdrawal ,ask_pass

===============*/

.customer__message{
    margin-bottom: 20px;
}

.customer__data{
    text-align: center;
}

.customer__data input{
    height: 1.0em;
    padding: 1.0em 0.6em;
    margin: 5px 0;
    border: 1px solid #999;
    border-radius: 5px;
    max-width: 327px;
    width: 80%;
}

.submit-button-withdrawal{
    background-color: #ababab;
}

/*==============

privacy

================*/
.agreebody{
    width: 100%;
}


/*==============

footer

================*/
#footer{
    padding: 0;
    border: 0;
}

#footer .inner{
    padding: 0;
    background-color: #f5f5f5;
    margin: 0;
    width: 100%;
    max-width: none;
}

.footer-nav{
    width: 80%;
    margin: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.footer-nav__list-wrapper {
    display: inline-block;
    margin: 30px 40px;
    font-size: 14px;
}

.footer-nav__list-title{
    color: #222;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.footer-nav__toggle{
    display: none;
}

.footer-nav__list li{
    display: block!important;
    margin: 0!important;
}

.footer-nav__list li a{
    margin: 0;
    display: block;
    padding: 0;
    text-align: left;
    color: #222;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
}

.footer_company {
    background-color: #e60012;
    color: white;
    padding: 25px 0 12px;
    font-size: 12px;
    text-align: center;
}

.footer_logo{
    margin-bottom: 5px;
}

.footer_logo a{
    display: inline-block;
}

#footer a:hover {
    text-decoration: underline;
}

.footer_logo img{
    margin: auto;
}

/*==============

to top button

================*/
.to_top_button {
    display: none;
    position: fixed;
    right: -20px;
    bottom: 30px;
    width: 80px;
    height: 80px;
    background-color: #e60012;
    z-index: 10;
    border-radius: 40px;
    cursor: pointer;
}

.to_top_button p {
    position: relative;
}

.to_top_button p:after {
    content: " ";
    position: absolute;
    top: 20px;
    left: 33px;
    width: 15px;
    height: 15px;
    border-top: 3px solid white;
    border-right: 3px solid white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 11;
    transition: 500ms;
}

/*==============

language switch

================*/
.header__left__item-logo img {
    width: 195px;
}

.header__right__item__link--lang {
    font-size: 0;
    width: 20px;
    display:  inline-block;
    color:  white;
    font-weight:  bold;
    text-align:  center;
    position: relative;
    top: 3px;
}

.header__right__item__img--lang{
    width: 19px;
    margin-bottom: 2px;
}

.header__right__item__text{
    font-size: 13px;
    color: white;
}

/*==============

event_offer_team.html

================*/

.event-offer-list__team__name {
    margin-bottom: 10px;
}

.event-offer-list__team__select{
    vertical-align:  middle;
    margin-right:  8px;
}

/*==============

team_check.html

================*/
.event-team-list-wrapper {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.event-team-list {
    display: flex;
    align-items: center;
    text-align: center;
    border: 1px solid;
    margin-top: -1px;
    font-size: 12px;
    overflow: hidden;
}

.event-team-list-title {
    font-weight: bold;
    font-size: 16px;
}

.event-team-list__item {
    padding: 5px;
    width: 25%;
    display: table-cell;
    text-align: left;
}

.event-team-list__item--th {
    text-align: center;
}

.event-team-list__item-name {
    width: 37%;
    font-weight: bold;
}

.event-team-list__item-team {
    width: 31%;
}

.event-team-list__item-change {
    width: 20%;
}

.event-team-list__item__container {
    margin: auto;
    display: block;
}

.event-team-list__item__container--status{
    border-radius: 0px;
    height: 40px;
    line-height: 37px;
    width: 115px;
    font-weight: bold;
    background: #276d0b;
    display: block;
    text-align: center;
    color: white;
}

/*=============

adjust for eccube

===============*/

/*Special banner*/
.eventCalendar__banner {
    width: 90%;
    max-width: 960px;
    margin: auto;
}

/*adjust input width*/
.checktype_zip input {
    width: calc(calc(100% - 11em) /3 );
    max-width: 120px;
}

.checktype_tel input, .checktype_zip input{
    max-width: 120px;
}

/*=============

add deck entry format & adjust design

===============*/

.deckRegist-format{
    font-size: 0;
    padding: 0 0 20px;
}

.deckRegist-format-attention {
    color: red;
    font-size: 16px;
}

.deckRegist-inputWrapper{
    display: inline-block;
}

.deckRegist-inputWrapper input {
    display: none;
}

.deckRegist-input__label{
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    width: 120px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin: 0 5px 15px;
}

.deckRegist-input__label--St{
    color: #DE1020;
}

.deckRegist-input__label--Mo{
    color: #10984E;
}

.deckRegist-input__label--Le{
    color: #70529F;
}

.deckRegist-input__label--Vi{
    color: #0C2F8A;
}

.deckRegist-input__label--Pa{
    color: #E7837D;
}

.deckRegist-input__label--Fr{
    color: #E95504;
}

.deckRegist-input__label--Co{
    color: #945F29;
}

.deckRegist-input__label--Br{
    color: #D0C315;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label{
    color: white;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--St{
    background: #DE1020;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Mo{
    background: #10984E;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Le{
    background: #70529F;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Vi{
    background: #0C2F8A;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Pa{
    background: #E7837D;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Fr{
    background: #E95504;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Co{
    background: #945F29;
}

.deckRegist-inputWrapper input:checked ~ .deckRegist-input__label--Br{
    background: #D0C315;
}

.deckarrow {
    top: 490px;
}

/*minimize submit button*/
.submit-button--deckSubmit{
    width: 200px;
}

/*change usr data color*/
.tournamentName,.tournamentDciNumber,.tournamentDciName{
    color: #222;
}

.deckResult .tournamentName,.deckResult .tournamentDciNumber,.deckResult .tournamentDciName{
    color: #222;
}

/*=============

extend wrapper width

===============*/
.eventCalendar__top-button__container {
    max-width: 960px;
}

.toShopSelect {
    max-width: 960px;
}

.event-main-middle-wrapper{
    max-width: 960px;
}

.deckarrow {
    left: 470px;
}

/*=============

pc header adjust

===============*/
.header__right__item {
    padding: 0 8px;
}

/*=============

change team seat

===============*/
.event-team-list__item-seat, .event-team-list__item-dciName{
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

.event-team-list__item__container-seat{
    display: inline-block;
}

.event-team-list__item__container-dciName{
    width: 200px;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    .event-team-list__item-seat{
        width: 30%;
        display: inline-block;
    }

    .event-team-list__item-dciName{
        width: 66%;
        display: inline-block;
    }

    .event-team-list__item__container-dciName {
        width:auto;
        word-break: break-all;
        text-align: left;
    }
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) {
    /*=========

    header

    ===========*/
    #header {
        -webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
        box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
    }

    .header__left__panel-btn {
        box-shadow: 0 0 0;
        transition: all .1s;
    }

    .header__left__item-nav:hover .header__left__panel-btn {
        box-shadow: 2px 2px 8px #a90000;
        background-color: white;
    }

    .header__left__item-nav:hover .header__left__panel-btn-icon, .header__left__item-nav:hover .header__left__panel-btn-icon:before, .header__left__item-nav:hover .header__left__panel-btn-icon:after{
        background: #e60012;
    }

    .header__left__item-nav:hover .header__left__hidden-menu {
        //box-shadow: 3px 3px 5px #aaa;
        border: 1px solid #E8E8E8;
        z-index: 9999;
    }

    .header__left__item-nav:hover .header__left__hidden-menu li {
        height: 46px;
    }

    .header__right__item__link--eventSearch:hover{
        color: #e60012;
    }

    .header__right__item--mypage:hover .header__right__item__img--mypage{
        background-image: url(../img/mypage_red.png);
    }

    .header__right__item--mypage {
        box-shadow: 0 0 0;
        transition: all .1s;
    }

    .header__right__item--mypage:hover {
        box-shadow: -2px 0px 8px #a90000;
        background-color: white;
    }

    .header__right__item--mypage:hover .header__right__hidden-menu {
        border: 1px solid #E8E8E8;
        z-index: 9999;
    }

    .header__right__item--mypage:hover .header__right__hidden-menu li{
        height: 46px;
    }

    /*==============

    deck entry list

    ================*/

    .deck-entry-list__item{
        text-align: left;
        width: 35%;
    }

    .deck-entry-list__item--th {
        text-align: center;
    }

    .deck-entry-list__item-name{
        width: 85%;
    }

    .deck-entry-list__item-name__link{
        vertical-align: middle;
        margin-left: 63px;
        display: inline-block;
    }

    .deck-entry-list__item__container{
        display: block;
        margin: auto;
        width: 90px;
    }

    .deck-entry-list__item__container--status{
        width: 85px;
    }

    .deck-entry-list__item__container--regist{
        width: 115px;
    }

    .deckRegistEventStatus {
        position: absolute;
    }

    /*===============

    event offer

    =================*/
    .event-offer-list-wrapper {
        list-style: none;
        padding: 0;
        margin: 20px 0 0 0;
        display: table;
        width: 100%;
    }

    .event-offer-list {
        display: table-row;
    }

    .event-offer-list__item {
        display: table-cell;
        border-right: 1px solid #959895;
        border-bottom: 1px solid #959895;
        padding: 25px 10px;
    }

    .event-offer-list__item-name {
        border-left: 1px solid #959895;
        font-weight: bold;
    }

    .event-offer-list__item-price {
        color: #D9331E;
        font-weight: bold;
    }

    .event-offer-list__item--th {
        border-top: 1px solid #959895;
        background-color: #f5f5f5;
        font-weight: bold;
        color: #222;
        padding: 10px 10px;
    }

    .event-offer-list__payment {
        border: 1px solid #959895;
        border-top: 0;
        padding: 15px 0px 15px 30px;
        margin-bottom: 0;
    }

    .event-offer-list__payment__name {
        display: inline-block;
    }

    .event-offer-list__payment__choice {
        display: inline-block;
        margin-left: 20px;
        float: none;
    }

    .event-offer-list__total__price {
        text-align: right;
        margin: 20px 0;
    }

    .event-offer-list__total__number {
        font-weight: bold;
        color: #D9331E;
        font-size: 18px;
    }

    /*===============

    team event offer

    =================*/

    .event-offer-list__team {
        border: 1px solid #959895;
        border-top: 0;
        padding: 15px 0px 15px 30px;
    }

    .event-offer-list__team__name {
        vertical-align: middle;
    }

    .event-offer-list__team__input {
        vertical-align: middle;
        margin-left: 20px;
        float: none;
    }

    /*===============

    same name tournament offer

    =================*/
    .offered-event .event-offer-list__item-name, .same-name-events .event-offer-list__item-name {
        border-left: 0px;
    }

    .event-offer-list__item-check {
        text-align: center;
        border-left: 1px solid #959895;
    }

    /*===============

    event history

    =================*/

    .event-history-list__item{
        text-align: left;
        width: 25%;
    }

    .event-history-list__item-name {
        width: 37%;
    }

    .event-history-list__item--th {
        text-align: center;
    }

    .event-history-list__item__container{
        display: block;
        margin: auto;
        width: 60px;
    }

    .event-history-list__item__container--date{
        width: 145px;
    }

    .event-history-list__item__container--status{
        width: 85px;
    }

}

@media only screen and (min-width: 1024px){
    /*temporary design (until all page made)*/
    .mypage .mypage-block:nth-of-type(4n){
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px){
    /*==============

    header

    ================*/

    #header {
        border-bottom: 0;
        padding-bottom: 0;
    }

    #header .inner{
        margin-bottom: 0;
        border-bottom: 0;
    }

    .header__left__panel-btn{
        width: 50px;
        height: 50px;
    }

    .header__left__panel-btn:hover{
        background: #e60012;
    }

    .header__left__panel-btn.close {
        box-shadow: 2px 2px 8px #a90000;
        background: white;
    }

    .header__left__panel-btn-icon, .header__left__panel-btn-icon:before, .header__left__panel-btn-icon:after{
        width: 28px;
    }

    .header__left__panel-btn-icon:before {
        margin-top: -12px;
    }

    .header__left__panel-btn-icon:after {
        margin-top: 8px;
    }

    .close .header__left__panel-btn-icon:before, .close .header__left__panel-btn-icon:after {
        background: #e60012;
    }

    .header__left__hidden-menu{
        top: 46px;
    }

    .header__left__item-logo{
        margin: 0 0 0 5px;
    }

    .header__left__item-logo img{
        width: 175px;
    }

    .header__right__item {
        padding: 0 5px;
    }

    .header__left__item-page-group {
        position: absolute;
        left: 13px;
        top: 52px;
    }

    .header__left__page-group-name {
        font-size: 12px;
        color: #222;
    }

    .header__left__page-group-name::after {
        background-image: url(../img/event_img.png);
        width: 21px;
        height: 24px;
    }

    .header__right__item__img {
        width: 30px;
        height: 30px;
        margin: 10px 0;
    }

    .header__right__item--mypage.open {
        box-shadow: -2px 0 8px #a90000;
        background-color: white;
    }

    .open .header__right__item__img--mypage{
        background-image: url(../img/mypage_red.png);
    }

    .header__right__hidden-menu{
        top: 46px;
    }

    /*==============

    common

    ================*/
    #contents{
        padding-top: 50px;
    }

    /*==============

    smp contents top

    ================*/

    .pageGroupContents-wrapper {
        overflow: hidden;
    }

    .pageGroupContents-left {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 0px 10px 12px;
        float: left;
    }

    .pageGroupContents-left__name {
        color: #222;
        position: relative;
        padding: 0 0 0 30px;
        font-size: 14px;
        font-weight: bold;
        line-height: 34px;
        margin: 0;
    }

    .pageGroupContents-left__name::after {
        content: '';
        background-image: url(../img/event_img-header__left__hidden-menu.png);
        background-size: cover;
        width: 21px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: 0;
        margin: auto;
    }

    .pageGroupContents-right {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 12px 10px 0px;
        float: right;
    }

    .pageGroupContents-right__button {
        display: block;
        box-sizing: border-box;
        background-color: white;
        font-weight: bold;
        position: relative;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        color: #006600;
        padding: 0 10px 0 36px;
        border: 1px solid #006600;
    }

    .pageGroupContents-right__button:hover{
        color: #006600;
    }

    .pageGroupContents-right__button.selected{
        color: white;
        background: #006600;
    }

    .pageGroupContents-right__button::before {
        content: '';
        width: 22px;
        height: 22px;
        background-image: url(../img/detail_search_green.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        left: 7px;
    }

    .pageGroupContents-right__button.selected::before{
        background-image: url(../img/search_hover.png);
    }


    /*==============

    mypage

    ================*/

    .mymenu__item__img {
        margin: 0 10px 0 10px;
        float: none;
        display: inline-block;
        width: 40px;
        vertical-align: middle;
    }

    .mymenu__item h2{
        margin: 0;
        border: 0;
    }

    .mymenu__item__desc{
        width: auto;
        margin: 0;
        float: none;
        display: inline-block;
    }

    .mymenu__item p{
        display: none;
    }

    /*temporary design (until all page made)*/

    .mypage-block {
        width: calc(50% - 10px);
        height: 225px;
    }

    .mypage-block__desc{
        padding: 0 5px;
    }

    /*==============

    deck entry list

    ================*/

    .deck-entry-list {
        display: block;
    }

    .deck-entry-list__item{
        display: block;
        text-align: left;
    }

    .deck-entry-list__item__container--format{
        width: 105%;
    }

    .deck-entry-list__item-name {
        display: flex;
        align-items: center;
        font-size: 14px;
    }

    .deck-entry-list__item-name__link{
        vertical-align: middle;
    }

    .deck-entry-list__item-status{
        margin-left: 40px;
    }

    .deckRegistEventStatus {
        display: inline-block;
    }

    .deck-entry-list__item__container--status{
        display: inline-block;
    }

    .deck-entry-list__item-deck {
        margin: 5px 0 10px 40px;
    }

    .deck-entry-list__item__container--regist{
        width: 200px;
    }

    /*==============

    deck entry check

    ================*/
    .mo_visualize .vOuter {
        width: calc(calc(100% - 30px) / 5);
        height: auto;
    }

    .mo_visualize .vOuter .carddtaillink {
        position: static;
        width: auto;
        left: auto;
    }

    /*==============

    event search

    ================*/

    .eventSearch__table__tr {
        display: block;
    }

    .eventSearch__table__th{
        border-right: 0;
    }

    .eventSearch__table__td {
        min-width: auto;
        padding: 15px 30px;
        border-left: 1px solid #95989a;
    }

    .eventSearch__table__td--key {
        text-align: center;
    }

    .eventSearch__table__td--date{
        text-align: center;
    }

    .eventSearch__button-search--key {
        margin: 15px auto 0;
    }

    .eventSearch__input-wrapper{
        display: block;
    }

    .eventSearch__input{
        margin: auto;
        display: inline-block;
        width: calc(100% - 40px);
    }

    .eventSearch__input--key{
        max-width: none;
    }

    /*==============

    event detail

    ================*/
    .event_detail_table_flex_container {
        padding: 10px 0px;
    }

    .event_detail_table_title {
        display: block;
        width: auto;
    }

    .event_detail_table_text {
        width: auto;
    }

    .event_detail_table__button {
        width: 120px;
        margin: 10px 0;
    }

    .event_detail_table__button--deckentry {
        margin-left: 30px;
    }

    .event_detail__back-button {
        width: 120px;
    }

    /*==============

    event history

    ================*/

    .event-history-list{
        display: block;
    }

    .event-history-list{
        text-align: left;
    }

    .event-history-list__item{
        width: auto;
        display: inline-block;
        text-align: left;
    }

    .event-history-list__item-name{
        display: flex;
        align-items: center;
        font-size: 14px;
    }

    .event-history-list__item-date {
        display: inline-block;
        margin-left: 40px;
        width: 160px;
        padding-right: 0px;
    }

    .event-history-list__item-deck {
        float: right;
    }

    .event-history-list__item-status{
        padding: 5px 0px 10px 0;
    }

    .event-history-list__item-format .event-history-list__item__container{
        min-width: 28px;
    }

    /*==============

    regist

    ================*/

    .regist-usrdata-list, .regist-usrdata, .regist-usrdata__title, .regist-usrdata__data{
        display: block;
    }

    .regist-usrdata__title,.regist-usrdata__data {
        border: 0;
    }

    .regist-usrdata__title{
        width: auto;
    }

    .regist-usrdata:last-child .regist-usrdata__title,.regist-usrdata:last-child .regist-usrdata__data{
        border-bottom: 0;
    }

    .regist-usrdata__data {
        text-align: center;
    }

    .regist-usrdata__data input {
        width: calc(100% - 3em);
        max-width: 250px;
    }

    /*==============

    contact

    ================*/

    .checktype_name, .checktype_kana {
        display: inline;
    }

    .contact__list ,.contact-usrdata,.contact-usrdata__title,.contact-usrdata__data{
        display: block;
    }

    .contact-usrdata__data{
        text-align: center;
    }

    .contact-usrdata__title,.contact-usrdata__data {
        border: 0;
    }

    .contact-usrdata__title{
        width: auto;
    }

    .contact-usrdata:last-child .contact-usrdata__title,.contact-usrdata:last-child .contact-usrdata__data{
        border-bottom: 0;
    }

    /*==============

    login

    ================*/
    .loginform{
        max-width: none;
        width: 100%;
    }

    .loginform-login{
        margin: 0 0 20px 0;
    }

    /*==============

    event offer

    ================*/

    .event-offer-list {
        border-bottom: 1px dashed black;
        box-sizing: border-box;
        padding: 20px 5% 20px 0;
        position: relative;
    }

    .event-offer-list-wrapper .event-offer-list:first-child(){
        padding-top: 0;
        margin-top: 20px;
    }

    .event-offer-list__item {
        display: inline-block;
    }

    .event-offer-list__item-name {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        padding-right: 55px;
    }

    .event-offer-list__item-price {
        float: right;
    }

    .event-offer-list__total{
        padding: 20px 5% 20px 0;
        border-bottom: 1px dashed;
    }

    .event-offer-list__total__name {
        display: inline-block;
    }

    .event-offer-list__total__price {
        float: right;
    }

    .event-offer-list__payment {
        padding: 20px 5% 20px 0;
        border-bottom: 1px dashed;
        margin-bottom: 35px;
    }

    .event-offer-list__payment__choice{
        float: right;
    }

    .event-offer-list__payment__name {
        display: inline-block;
    }

    .event-offer-list__payment__choice {
        display: inline-block;
    }

    .event-offer-list__item-delete{
        position: absolute;
        top: 15px;
        right: 5%;
    }

    .event-offer-list__total{
        overflow: hidden;
    }

    /*==============

    event offer team

    ================*/

    .event-offer-list__team {
        padding: 20px 0;
    }

    .event-offer-list__team__input{
        display:block;
        text-align:center;
        float: none;
    }

    .event-offer-list__team__input__value{
        max-width: 80%;
        display: block;
        margin: auto;
    }

    /*==============

    footer

    ================*/

    .footer-nav {
        display: block;
        width: 85%;
        padding: 30px 0;
        font-size: 0;
        line-height: 1.8;
    }

    .footer-nav__list-wrapper {
        width: 50%;
        font-size: 10px;
        margin: 20px 10px 20px 0;
    }

    .footer-nav__list-wrapper {
        width: 100%;
        margin: 0;
        font-size: 14px;
        margin-top: -1px;
        border: 1px solid #222;
    }

    .footer-nav__list-wrapper:first-child {
        margin-top: 0px;
        border-bottom: 0px;
    }

    .footer-nav__list-title {
        margin: 0 2em 0 1.5em;
        padding: 5px 0 5px 0.5em;
        position: relative;
    }

    .footer-nav__list-title::after {
        content: '';
        border: 8px solid transparent;
        border-top: 13px solid;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: 0;
        width: 0;
        height: 0;
    }

    .footer-nav__list{
        padding: 0 0 0 1.5em;
        margin-top: -1px;
    }

    .footer-nav__list li {
        padding: 0 0 0 0.5em;
        height: 0;
        margin: 0 2em 0 0!important;
        overflow: hidden;
        transition: all .3s;
    }

    .footer-nav__list li a{
        height: 33px;
        line-height: 33px;
    }

    .footer-nav__toggle:checked ~ .footer-nav__list-title{
        border-bottom: 1px dotted #222;
    }

    .footer-nav__toggle:checked ~ .footer-nav__list-title::after {
        border: 8px solid transparent;
        border-bottom: 13px solid;
        margin-top: -16px;
        right: 0px;
    }

    .footer-nav__toggle:checked ~ .footer-nav__list > li{
        height: 34px;
        border-bottom: 1px dotted;
    }

    .footer-nav__toggle:checked ~ .footer-nav__list > li:last-child {
        border-bottom: 0;
    }

}

@media only screen and (max-width: 599px){
    .mo_visualize .vOuter .Number_of_sheets {
        top: auto;
        bottom: 7px;
        width: 33px;
        background-size: contain;
        background-repeat: no-repeat;
        height: 14px;
        left: 4px;
        position: absolute;
    }

    .mo_visualize .vOuter .Number_of_sheets p {
        color: white;
        font-size: 10px;
        position: absolute;
        top: 0px;
        left: 12px;
    }
}

@media only screen and (max-width: 479px){
    .event-history-list__item-format {
        display: block;
    }
}

@media only screen and (max-width: 414px){
    .event-offer-list__item-date{
        margin-bottom: 10px;
    }

    .event-offer-list__item-price {
        float: none;
        display: block;
    }

    .event-offer-list__total__price{
        float: left;
    }
}

@media only screen and (max-width: 361px){
    .pageGroupContents-right {
        display: inline-block;
        vertical-align: middle;
        margin: 10px 12px 10px 0px;
        float: right;
        width: 144px;
    }

    .pageGroupContents-right__button {
        display: block;
        box-sizing: border-box;
        background-color: white;
        font-weight: bold;
        position: relative;
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        color: #006600;
        padding: 0 10px 0 25px;
        border: 1px solid #006600;
    }

    .pageGroupContents-right__button::before {
        content: '';
        width: 14px;
        height: 14px;
        background-image: url(../img/detail_search_green.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        left: 7px;
    }
}

@media only screen and (max-width: 319px){
    .eventCalendar__top-button__container{
        overflow: hidden;
    }
}

/*==============

    deckentry

================*/

@media only screen and (max-width: 767px){
    .col1_{
        margin: 0;
        width: 100%;
        padding: 0 0 0 20px;
    }
    .deckRegist{
        min-width: 0;
    }
    .deckRegist .deckRegistLeft{
        float: none;
        width: 100%;
        max-width: none;
        min-width: auto;
    }

    .deckRegist .process3 button {
        line-height: 50px;
        width: 55px;
    }

    .deckRegist .deckRegistRight{
        float: none;
        width: 100%;
        max-width: none;
        min-width: auto;
    }
    .deckResult .deckMain{
        float: none;
    }
    .deckResult .deckSide{
        float: none;
    }
    .deckRegist .deckSubmit{
        font-size: 20px;
        margin-top: 0;
    }
    .deckResult .deckMain,
    .deckResult .deckSide{
        width: 90%;
    }
}
/*==============

    contact_form

================*/

@media only screen and (max-width: 767px){
    .contact-usrdata__data input {
        width: calc(100% - 3em);
        max-width: 250px;
    }
    .contact-usrdata__data textarea{
        width: 90%;
    }
    .contact-usrdata__textareaCheck{
        width: 90%;
    }
}

/*==============

event calendar

===============*/

@media only screen and (max-width: 1080px){
    .top-wrapper{
        width: 100%;
    }
    #rotationBanner{
        width: 80%;
    }
    .flex-direction-nav .flex-prev {
    }
    .flex-direction-nav .flex-next {
    }
    .flex-direction-nav .flex-prev:before{
    }
    .flex-direction-nav .flex-next:before{
    }

    .flexslider{
        border: 0;
    }

    .eventCalendar__top-button{
    }
    .eventCalendar__top-button-calendar a:before{
        top: 10px;
        left: 7px;
        width: 22px;
    }
    .eventCalendar__top-button-calendar a:hover:before{
        top: 10px;
        left: 7px;
        width: 22px;
    }
    .eventCalendar__top-button-search a:before{
        top: 10px;
        left: 2px;
        width: 22px;
    }
    .eventCalendar__top-button-search a:hover:before{
        top: 10px;
        left: 2px;
        width: 22px;
    }
    .eventCalendar__top-button-onlinepairing a{
        font-size: 13px;
    }
    .eventCalendar__top-button-onlinepairing a:before{
        top: 10px;
        left: 7px;
        width: 13px;
    }
    .eventCalendar__top-button-onlinepairing a:hover:before{
        top: 10px;
        left: 7px;
        width: 13px;
    }
    .eventCalendar__top-button-store a:before{
    }
    .eventCalendar__top-button-store a:hover:before{
    }

    .toShopSelect-list{
        flex-wrap: unset;
        flex-direction: unset;
    }
    .toShopSelect-list li{
        min-width: 0;
        width: 33%;
    }
    .toShopSelect-list__item--tc a{
        font-size: 11px;
    }
    .toShopSelect-list__item--nagoya a{
    }
    .toShopSelect-list__item--osaka{
        width: 34%!important;
    }
    .toShopSelect-list__item--narita{
        width: 34%!important;
    }
    .toShopSelect-list__item--osaka a{
    }
    .search__wrapper{
        width: 100%;
    }
    .search__container select{
        width: 16%;
    }
    .search__container .search__container__keyword{
        width: 42%;
    }
    .eventCalendar__list__data{
        height: auto;
        line-height: normal;
    }
    .tab{
        width: 100%;
    }
    .tab li.active {
    }
    .eventCalendar__list__data__wrapper .date{
        width: 157px;
    }
    .eventCalendar__list__data__wrapper .location{
        width: 165px;
    }
    .eventCalendar__list__data__wrapper .format{
        width: 143px;
    }
    .eventCalendar__list__data__wrapper .title{
        width: 262px;
    }
    .eventCalendar__list__data__wrapper{
        padding: 14px;
        font-size: 14px;
        line-height: 25px;
    }
    .eventCalendar__list__data__wrapper .title{
        font-weight: bold;
    }
    .eventCalendar__banner{
        width: 100%;
    }
    .eventCalendar__banner__data__wrapper a{
        width: 48%;
    }
    .eventCalendar__banner__data__wrapper img{
        width: 100%;
    }
    .eventCalendar__top-button__container{
        width: 90%;
    }
}
@media only screen and (max-width: 780px){
    .toShopSelect-list__item--tc a{
            font-size: 9px;
        }
}
@media only screen and (max-width: 767px){
    #event_calendar{
        overflow: hidden;
    }
    .top-wrapper{
        width: 100%;
    }

    .pageGroupContentsTop--eventcalendar {
        display: block;
        vertical-align: middle;
        text-align: center;
        margin: 5% 0;
    }

    .pageGroupContentsTop__name--eventcalendar {
        color: #222;
        position: relative;
        padding: 0 0 0 30px;
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        display: inline-block;
    }

    .pageGroupContentsTop__name--eventcalendar::after {
        content: '';
        background-image: url(../img/event_img-header__left__hidden-menu.png);
        background-size: cover;
        width: 21px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: 0;
        margin: auto;
    }

    .eventCalendar__top-button__container{
        width: 100%;
        margin-top: 0;
        display: block!important;
        margin-bottom: 68px;
    }
    .eventCalendar__top-button{
        width: 160px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
    }
    .flex-direction-nav .flex-prev {
      left: 134px;
      top: 39%;
    }
    .flex-direction-nav .flex-next {
      right: 134px;
      top: 39%;
    }
    .flex-direction-nav .flex-prev:before{
      right: 4px;
      width: 30px;
      height: 30px;
    }
    .flex-direction-nav .flex-next:before{
      left: -6px;
      width: 30px;
      height: 30px;
    }
    #rotationBanner{
        width: 80%;
    }
    .flex-viewport{
        /*overflow: hidden!important;*/
    }
    .flexslider{
        border: 0;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    .toShopSelect{
        width: 100%;
    }
    .toShopSelect-list{
        flex-wrap: unset;
        flex-direction: unset;
        font-size: 12px;
    }
    .toShopSelect-list li{
        min-width: 0;
        width: 33%;
    }
    .toShopSelect-list__item--tc{
        width: 42%!important;
    }
    .toShopSelect-list__item--tc a{
        font-size: 10px;
        line-height: 21px;
        height: 100%;
    }
    .toShopSelect-list__item--nagoya a{
    }
    .toShopSelect-list__item--osaka{
        width: 34%!important;
    }
    .toShopSelect-list__item--narita{
        width: 34%!important;
    }
    .toShopSelect-list__item--osaka a{
    }
    .eventCalendar__top-button__container {
        width: 90%;
        margin-top: 0;
        display: flex!important;
        margin-bottom: 20px;
        overflow: hidden;
        -webkit-flex-wrap: wrap;
        flex-wrap:         wrap;
    }

    .eventCalendar__top-button {
        width: 49%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }


    .eventCalendar__top-button-search a::before {
        content: '';
        width: 22px;
        height: 22px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        margin-top: -12px;
    }

    .eventCalendar__top-button-search a:hover:before {
        top: 50%;
        margin-top: -12px;
    }

    .eventCalendar__top-button-calendar {
        display: block;
        margin: 0;
        margin-right: auto;
        margin-bottom: 10px;
    }
    .eventCalendar__top-button-search {
        display: block;
        margin: 0;
        margin-left: auto;
        margin-bottom: 10px;
    }
    .eventCalendar__top-button-store {
        display: block;
        margin: 0;
        margin-right: auto;
    }
    .eventCalendar__top-button-onlinepairing {
        display: block;
        margin: 0;
        margin-left: auto;
    }

    .eventCalendar__top-button-calendar a:before{
        /*background-image: url(../img/calendar_hover.png);*/
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 8px;
    }
    .eventCalendar__top-button-calendar a:hover:before{
        background-image: url(../img/calendar_hover.png);
        top: 50%;
        margin-top: -9px;
        left: 8px;
        width: 18px;
    }
    .eventCalendar__top-button-calendar a:hover{
        //background-color: transparent;
        //color: #D13A59;
    }
    .eventCalendar__top-button-onlinepairing a{
        //margin-left: 11px;
    }
    .eventCalendar__top-button-onlinepairing a:before{
        /*background-image: url(../img/onlinepairing_hover.png);*/
        top: 24%;
        left: 5px;
        width: 13px;

    }
    .eventCalendar__top-button-onlinepairing a:hover:before{
        background-image: url(../img/onlinepairing_hover.png);
        top: 24%;
        left: 5px;
        width: 13px;

    }
    .eventCalendar__top-button-onlinepairing a:hover{
        //background-color: transparent;
        //color: #EA601B;
    }

    .search__wrapper{
        width: 100%;
    }
    .search__container select{
        width: 100%;
        margin-bottom: 30px;
    }
    .search__container .search__container__keyword{
        width: 100%;
    }
    .search__container .search__container__checkbox__submit{
        text-align: center;
    }
    .search__container .search__container__submit{
        margin-top: 10px;
        width: 70px;
    }
    .search__container .search__container__checkbox__submit span{
        margin-right: 0;
        font-size: 11px;
    }
    .eventCalendar__top-button-store a:before{
        width: 24px;
        top: 7px;
        left: 6px;
    }
    .eventCalendar__top-button-store a:hover:before{
        width: 24px;
        top: 7px;
        left: 6px;
    }
    .eventCalendar__list__data{
        height: auto;
        line-height: normal;
    }

    .eventCalendar__calendarList__data__wrapper .title a{
        display: inline;
        height: auto;
        line-height: normal;
    }
    .eventCalendar__unregular__tournament__container div{
        display: block;
        height: auto;
        line-height: normal;
    }
    .eventCalendar__regular__tournament__container div{
        display: block;
        height: auto;
        line-height: normal;
    }
    .tab{
        width: 100%;
    }
    .tab:after{
        /*display: none;*/
    }
    .tab li.active {
        font-size: 16px;
        position: relative;
    }
    .tab li.active .before__arrow{
        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 .after__arrow{
        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: "";
    }
    .past-tournament__title{
        /*display: none;*/
    }

    .eventCalendar__list__data__container{
        display: inline;
        text-align: left;
    }
    .eventCalendar__list__data__wrapper{
        padding: 14px;
        font-size: 14px;
        line-height: 25px;
    }

    .eventCalendar__list__data__wrapper .title{
        font-weight: bold;
    }
    .eventCalendar__calendarList__data__wrapper .title{
        width: 100%;
        padding: 10px 5px 15px 5px;
    }
    .eventCalendar__banner__data__wrapper{
        display: block;
        margin-top: 20px;
        margin-bottom: 0;
        text-align: center;
    }
    .eventCalendar__banner__data__wrapper a{
        margin-bottom: 15px;
    }
    .tab li.active{
        background-color: #e72d2b;
        width: 100%;
    }
    .tab li.active a{
        color: white;
    }
    .eventCalendar__page__wrapper{
        width: 100%;
        font-size: 14px;
    }
    .eventCalendar__banner{
        width: 100%;
    }
    .eventCalendar__banner__data__wrapper{
        width: 100%;
    }
    .eventCalendar__banner__data__wrapper a{
        width: auto;
    }
    .eventCalendar__banner__data__wrapper img{
        width: 100%;
    }
}

@media only screen and (max-width: 599px){
    .eventCalendar__top-button {
        font-size: 12px;
    }
    .eventCalendar__top-button-onlinepairing a{
        padding-left: 10px;
        font-size: 11px;
    }
}

/*=============

eventSearch_result

===============*/

@media only screen and (max-width: 830px){
    .eventSearchResult__list__data__wrapper{
        font-size: 12px;
    }
    .eventSearchResult__list__data__wrapper .date{
        width: 143px;
    }
    .eventSearchResult__list__data__wrapper .location{
        width: 137px;
    }
    .eventSearchResult__list__data__wrapper .format{
        width: 94px;
    }
    .eventSearchResult__list__data__wrapper .title{
        width: 33%;
    }
}
@media only screen and (max-width: 767px){
    .eventSearchResult__list__data{
        font-size: 14px;
    }
    .eventSearchResult__list__data__wrapper{
        line-height: 25px;
        padding: 10px 0 10px 15px;
    }
    .eventSearchResult__list__data__wrapper .date{
        text-align: left;
        width: 44%;
    }
    .eventSearchResult__list__data__wrapper .location{
        text-align: left;
        width: 50%;
    }
    .eventSearchResult__list__data__wrapper .format{
        text-align: left;
    }
    .eventSearchResult__list__data__wrapper .title{
        font-weight: bold;
        width: auto;
        text-align: left;
    }
    .eventSearchResult__list__data__wrapper:after{
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        width: 15px;
        height: 15px;
        margin: auto;
        border-top: 3px solid black;
        border-right: 3px solid black;
        border-left: 0;
        border-bottom: 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        cursor: pointer;
    }
    .search__result__count__wrapper{
        border-top:1px solid #989B9D;
        border-right:1px solid #989B9D;
        border-left:1px solid #989B9D;
        line-height: 50px;
    }
    .search__result__count__text{
        background-color: #F5F5F5;
    }
    .search__result__count__text span{
        font-size: 16px;
    }
    .eventSearchResult__list__data:nth-child(even){
        background-color: #F5F5F5;
    }
    .eventSearchResult__page__wrapper{
        font-size: 13px;
    }

}
/*=============

regular_tournament_list

===============*/

@media only screen and (max-width: 830px){
    .regular_tournament_list__list__data__wrapper{
        font-size: 12px;
    }
    .regular_tournament_list__list__data__wrapper .date{
        width: 143px;
    }
    .regular_tournament_list__list__data__wrapper .location{
        width: 137px;
    }
    .regular_tournament_list__list__data__wrapper .format{
        width: 94px;
    }
    .regular_tournament_list__list__data__wrapper .title{
        width: 33%;
    }
}
@media only screen and (max-width: 767px){
    .regular_tournament_list__list__data{
        font-size: 14px;
    }
    .regular_tournament_list__list__data__wrapper{
        line-height: 25px;
        padding: 10px 0 10px 15px;
    }
    .regular_tournament_list__list__data__wrapper .date{
        text-align: left;
        width: 44%;
    }
    .regular_tournament_list__list__data__wrapper .location{
        text-align: left;
        width: 50%;
    }
    .regular_tournament_list__list__data__wrapper .format{
        text-align: left;
    }
    .regular_tournament_list__list__data__wrapper .title{
        font-weight: bold;
        width: auto;
        text-align: left;
    }
    .regular_tournament_list__list__data__wrapper:after{
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        width: 15px;
        height: 15px;
        margin: auto;
        border-top: 3px solid black;
        border-right: 3px solid black;
        border-left: 0;
        border-bottom: 0;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        cursor: pointer;
    }
    .search__result__count__wrapper{
        border-top:1px solid #989B9D;
        border-right:1px solid #989B9D;
        border-left:1px solid #989B9D;
        line-height: 50px;
    }
    .search__result__count__text{
        background-color: #F5F5F5;
    }
    .search__result__count__text span{
        font-size: 16px;
    }
    .regular_tournament_list__list__data:nth-child(even){
        background-color: #F5F5F5;
    }
    .regular_tournament_list__page__wrapper{
        font-size: 13px;
    }
}

/*=============

language switch

===============*/

@media only screen and (max-width: 767px){
    .header__right__item--lang {
        padding: 0 8px;
    }

    .header__left__item-logo img {
        width: 143px;
    }
}

/*=============

event offer team

===============*/
@media only screen and (max-width: 767px){
    .event-offer-list__team__input {
        text-align: left;
    }

    .event-offer-list__team__inputContainer {
        margin-bottom: 8px;
    }

    .event-offer-list__team__input__value {
        display: inline-block;
    }
}

/*=============

team check

===============*/
@media only screen and (max-width: 767px){
    .event-team-list {
        text-align: left;
        display: block;
    }
    .event-team-list__item {
        width: auto;
        display: block;
        text-align: left;
    }

    .event-team-list__item-name {
        display: flex;
        align-items: center;
        font-size: 14px;
    }

    .event-team-list__item-date, .event-team-list__item-team, .event-team-list__item-change {
        margin-left: 40px;
    }

    .event-team-list__item-change{
        padding: 5px 0px 10px 0;
    }

    .event-team-list__item__container--status{
        width: 200px;
        margin: 0;
    }
}

/*=============

adjust for eccube

===============*/

/*shorten pre-registered status width*/
@media only screen and (max-width: 767px){
    .event-history-list__item-date {
        width: 145px;
    }
}

/*stretch mypage block height*/
@media only screen and (max-width: 767px){
    .mypage-block {
        height: 235px;
    }
}

/*adjust event detail button margin*/
@media only screen and (max-width: 767px){
    .event_detail_table__button--deckentry {
        margin-left: 0px;
    }

    .event_detail_table__button {
        margin: 10px 8px;
    }
}

/*move back button arrow left*/
.event_detail__back-button::before {
    left: 17%;
}

/*minimize to top button*/
@media only screen and (max-width: 767px){
    .to_top_button {
        width: 70px;
        height: 70px;
    }

    .to_top_button p:after {
        top: 16px;
        left: 28px;
    }
}

/*relocate payment input*/
@media only screen and (max-width: 414px){
    .event-offer-list__payment__name {
        display: block;
        margin-bottom: 10px;
    }

    .event-offer-list__payment__choice {
        float: none;
    }
}

/*adjust input width*/
@media only screen and (max-width: 767px){
    .regist-usrdata__data input {
        max-width: 250px;
    }

    .regist-usrdata__data select {
        max-width: 90%;
    }

    .checktype_tel input {
        width: calc(calc(100% - 3em) / 3);
    }

    .checktype_zip input {
        width: calc(calc(100% - 11em) /3 );
    }
}

@media only screen and (max-width: 414px){
    .checktype_zip input {
        width: calc(calc(100% - 3em) / 2);
        max-width: none;
    }
}

/*=============

add deck entry format

===============*/
@media only screen and (max-width: 414px){
    .deckRegist-format {
        text-align: center;
    }
}

/*=============

extend wrapper width

===============*/
@media only screen and (min-width: 960px){
    .eventCalendar__top-button-calendar,.eventCalendar__top-button-search, .eventCalendar__top-button-store {
        margin-right: 40px;
    }

    .eventCalendar__top-button {
        width: 210px;
    }
}

@media only screen and (min-width: 1081px){
    .mypage-block {
        width: 232px;
        height: 232px;
    }
}

@media only screen and (max-width: 1080px){
    .eventCalendar__banner {
        width: 90%;
    }
}

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

@media only screen and (max-width: 767px){
    .mypage-block{
        margin-right: 8px;
        width: calc(50% - 8px);
    }

    .mypage .mypage-block:nth-of-type(2n) {
        margin-right: 0;
        margin-left: 8px;
    }
}

/*=============

for long text, adjust event history status width

===============*/
@media only screen and (max-width:414px) {
    .event-history-list__item-status {
        display: block;
        width: 150px;
        margin-left: 40px;
    }

    .event-history-list__item__container--status{
        display: inline-block
    }
}

/*=============

CSS adjust for browzer

===============*/
@media only screen and (min-width: 768px){
    .contact-usrdata__data textarea{
        width: 90%;/*for firefox*/
    }
}

@media all and (-ms-high-contrast:none){
  .loginform__usrdata input {
    height: 36px;
  }

  .regist-usrdata__data input, .regist-usrdata__data select{
    height: 36px;
  }

  .contact-usrdata__data input, .contact-usrdata__data select{
    height: 36px;
  }
}

@media only screen and (min-width: 768px){
    .event-history-list__item {
        display: block;
    }

    .event-team-list__item {
        display: block;
    }
}

/*---------------------------add CSS-----------------------*/

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

change login page apperance from old login page

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

.event-mypage-login {
    padding-left: 35px;
    position: relative;
}

.event-mypage-login::before {
    content: '';
    position: absolute;
    background-image: url(https://event.hareruyamtg.com/ja/assets/img/mypage_red.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: 0;
}

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

for smp, expand tournament list margin

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

@media only screen and (max-width: 767px){
    .eventCalendar__unregular__tournament__container, 
    .eventCalendar__regular__tournament__container{
        margin-bottom: 3px;
    }
}

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

holiday back ground color

------------------------*/
.calendarToJump .holiday {
    background-color: #ffebeb;
}

.eventCalendar__calendarList__data .holiday {
    background-color: #FFEBEB;
}

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

resize event special banner

--------------------------*/
.eventCalendar__banner__data__wrapper{
    display: flex;
}

.eventCalendar__banner__data__wrapper a {
    width: 32%;
    margin-right: 2%;
}

.eventCalendar__banner__data__wrapper a:first-of-type {
    margin-right: 2%;
}

.eventCalendar__banner__data__wrapper a:last-of-type {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (max-width: 1080px){
    .eventCalendar__banner__data__wrapper a {
        width: 32%;
    }
}

@media only screen and (max-width: 599px){
    .eventCalendar__banner__data__wrapper{
        display: block;
    }

    .eventCalendar__banner__data__wrapper a{
        width: 100%;
    }
}
/*------------------------

adjust header collapse 768px

--------------------------*/
@media only screen and (min-width: 768px){
    .header__left__item-logo {
        margin: 0 11px;
    }
}

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

adjust design

--------------------------*/
.toShopSelect-list__item.selected a {
    font-weight: bold;
}

.flex-control-thumbs li {
    max-width: 103px;
}

.eventSearchResult__count__text{
    text-align: center;
}

.eventSearchResult__count__text span {
    font-weight: bold;
    font-size: 40px;
    margin-left: 10px;
}

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

add brawl icon

----------------------*/
.format-icon-Br::before {
  content: "\e911";
}

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

clearfy tournament name is clickable

-----------------------*/
.event-offer-list__item-name__link--multi {
    text-decoration: underline;
}

.event-offer-list__item-name__link--multi:hover {
    color: #e60012;
}

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

arrange search input box head

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

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

delete header nav gap 

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

@media only screen and (min-width: 768px){
    .header__left__item-nav:hover .header__left__hidden-menu li {
        height: 45px;
    }
}

.header__left__hidden-menu.open li {
    height: 45px;
}

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

adjust search result format size for multipleformat

---------------------*/
.eventSearchResult__list__data__wrapper .format {
    width: 120px;
}

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


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

adjust deck entry margin

---------------------*/
.tournamentName {
    margin-bottom: 15px;
}

.tournamentDciNumber, .tournamentDciName {
    margin: 0;
}

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

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;
    }
}

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

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;
}

.loginform__text--link {
    text-decoration: underline;
}

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

header adjust for ipad

------------------*/
.header__right__item {
    padding: 0 6px;
}

@media only screen and (min-width: 768px) and (max-width: 1080px){
    .header__left__item-logo {
        margin: 0 6px;
    }

    .eventCalendar__top-button-calendar a {
        font-size: 14px;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media only screen and (max-width: 1139px) {
    .l_pc{
        display: none!important;
    }
}

@media only screen and (max-width: 767px){
    .pc{
        display: none!important;
    }
}

@media only screen and (min-width: 768px){
    .smp{
        display: none!important;
    }

    .pc.inline-block{
        display: inline-block!important;
    }

    .pc.flex{
        display: flex!important;
    }

    .pc.table-row{
        display: table-row!important;
    }
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}