@charset "utf-8";

@media(min-width: 960px) {
	
	
}

@media(max-width: 959px) {
.hero,
.hero_container .swiper-slide {
	height: 80vh;
	min-height: inherit;
}

.hero_caption h1,
.hero_caption .slider_title {
	font-size: 20px;
	margin-bottom: 20px;
}
.hero_caption p {
	font-size: 14px;	
}


.hero .whatsnew {
	width: calc(100% - 30px);
	left: 15px;
	bottom: 20px;
	right: inherit;
 }
.whatsnew .whatsnew_hdr {
	width: 90px;
	border-radius: 40px 0 0 40px;
}
.whatsnew .whatsnew_caption {
	padding: 0 15px;
}
	
}

@media(max-width: 767px) {


.hero_caption h1,
.hero_caption .slider_title {
	margin-bottom: 10px;
}
.hero_caption p {
	font-size: 13px;	
}

.hero .whatsnew,
.whatsnew .whatsnew_hdr,
.whatsnew .whatsnew_caption {
	height: 40px;
}

.ticker {
	height: 40px;
	padding-top: 0;
}

.whatsnew .whatsnew_hdr {
	width: 90px;	
}
.hero .whatsnew {
	font-size: 13px;
}
.update {
	display: block;	
}
.info_flex {
	margin: 0 0 30px;
}
.top_info {
	padding: 40px 0;	
}



.info_inner {
	padding: 0;	
}
.about_inner {
	padding: 0 20px;
	margin-bottom: 40px;
}


.visual_catch {
	height: auto;
	width: 100%;
}
.visual_catch {
	margin: 0 auto 30px;
	display: -webkit-flex;
	display: flex;
}
.visual_catch_thumb,
.visual_catch_caption {
	height: 150px;
}

.visual_catch_thumb {
	width: 65%;
}
.visual_catch_caption {
	padding: 0;
	position: relative;
	width: 35%;
}
.visual_catch_caption .visual_catch_caption_col {
	position: absolute;
	top: calc(50% - 20px);
	left: 5vw;
	width: 80vw;
	text-align: left;
}
.visual_catch_caption_col .section_title_en {
	text-align: left;	
}

.visual_catch_caption_col .section_title_en,
h3.section_title,
.visual_catch_caption_col h3 {
	font-size: 18px;	
}



.about_inner p {
	text-align: left;	
}
.about_link {
	padding: 40px 40px 40px 20px;
	overflow: hidden;
}

.about_flag {
	display: block;
	padding: 0 20px;
	margin: 30px 0;
}
.flag_figure {
	width: 70%;
	margin: 0 auto 20px;	
}
.flag_caption h4 {
	font-size: 20px;
	text-align: center;
}
.top_about {
	padding-bottom: 40px;	
}
.top_support {
	padding: 40px 0;
}
.support_inner {
	padding: 0 20px;	
}
.support_inner .lead {
	text-align: left;	
}

.top_activity_flex {
	padding: 0 15px;	
}

.support_inner ul {
	display: block;
}
.support_inner ul li {
	margin: 0 0 10px;
	text-align: left;
}
.more_link {
	transform: scale(0.8);
}

.link_btn a {
	width: calc(100% - 10px);
}
.link_btn a:after {
	width: 20px;
	height: 20px;
	background: url(../images/btn_arrow_right.png) no-repeat 0 0;
	background-size: 20px;
	top: calc(50% - 10px);
}
.link_btn a:hover:after {
	transform: translateX(13px);
}
.top_activity {
	padding-bottom: 40px;
}
.top_shoplist {
	padding: 40px 0;	
}

.top_advertise {
	padding: 40px 0;
}
.top_advertise .link_btn {
	margin: 0 20px;	
}
}


@media(max-width: 320px) {
.whatsnew .whatsnew_hdr {
	width: 75px;	
}
.whatsnew .whatsnew_caption {
	font-size: 10px!important;	
}

.visual_catch_caption_col .section_title_en,
h3.section_title,
.visual_catch_caption_col h3 {
	font-size: 17px;
	letter-spacing: 0px;	
}

.flag_caption h4 {
    font-size: 18px;
}

.link_btn,
.link_btn a {
	font-size: 13px;	
}

}