.column240{width:240px;margin-left:auto;margin-right:auto;}
.column320{width:320px;margin-left:auto;margin-right:auto;}
.column360{width:360px;margin-left:auto;margin-right:auto;}
.column480{width:480px;margin-left:auto;margin-right:auto;}
.column640{width:640px;margin-left:auto;margin-right:auto;}
.column720{width:720px;margin-left:auto;margin-right:auto;}

@media screen and (max-width:768px){
.column240{width:50%;margin-left:auto;margin-right:auto;}
.column320{width:60%;margin-left:auto;margin-right:auto;}
.column360{width:60%;margin-left:auto;margin-right:auto;}
.column480{width:80%;margin-left:auto;margin-right:auto;}
.column640{width:100%;margin-left:auto;margin-right:auto;}
.column720{width:100%;margin-left:auto;margin-right:auto;}
}
.mT5{margin-top:5px;display:block;}
.mT10{margin-top:10px;display:block;}
.mT20{margin-top:20px;display:block;}
.mT30{margin-top:30px;display:block;}
.mT40{margin-top:40px;display:block;}
.mT50{margin-top:50px;display:block;}
.mT60{margin-top:60px;display:block;}
.mT70{margin-top:70px;display:block;}
.mT80{margin-top:80px;display:block;}
.mT90{margin-top:90px;display:block;}
.mT100{margin-top:100px;display:block;}

.mTm0{margin-top:0px !important;display:block;}
.mTm10{margin-top:-10px;display:block;}
.mTm20{margin-top:-20px;display:block;}
.mTm30{margin-top:-30px;display:block;}
.mTm40{margin-top:-40px;display:block;}
.mTm50{margin-top:-50px;display:block;}
.mTm60{margin-top:-60px;display:block;}
.mTm70{margin-top:-70px;display:block;}
.mTm80{margin-top:-80px;display:block;}
.mTm90{margin-top:-90px;display:block;}
.mTm100{margin-top:-100px;display:block;}

.mB5{margin-bottom:5px;display:block;}
.mB10{margin-bottom:10px;display:block;}
.mB20{margin-bottom:20px;display:block;}
.mB30{margin-bottom:30px;display:block;}
.mB40{margin-bottom:40px;display:block;}
.mB50{margin-bottom:50px;display:block;}
.mB60{margin-bottom:60px;display:block;}
.mB70{margin-bottom:70px;display:block;}
.mB80{margin-bottom:80px;display:block;}
.mB90{margin-bottom:90px;display:block;}
.mB100{margin-bottom:100px;display:block;}

.column2{width:100%;display:flex; justify-content: space-between;}
.column2 p,.column2 article{width:49%;}


.column2b{width:100%;display:flex; justify-content: space-between;}
.column2b div:nth-child(1){width:50%;margin-bottom:0px;}
.column2b div:nth-child(2){width:47%;margin-bottom:0px;}


.column2goods{width:100%;display:flex; justify-content: space-between;}
.column2goods div:nth-child(1){width:40%}
.column2goods div:nth-child(1) p{width:100%;}
.column2goods div:nth-child(2){width:57%;}

@media screen and (max-width:768px){
.column2goods{width:100%;display:block;}
.column2goods div:nth-child(1){width:100%;width:100%;display:flex; justify-content: space-between;flex-wrap:wrap;margin: 0 0 30px 0;}
.column2goods div:nth-child(1) p{width:49%;}
.column2goods div:nth-child(2){width:100%;}
}

.column2goods div:nth-child(2) dl{width:100%;}
.column2goods div:nth-child(2) dt{font-weight:700;}
.column2goods div:nth-child(2) dd{padding:5px 0 20px 0;line-height:1.5em;}

@media screen and (max-width:768px){

.column2b{width:100%;display:block;}
.column2b div:nth-child(1){width:100%;margin-bottom:10px;}
.column2b div:nth-child(2){width:90%;margin-bottom:50px;}

}

.column4{width:100%;display:flex; justify-content: space-between;flex-wrap:wrap;}
.column4 p{width:24%;}

@media screen and (max-width:768px){
.column4{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}
.column4 p{width:48.5%;margin-bottom:20px;}

}



.column3{width:100%;display:flex; justify-content: space-between;;flex-wrap: wrap;}
.column3 p{width:32%;}


@media screen and (max-width:768px){
.column3{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}
.column3 p{width:48.5%;margin-bottom:20px;}

}



.column4{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}
.column4 p{width:23.5%;}

.column5{width:100%;display:flex; justify-content: flex-start;flex-wrap: wrap;}
.column5 p{width: 23.5%; margin-right: 10px;}

.column5_02{width:100%;display:flex; justify-content: flex-start;flex-wrap: wrap;}
.column5_02 p {width: 20.5%; margin-right: 10px;}

@media screen and (max-width:768px){
.column5{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}
.column5 p{width: 29%;}

/*.column5_02{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}*/
.column5_02 p{width: 29%;}
}

/*@media screen and (max-width:768px){
.column4{width:100%;display:flex; justify-content: space-between;flex-wrap: wrap;}
.column4 p{width:33%;margin-bottom:20px;}

}*/
@media screen and (max-width:768px){
    .column4{width:100%;display:flex; justify-content: flex-start;flex-wrap: wrap;}
    .column4 p{width: 29%; margin-bottom: 20px; margin-right: 10px;}
    
    }

.column6{width:90%;display:flex; justify-content:space-between;flex-wrap: wrap;margin:0 auto;}
.column6 li{width:16%;}


@media screen and (max-width:768px){
.column6{width:90%;display:flex; justify-content: space-between;flex-wrap: wrap;margin:0 auto;}
.column6 li{width:30%;margin-bottom:20px;}

}

strong.bold{font-weight:700;text-shadow: 0px 0px 4px #000;font-size:1.125em;}

.music_artist{color:#FFF;font-weight:700;}
.co01{color:#FFF;}

ul.link_list2{margin-top:40px;}
ul.link_list2 li {
    border-top: solid 2px #c79e5b;
    padding:20px 0;font-size:20px;
}

ul.link_list2 li:nth-last-child(1) {
    border-bottom: solid 2px #c79e5b;
}

ul.link_list2 li a{display:flex;width:90%;margin:0 auto;color:#FFF;justify-content: space-between;position:relative;}
ul.link_list2 li a:hover{opacity:0.7;}
ul.link_list2 li p:nth-child(1){width:30%;}
ul.link_list2 li p:nth-child(2){width:65%;text-align:left; position: absolute;
  top: 50%;
  left: 105%;
  transform: translateY(-50%) translateX(-105%);
	}

ul.link_list3{margin-top:40px;}
ul.link_list3 li {
    border-top: solid 2px #c79e5b;
    padding:20px 0;font-size:20px;
}
ul.link_list3 li:nth-last-child(1) {
    border-bottom: solid 2px #c79e5b;
}

ul.link_list3 li {display:flex;width:100%;margin:0 auto;color:#FFF;justify-content: space-between;position:relative;}
ul.link_list3 li p:nth-child(1){width:30%;margin-left:5%;}
ul.link_list3 li p:nth-child(2){width:65%;text-align:left; }



ol.decimal{display: block;padding:0px;list-style: decimal;}
ol.decimal li{margin-left:30px;padding:0px;list-style: decimal !important;}
ol.decimal li.list-none{list-style: none;margin-left:0px;}


ol {display: block;padding:0px;}
ol li{margin-left:30px;padding:0px;}
ol li.list-none{list-style: none;margin-left:0px;}



ul.indent1{ display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent1 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\203B";
}
ul.indent1 li{margin: 0 0 0 15px;padding:0px;}




ul.indent2{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent2 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\30FB";
}
ul.indent2 li{margin: 0 0 0 15px;padding:0px;}


ul.indent3{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent3 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\25CF";
}

ul.indent3 li{margin: 0 0 0 15px;padding:0px;}


ul.indent4{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent4 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\25C6";
}
ul.indent4 li.pt2:before{margin:0 0 0 -15px;padding:0px;
	content:"\30FB";
}

ul.indent4 li{margin: 0 0 0 15px;padding:0px;}




.fs05{font-size:0.5em !important;}
.fs06{font-size:0.6em !important;}
.fs07{font-size:0.7em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs10{font-size:1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs18{font-size:1.8em !important;}
.fs20{font-size:2.0em !important;}

.lh11{line-height:1.1em;}

.top-news li:nth-child(n + 6){display:none;}
.top-goods li:nth-child(n + 5){display:none;}


/* �J�E���g�_�E���p */

.countdown {
	width:100%;
	height:100%;
    background: #000;
    opacity: 0.8;
    position:fixed;
    display:block;
	z-index:10;
		cursor:pointer;
}

.close{
	width:45px;
	z-index:10;
	right:5%;
	position:absolute;
	top:50px;
	cursor:pointer;
}

.countdown-area {
    width: 640px;
    margin: 50px auto 0;
    position:fixed;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 100;
    color: #FFF;
    text-align: center;
}

.countdown-area img {
    width: 100%;
}


@media screen and (max-width:768px){


.countdown {
	width:100%;
	height:100%;
    background: #000;
    opacity: 0.8;
    position:fixed;
    display:block;
	z-index:10;
}

.close{
	width:40px;
	z-index:10;
	right:10%;
	position:absolute;
	top:20px;
}

.countdown-area {
    width:80%;
    margin: 70px auto 0;
    position:fixed;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 100;
    color: #FFF;
    text-align: center;
}

.countdown-area img {
    width: 100%;
}


}

.t-center{text-align:center;}

.swipspan{
    margin-bottom: 10px;

    width: 100%;
    bottom: 11px;
    position: absolute;
    font-weight: 700;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    }
    

.pc{display:block;}

@media screen and (max-width:768px){
.pc{display:none;}
    }
    
[data-news="detail"] figure{
margin-bottom: 20px;
display: flex;
justify-content: center;
}
[data-news="detail"] img{
height: auto;
}
[data-news="detail"] p{
font-size: 14px;
line-height: 2.15;
text-align: left;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
[data-news="detail"] p{
font-size: 13px;
}
}
[v-cloak] {
visibility: hidden;
}


.column4 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.column4 p {
    width: 23%;
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
    .column4 p {
        width: 29%;
        margin-bottom: 20px;
        margin-right: 10px;
    }
}