@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
html,body{
	margin:0;padding:0;
	font-family:'MYuenHK', "Microsoft JhengHei", "微軟正黑體","Arial",Helvetica,sans-serif;

	background-color:#FFF;
	color:#808080;
	

	
}
@font-face {
  font-family: MYuenHK;
  src: url('/css/fonts/MYuenHK-Medium.ttf');
  unicode-range: U+0020-007F, U+4E00-9FFF; 
}


.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{
	padding:0px;
}
label{
	font-weight:400;
	cursor:pointer;
}
a{
	cursor:pointer;
	color:#f09fc4; 
	text-decoration: none;
}
a:hover{
	opacity:0.9;
}
a:focus,
a:hover {
	text-decoration: none;
	color:#f09fc4; 
}
a.active{
	text-decoration: none;
	color:#333; 
	font-weight: 500;
}
hr{
	margin-top:0px;
	margin-bottom:0px;
}
.container{
}
.container,
.row {
	margin: 0 auto;
	padding: 0
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
	margin:auto;
	padding:0px;
}
@media(min-width:768px){
	.nav>li>a{
		height:50px;
		line-height:50px;
		text-align:center;
		padding:0px;
	}
}
@media(min-width:768px){
	
}




/*global*/


.ad100{animation-delay:100ms}
.ad200{animation-delay:200ms}
.ad300{animation-delay:300ms}
.ad400{animation-delay:400ms}
.ad500{animation-delay:500ms}
.ad600{animation-delay:600ms}
.ad700{animation-delay:700ms}
.ad800{animation-delay:800ms}
.ad900{animation-delay:900ms}
.ad1000{animation-delay:1000ms}
.ad1100{animation-delay:1100ms}
.ad1200{animation-delay:1200ms}
.ad1300{animation-delay:1300ms}
.ad1400{animation-delay:1400ms}
.ad1500{animation-delay:1500ms}
.ad1600{animation-delay:1600ms}
.ad1700{animation-delay:1700ms}
.ad1800{animation-delay:1800ms}
.ad1900{animation-delay:1900ms}
.ad2000{animation-delay:2000ms}
.ad2100{animation-delay:2100ms}
.ad2200{animation-delay:2200ms}
.ad2300{animation-delay:2300ms}
.ad2400{animation-delay:2400ms}
.ad2500{animation-delay:2500ms}
.ad2600{animation-delay:2600ms}
.ad2700{animation-delay:2700ms}
.ad2800{animation-delay:2800ms}
.ad2900{animation-delay:2900ms}
.ad3000{animation-delay:3000ms}

.animated.ad100 ,.animated.ad200 ,.animated.ad300 ,.animated.ad400 ,.animated.ad500 ,.animated.ad600 ,.animated.ad700 ,.animated.ad800 ,.animated.ad900 ,.animated.ad1000,.animated.ad1100,.animated.ad1200,.animated.ad1300,.animated.ad1400,.animated.ad1500,.animated.ad1600,.animated.ad1700,.animated.ad1800,.animated.ad1900,.animated.ad2000,.animated.ad2100,.animated.ad2200,.animated.ad2300,.animated.ad2400,.animated.ad2500,.animated.ad2600,.animated.ad2700,.animated.ad2800,.animated.ad2900,.animated.ad3000{	 -webkit-animation-fill-mode: backwards;    animation-fill-mode: backwards;}











.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fancybox-slide--html .fancybox-close-small{
	top:-45px;
}
.fancybox-content{
	overflow:visible;
	border-radius: 20px;
}
.fancybox-slide--html .fancybox-close-small{
	transform:scale(1.5);
}
@media(max-width:767px){
	.container{
		max-width:480px;
		padding:0px 10px;
	}
	.extendedmargin{
		margin-left: -10px;
		margin-right:-10px;
	}
	
	.fancybox-content{
		padding:15px;
		
	}
	.mobilewrapper{
		
	}
}

.navbar{
	border-radius:0px;
	border:none;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
.navbar>.row{
	padding-left:0px;
	padding-right:0px;
	padding:0px 0px;
	
}
@media(max-width:767px){
	.navbar>.row{
		padding:0px 0px;
		
	}
}
.header_bg{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	background-color: #384e80;
	color:#FFF;
	
}
.header_bg, .header_container{
	height:80px;
}
@media(min-width:768px){

	.header_bg, .header_container{
		height:120px;
	}
}
@media(max-width:767px){

	.navbar>.row{
		width:100%;
		max-width:100%;
		
		
		top:0px;
		z-index:100;
		
		opacity:0.95;
	}
}
@media (min-width: 768px){
	
	.navbar-collapse{
		text-align:right;
	}
	.navbar-header{
		float:none;
	}
}
.navbar-collapse{
	border:none;
}



@media(max-width:767px){
	.navbar-nav{
		margin: auto;
	}
	.navbar-collapse{
		padding-top: 15px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-inverse .navbar-nav>li>a{
		color:#fff;
		line-height: 15px;
	}

	.navbar-toggle{
		float: left;
		border: none;
		position: absolute;

		z-index: 10;
		border: none;
		background-color: transparent !important;
		right: 8px;
		top: 20px;
		margin-right: 0px;
		padding: 15px 15px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color:#fff;
}

.logocontainer{
	padding: 0px 0px;
	position:relative;
}
	
#logo_img{
	position: absolute;
	width:16%;
	height:70%;
	left: 42%;
	top:15%;
	z-index:2;
	cursor:pointer;
	display:block;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/images/logo.png');
	
	
}

@media(max-width:767px){
	#logo_img{
		width: 40%;
		height: 90%;
		left: 30%;
		top: 5%;
	}
}

.alignMiddle{
	width:100%;
	height:100%;
}

.alignMiddle>div {
	display: table;
	width:100%;
	height:100%;
}
.alignMiddle>div>div {
	display: table-cell;
	vertical-align: middle;
	
	width:100%;
	height:100%;
}

.lineheightn{
	line-height:20px !important;
} 
.lineheightsm{
	line-height:30px !important;
} 
.lineheight40{
	line-height:40px !important;
}
.lineheight45{
	line-height:45px !important;
}
.lineheight50{
	line-height:50px !important;
}
@media(max-width:767px){
	.lineheightn_m{
		line-height:30px !important;
	}
	.lineheight2n_m{
		line-height:60px !important;
	}
}
.lineheightm{
	line-height:40px !important;
}
.maxwidth250{
	max-width:250px;
	width:100%;
}
.maxwidth350{
	max-width:350px;
	width:100%;
}
.maxwidth400{
	max-width:400px;
	width:100%;
}
.maxwidth480{
	max-width:480px;
	width:100%;
}
.maxwidth500{
	max-width: 500px;
	width:100%;
}
.maxwidth600{
	max-width:600px;
	width:100%;
}
.maxwidth700{
	max-width:700px;
	width:100%;
}
.maxwidth750{
	max-width:750px;
	width:100%;
}
.maxwidth900{
	max-width:900px;
	width:100%;
}

	.maxwidth1000{
		max-width:1000px;
	}
}
.maxwidth1200{
	max-width:1200px;
	width:100%;
}
.maxwidth100p{
	max-width:100%;
}
.maxwidth85p{
	max-width:85%;
	width:100%;
}
.textleft{
	text-align: left !important;
}
.uppercase{
	text-transform:uppercase;
}
.textcenter {
	text-align: center
}
@media(max-width:767px){
	
	.textcenterm {
		text-align: center
	}
}
.flexcenter{
	display: flex;
	justify-content: center;
	align-items: center;
}
.textright{
	text-align: right;
}
.textjustify{
	text-align: justify;
}
.dleftmcenter{
	text-align: center
}
@media(min-width:768px){
	.dleftmcenter{
		text-align: left;
	}
}
.posrelative{
	position:relative;
}
.marginauto{
	margin-left:auto;
	margin-right:auto;
}
.marginleft0{
	margin-left:0px;
}
.clearboth{
	clear:both;
}
.displayib{
	display:inline-block !important;
}
.nopadding{
	padding:0px !important;
}
.boldtext {
	font-weight: 700;
}
.boldertext {
	font-weight: 900;
}
.thintext {
	font-weight: 100;
	
}
.normaltext{
	font-weight: 400;
}
.italictext{
	font-style: italic;
}
.extraboldtext {
	font-weight: 900;
}
@media(min-width:768px){
	.hoverzoom:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);z-index:1;position:relative;}
}
.listaplha{
	list-style-type: lower-alpha;
}
.cursorauto{
	cursor: auto;
}
.cursorpointer{
	cursor: pointer;
}
.dnone{
	display:none;
}
.error_msg{
	opacity:0;
	position:relative;
	top:0px;
    line-height: 15px;
	font-size:12px;
	color:#ee0000;
}

.arrow_left{
	width: 40px;
	height:40px;
	position:absolute;
	left: 0px;
	top:calc(50% - 25px);
	background-image:url('../images/icon_w_left.png');
	background-size:  100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}

.arrow_right{
	width: 40px;
	height:40px;
	position:absolute;
	right: 0px;
	top:calc(50% - 25px);
	background-image:url('../images/icon_w_right.png');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease; 
	opacity:0.75;
}
.arrow_up{
	width: 40px;
	height:40px;
	position:absolute;
	left: calc(50% - 20px);
	top: 0px;
	background-image:url('../images/icon_w_up.png');
	background-size:  100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}

.arrow_down{
	width: 40px;
	height:40px;
	position:absolute;
	left: calc(50% - 20px);
	bottom: 0px;
	background-image:url('../images/icon_w_down.png');
	background-size:  100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}
@media(max-width:767px){
}
.arrow_right:hover, .arrow_left:hover{
	transform:scale(1.25);
	opacity:1;
}

.content_popup{background-color:#FFF;padding:20px 5px;}
@media(min-width:768px){
	.content_popup{
		padding:20px 50px;
	}
}
@media(min-width:768px){
	.content_popup{min-width:360px;    max-width: 560px; height:240px}
	.content_popup.long{  max-width: 9999px;}
	
}
@media(max-width:767px){
	.content_popup{
		max-width:100%;
		margin:0px auto;
		min-width:200px;
	}
}
.content_popup>div{display:table;height:100%;width:100%}
.content_popup>div>div{display:table-cell;vertical-align:middle}
.content_popup .title{font-size:20px;line-height:30px;letter-spacing:1px;text-align:center;margin-bottom:10px;font-weight:700}
.content_popup .caption{text-align:center;margin-bottom:30px;letter-spacing:1px}

.content_popup.leftalign .title,
.content_popup.leftalign .caption{
	text-align:left;
}
.content_popup.autoHeight{
	height:auto;
}

.button.dnone{
	display:none;
}
.button.textleft{
	padding-left:25px;
}
.button.doc_icon{
	padding-right:40px;
	position:relative;
}
.button.doc_icon::after{
	content:"";
	position:absolute;
	top:-1px;
	right:-1px;
	width: 42px;
	height:42px;
	
	background-position: center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	
	
	/* background-image: url('/images/icon_file.png'); */
	
}
.button.rightarrow{
	padding-right:40px;
	position:relative;
}
.button.rightarrow::after{
	position: absolute;
    content: "";
    right: 15px;
    top: 16.5px;
    border-top: 7px solid #FFF;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    transform: rotate(-90deg);
	
}
.button.rightarrow.purplearrow::after{

    border-top: 7px solid #35507f;
  
}
.button.rightarrow.purplearrow:hover::after{

    border-top: 7px solid #fff;
  
}
.button{
	display:block;
	background-color:#F09FC4;
	color:#fff;
	border: none;
	padding: 10px 15px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	border-radius:5px;
    
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	transition: all 300ms ease;
	-webkit-box-shadow: 6px 6px 4px 0 rgba(0,0,0,0.2);
	box-shadow: 6px 6px 4px 0 rgba(0,0,0,0.2);
}

@media(max-width:767px){
	.button{
		font-size:18px;
		line-height:22px;
	}
}
@media(min-width:768px){
	
	.button:hover{
		background-color:#d964d2;
		color:#fff;
	}
	.button:active,
	.button:focus{
		background-color:#d964d2;
		color:#fff;
	}
}
.button.displayib{
	display:inline-block;
	min-width:160px;
	margin-left:auto;
	margin-right:auto;
}

@media(max-width:767px){
	.button.displayib{
		min-width:160px;
		
	}
	
}



@media(max-width: 767px) and (min-width: 450px){
	.button.displayib{			
		min-width:280px;
	}
}
.button.disabled{
	color:#ef9f9c;
}
.button.disabled:hover{
	color:#ef9f9c;
}
.button.greyout{
	background-color:#DDD;
	border-color:#DDD;
	color:#888;
}
.button.small{
	
	width:180px;
}
.button.tiny{
	
	width:auto;
	padding:5px 25px;
}
.button.longpad{
	padding: 7.5px 35px;
}
.button.autowidth{
	width:auto !important;
	min-width:1px;
}
.button.mid{
	color:#0066b1 !important;
	border:1px solid #0066b1;
	padding:6px 12px;
	border-radius:4px;
	background-color:#fff;
}
.button.grey{
	background-color:#DDD;
	border:1px solid #DDD;
}
.button.grey:hover{
	background-color:#fff !important;
	
}
.button.white{
	color:#fff !important;
	border:1px solid #fff;
}
.button.yellow{
	color:#fff !important;
	border:1px solid #f6c932;
	background-color:#f6c932 !important;
}
.button.blue{
	color:#fff !important;
	border:1px solid #0066b1;
	background-color:#0066b1 !important;
}
.button.orange{
	border:1px solid #f7ac3b;
	background-color:#f7ac3b !important;
}
.button.orangetext{
	color:#f7ac3b !important;
	border:1px solid #f7ac3b;
}

.button.green{
	color:#fff !important;
	border:1px solid #39b14a;
	background-color:#39b14a !important;
}

.button.greentext{
	color:#39b14a !important;
	border:1px solid #39b14a;
	background-color:#fff;
}

.button.red{
	color:#fff !important;
	border:1px solid #ee4236;
	background-color:#ee4236 !important;
}

.button.redtext{
	color:#ee4236 !important;
	border:1px solid #ee4236;
	background-color:#fff;
}

.button.long{ 
	width:330px;
}
.button.autowidth{
	width:auto;
}
.button.block{
	display:block;
}

.button:hover{
	opacity:0.8;
}
.button.nobg{
	background-color:transparent;
	border:1px solid #1c74bb;
	color:#1c74bb;
}
.button.tiny{
	border-radius: 5px;
    width: auto;
    min-width: 10px;
    font-size: 15px;
    line-height: 30px;
    padding: 0px 10px;
}
.button.facebook{
	color:#FFF !important;
	background-color:#365899 !important;
}

.button.rightspacing{
	margin-right:15px;
}



.whitetext{
	color:#FFF;
}
.orangetext{
	color:#f7ac3b;
}
.blacktext{
	color:#000;
}
.darkgreytext{
	color:#808080;
}
.greytext{
	color:#B4B4B4;
}
.lightgreytext{
	color:#888;
}
.redtext{
	color:#EE0000;
}
.bluetext{
	color:#35507f;
}
.pinktext{
	color:#F09FC4;
}
.browntext{
	color:#BCA59C;
}
.lightbluetext{
	color:#41bbff;
}
.greentext{
	color:#39b14a;
}
.darkbluetext{
	color:#013565;
}

.lightgreytext{
	color:#CCC;
}

.yellowtext{
	color:#f6c932;
}
.purpletext{
	color:#35507f;
}
.purpletext2{
	color:#35507f;
}
.purpletext3{
	color:#35507f;
}

.bg_grey{
	background-color:#f2f2f2;
}
.bg_lightgrey{
	background-color:#c0c1c3;
}
.bg_midgrey{
	background-color:#626166;
}
.bg_darkgrey{
	background-color:#515153;
}
.bg_white{
	background-color:#FFF;
}
.bg_black{
	background-color:#000;
}
.bg_red{
	background-color:#e31d1a;
}
.bg_pink{
	background-color:#F09FC4;
}
.bg_blue{
	background-color:#384e80;
}
.bg_darkblue{
	background-color:#013565;
}
.bg_yellow{
	background-color:#fffad8;
}
.bg_purple{
	background-color:#d4daf0;
}
.bg_purple2{
	background-color:#35507f;
}
/* .bg_midblue{
	background-color:#89cdff;
}*/
.bg_lightblue{
	background-color:#007ad4;
}

.bg_paleblue{
	background-color:#bfe4ff;
}

.bordertop{
	border-top:1px solid #CCC;
}

.borderightall{
	border-right:1px solid #CCC;
}

.borderleftall{
	border-left:1px solid #CCC;
}
@media(min-width:768px){
	.borderight{
		border-right:1px solid #CCC;
	}

	.borderleft{
		border-left:1px solid #CCC;
	}

}

.bgcontain{
	background-size:contain !important;
}
.bgimage169{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 9 / 16);
	
}
.bgimage54{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 80 / 100);
	
}


.bgimage43{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 75 / 100);
	
}

.bgimage34{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 100 / 75);
	
}



.bgimage32{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 66.66 / 100);
	
}

.bgimage11{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 100 / 100);
	
}

@media(min-width:768px){
	
	 .col2_item:nth-child(2n+1){
		padding-right: calc(20px / 2 * 1);
	}
	.col2_item:nth-child(2n+2){
		padding-left: calc(20px / 2 * 1);
	}
	
	
	.col3_item:nth-child(3n+1){
		padding-right: calc(21px / 3 * 2);
	}
	.col3_item:nth-child(3n+2){
		padding-left: calc(21px / 3 * 1);
		padding-right: calc(21px / 3 * 1);
	}
	.col3_item:nth-child(3n){
		padding-left: calc(21px / 3 * 2);
	}
	
	
	.col4_item:nth-child(4n+1){
		padding-right: calc(20px / 4 * 3);
	}
	.col4_item:nth-child(4n+2){
		padding-left: calc(20px / 4 * 1);
		padding-right: calc(20px / 4 * 2);
	}
	.col4_item:nth-child(4n+3){
		padding-left: calc(20px / 4 * 2);
		padding-right: calc(20px / 4 * 1);
	}
	
	.col4_item:nth-child(4n){
		padding-left: calc(20px / 4 * 3);
	}
	
	
	
	
	.thickcol.col2_item:nth-child(2n+1){
		padding-right: calc(40px / 2 * 1);
	}
	.thickcol.col2_item:nth-child(2n+2){
		padding-left: calc(40px / 2 * 1);
	}
	.col2_item_pr:nth-child(2n+1){
		padding-left: calc(20px / 2 * 1);
	}
	.col2_item_pr:nth-child(2n+2){
		padding-right: calc(20px / 2 * 1);
	}
	.col2_item_pr.large:nth-child(2n+1){
		padding-left: calc(40px / 2 * 1);
	}
	.col2_item_pr.large:nth-child(2n+2){
		padding-right: calc(40px / 2 * 1);
	}
	.thickcol.col3_item:nth-child(3n+1){
		padding-right: calc(40px / 3 * 2);
	}
	.thickcol.col3_item:nth-child(3n+2){
		padding-left: calc(40px / 3 * 1);
		padding-right: calc(40px / 3 * 1);
	}
	.thickcol.col3_item:nth-child(3n){
		padding-left: calc(40px / 3 * 2);
	}
	
	
	
}

@media(max-width:767px){
	
	.m.col2_item:nth-child(2n+1){
		padding-right: calc(20px / 2 * 1);
	}
	.m.col2_item:nth-child(2n+2){
		padding-left: calc(20px / 2 * 1);
	}
	
	.m.col3_item:nth-child(3n+1){
		padding-right: calc(9px / 3 * 2);
	}
	.m.col3_item:nth-child(3n+2){
		padding-left: calc(9px / 3 * 1);
		padding-right: calc(9px / 3 * 1);
	}
	.m.col3_item:nth-child(3n){
		padding-left: calc(9px / 3 * 2);
	}
	
	
	
}

	.colcontainer{
		margin-left:-10px;
		margin-right:-10px;
	}
	.colcontainer.thickpadding{
		margin-left:-15px;
		margin-right:-15px;
	}
	.colcontainer.thinpadding{
		margin-left:-5px;
		margin-right:-5px;
	}
	
	.col_item{
		padding-left:10px;
		padding-right:10px;
	}
	.col_item.thickpadding{
		padding-left:15px;
		padding-right:15px;
	}
	
	.col_item.thinpadding{
		padding-left:5px;
		padding-right:5px;
	}
	
	


.autowidth{
	width:auto !important;
}
.fullheight{
	height:100%;
}
.fullwidth{
	width:100%;
}
.maxwidth{
	max-width:100%;
}
	.mb-xxl{margin-bottom:100px;}
	.mb-xl{margin-bottom:80px;} 
	.mb-l{margin-bottom:60px;}
	.mb-m{margin-bottom:40px;}
	.mb-sm{margin-bottom:30px;}
	.mb-s{margin-bottom:20px;}
	.mb-xss{margin-bottom:15px;}
	.mb-xs{margin-bottom:10px;}
	.mb-xxs{margin-bottom:5px;}
	 
	.mt-xxl{margin-top:100px;}
	.mt-xl{margin-top:80px;}
	.mt-l{margin-top:60px;}
	.mt-m{margin-top:40px;}
	.mt-sm{margin-top:30px;}
	.mt-s{margin-top:20px;}
	.mt-xs{margin-top:10px;}
	.mt-xxs{margin-top:5px;}
	
	.ml-l{margin-left:60px;}
	.ml-m{margin-left:40px;}
	.ml-s{margin-left:20px;}
	.ml-xs{margin-left:10px;}
	.ml-xxs{margin-left:5px;}

	.pb-l{padding-bottom:60px;}
	.pb-m{padding-bottom:40px;}
	.pb-sm{padding-bottom:30px;}
	.pb-s{padding-bottom:20px;}
	.pb-xs{padding-bottom:10px;}
	.pb-none{padding-bottom:0px;}
	
	.pt-l{padding-top:60px;}
	.pt-m{padding-top:40px;}
	.pt-sm{padding-top:30px;}
	.pt-s{padding-top:20px;}
	.pt-xs{padding-top:10px;}
	.pt-none{padding-top:0px;}
	
	.pl-l{padding-left:60px;}
	.pl-m{padding-left:40px;}
	.pl-s{padding-left:20px;}
	.pl-xs{padding-left:10px;}
	
	.pr-l{padding-right:60px;}
	.pr-m{padding-right:40px;}
	.pr-s{padding-right:20px;}
	.pr-xs{padding-right:10px;}
	
	.p-l{padding:60px;}
	.p-m{padding:40px;}
	.p-s{padding:20px;}
	.p-xs{padding:10px;}
	.p-xxs{padding:5px;}
	
	.mb-none{
		margin-bottom:0px !important;
	}
	.mt-none{
		margin-top:0px !important;
	}
	.pt-none{
		padding-top:0px !important;
	}
	.pb-none{
		padding-bottom:0px !important;
	}
	.pl-none{
		padding-left:0px !important;
	}
@media(max-width:767px){
	
	.m.mb-none{
		margin-bottom:0px !important;
	}
	.m.mt-none{
		margin-top:0px !important;
	}
	.m.pt-none{
		padding-top:0px !important;
	}
	.m.pb-none{
		padding-bottom:0px !important;
	}
	.m.pl-none{
		padding-left:0px !important;
	}
	
	.m.mb-xxl{margin-bottom:50px;}
	.m.mb-xl{margin-bottom:40px;}
	.m.mb-l{margin-bottom:30px;}
	.m.mb-m{margin-bottom:20px;}
	.m.mb-sm{margin-bottom:15px;}
	.m.mb-s{margin-bottom:10px;}
	.m.mb-xs{margin-bottom:5px;}
	.m.mb-xxs{margin-bottom:2px;}
	
	.m.mt-l{margin-top:30px;}
	.m.mt-m{margin-top:20px;}
	.m.mt-sm{margin-top:15px;}
	.m.mt-s{margin-top:10px;}
	.m.mt-xs{margin-top:5px;}
	.m.mt-xxs{margin-top:2px;}

	
	.m.ml-l{margin-left:30px;}
	.m.ml-m{margin-left:20px;}
	.m.ml-sm{margin-left:15px;}
	.m.ml-s{margin-left:10px;}
	.m.ml-xs{margin-left:5px;}
	.m.ml-xxs{margin-left:2px;}
	
	.m.mr-l{margin-right:30px;}
	.m.mr-m{margin-right:20px;}
	.m.mr-sm{margin-right:15px;}
	.m.mr-s{margin-right:10px;}
	.m.mr-xs{margin-right:5px;}
	.m.mr-xxs{margin-right:2px;}
	
	
	.m.pb-l{padding-bottom:30px;}
	.m.pb-m{padding-bottom:20px;}
	.m.pb-sm{padding-bottom:15px;}
	.m.pb-s{padding-bottom:10px;}
	.m.pb-xs{padding-bottom:5px;}
	.m.pb-xxs{padding-bottom:2px;}
	
	.m.pt-l{padding-top:30px;}
	.m.pt-m{padding-top:20px;}
	.m.pt-sm{padding-top:15px;}
	.m.pt-s{padding-top:10px;}
	.m.pt-xs{padding-top:5px;}
	.m.pt-xxs{padding-top:2px;}
	
	.m.pl-l{padding-left:30px;}
	.m.pl-m{padding-left:20px;}
	.m.pl-sm{padding-left:15px;}
	.m.pl-s{padding-left:10px;}
	.m.pl-xs{padding-left:5px;}
	.m.pl-xxs{padding-left:2px;}
	
	.m.pr-l{padding-right:30px;}
	.m.pr-m{padding-right:20px;}
	.m.pr-sm{padding-right:15px;}
	.m.pr-s{padding-right:10px;}
	.m.pr-xs{padding-right:5px;}
	.m.pr-xxs{padding-right:2px;}

	
	
	
	.m.m-l{margin:60px;}
	.m.m-m{margin:40px;}
	.m.m-sm{margin:30px;}
	.m.m-s{margin:20px;}
	.m.m-xs{margin:10px;}

	.m.p-l{padding:60px;}
	.m.p-m{padding:40px;}
	.m.p-sm{padding:30px;}
	.m.p-s{padding:20px;}
	.m.p-xs{padding:10px;}
	
	
	.m.xs-ltsp{
		letter-spacing:0.25px;
	}
	.m.s-ltsp{
		letter-spacing:.5px;
	}
	.m.m-ltsp{
		letter-spacing:1px;
	}
	.m.l-ltsp{
		letter-spacing:2px;
	}
	
}

.section_hr{
	border-top:2px solid #35507f;
	margin-bottom:40px;
	position: relative;
}
.section_hr::after{
	border-top: 20px solid #35507f !important;
    border-left: 20px solid transparent !important;
    border-bottom: 20px solid transparent !important;
    border-right: 20px solid transparent !important;
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 20px);

}


.ol_item{
	padding-left:15px;
	color:#35507f;
}
.ol_item li{

	color:#35507f;
	padding-left:5px;
	margin-bottom:10px;
}
.ol_item li>div{
	color:#333;
}



.bottomyellow{
	border-bottom:8px solid #f6c932;
}

.underline{
	text-decoration:underline;
}
@media(max-width:767px){
	.table_container{
		overflow-x:scroll;
	}
}
/*global*/
/*font*/

body {
	font-size: 18px;
	line-height: 24px;
	letter-spacing:0px;
}
body header {
	font-size: 14px;
	line-height: 18px;	
}

.talltext{
	line-height:36px;
}
@media(max-width:991px){
	.talltext {
		line-height: 24px;
	}
}
.header-text{
	font-size:16px;
	line-height:24px;
}
.ss-text{
	font-size: 10px;
	line-height:12px;
}
.s-text{
	font-size: 12px;
	line-height:16px;
}

.sm-text {
	font-size: 18px;
	line-height: 28px
}

.smm-text {
	font-size: 24px;
	line-height: 30px
}

.m-text {
	font-size: 28px;
	line-height: 36px
}

.ml-text {
	font-size: 30px;
	line-height: 32px
}

.l-text {
	font-size: 35px;
	line-height: 40px;
	
}
.xl-text {
	font-size: 45px;
	line-height: 50px;
	
}
.xxl-text {
	font-size: 55px;
	line-height: 50px;
	letter-spacing: 2px;
	
}

@media(max-width:767px){

	.sm-text {
		font-size: 20px;
		line-height: 28px
	}


}

@media(min-width:768px){
	.mw-80{
		max-width:80%;
	}
	.mw-90{
		max-width:90%;
	}
}
/*fonts*/
.displayblock, .displayb{
	display:block !important;
}

.clearfix{
	clear:both;
}

/*global*/

	.offsetheader{
		margin-top:80px;
	}
	@media(min-width:768px){
		.offsetheader{
			margin-top:80px;
		}
	}
	.flexMiddle{
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
	}
	.height100vh{
		height:100vh;
	}

	.jarallax{
		background-position: center;
		background-size:100%;
	}
	
	.subscription_bg{
		background-image: url('/images/subscription_bg.jpg');
	}
	
	
	input[type=file] {
		width: 100%;
	}
	
	
	
		 

	.alignMiddle>div {
		display: table;
		width:100%;
		height:100%;
	}
	.alignMiddle>div>div {
		display: table-cell;
		width:100%;
		vertical-align: middle;
	}

	.underline{
		text-decoration:underline;
	}
	.cursorp{
		cursor:pointer;
	}



/*global*/





/*login*/
	#signin_btn{
		
		color:#006eb9 !important;
		/* margin-left:10px !important; */
		margin-right:10px !important;
	}
	@media(max-width:767px){
		#signin_btn{
			display:inline-block;
		}
	}
	#register_btn{
		padding: 7.5px 15px;
		background-color: #006eb9 !important;
		border-color: #006eb9 !important;
	}
	@media(min-width:768px){
		#register_btn{
			padding: 10px 20px;
		}
		#register_btn{
			float:left;
		}
		#signin_btn{
			float:left;
		}
	}
	@media(max-width:1199px) and (min-width:768px){
		.navbar-nav>li:nth-child(9){
			clear:both;
			float:right;
		}
		.navbar-nav>li:nth-child(10){
		
			float:right;
		}
		.navbar-nav>li>a{
			line-height:30px;
			height:30px;
		}
		#register_btn{
			height:23px;
			line-height:22px;
			padding: 0px 20px;
			
		}
		#signin_btn{
		}
		
	}
	@media(max-width:767px){
		#register_btn{
			margin-left:10px;
			margin-bottom:10px;
			
		}
	}
	
	
	#login_popup{
		padding:0px;
	}
	#login_popup .fancybox-close-small{
		color:#FFF; 
	}
	@media(min-width:768px){
		
		#login_popup .fancybox-close-small{
			color:#439bab; 
		}
	}
	@media(min-width:768px){
		#login_popup{
			width:700px;
		}
	}
	@media(min-width:992px){
		#login_popup{
			width:800px;
		}
	}
	@media(min-width:1200px){
		#login_popup{
			width:900px;
		}
	}
	.login_bg{
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		/* background-image: url('/images/login_bg.jpg'); */
	}
	.login_container{
		padding:20px;
		position:relative;
	}
	@media(max-width:767px){
		.login_bg{
			width:100%;
			height:120px;
		}
	
	}
	@media(min-width:768px){
		.login_bg{
			width:40%;
			
			position:absolute;
			left:0px;
			height:100%;
		}
	
	
		.login_container{
			width:60%;
			float:right;
			padding:40px;
		}
	}
	@media(min-width:992px){
		.login_bg{
			width:35%;
			
			
		}
	
	
		.login_container{
			width:65%;
			
		}
	}
	.login_tab_toggle, .signup_tab_toggle{
		padding:10px 20px;
		cursor:pointer;
	}
	.login_tab_toggle.active{
		border-bottom: 5px solid #439bab;
		color:#439bab;
	}
	.signup_tab_toggle.active{
		border-bottom: 5px solid #439bab;
		color:#439bab;
	}
	#login_tab .form_item input,
	#signup_tab .form_item input,
	
	#forgotpassword_tab .form_item input{
		border-bottom:1px solid #CCC;
		padding-left:0px;
		padding-right:0px;
	}
	#signup_tab .form_item select{
		border-bottom:1px solid #CCC;
		color:#333;
		padding:0px;
	}
	#signup_tab .form_item textarea{
		border-bottom:1px solid #CCC;
		color:#333;
		padding:0px;
	}
	 
	.forgotpassword_tab_toggle{
		color:#AAA;
	} 
	
	@media(max-width:767px){
		.tab_header_container{
			text-align:center;
		}
	}
	#header_login_info{
		display:inline-block;
	}
	@media(min-width:1200px){
		
		#header_login_info{
			height: 50px;
			line-height: 50px;
			text-align: center;
		
			position:relative;
			cursor:pointer;
			min-width:200px;
		}
		
		#header_login_info>div.login_menu{
			position:absolute;
			top:100%;
			width:100%;
			left:0px;
			border: 1px solid #CCC;
			border-radius: 4px;
			background-color: #FFF;
			display:none;
		}
		#header_login_info:hover>div.login_menu{
			display:block;
		}
		#header_login_info>div.login_menu a{
			color:#333;
			display:block;
			height: 50px;
			line-height: 50px;
			
		}
		#header_login_info>div.login_menu a:hover{
			color:#fff;
			background-color:#635a51;
			
		}
		
	}
	
	
	
	.header_cart_icon{
		
		
	}
	@media(max-width:767px){
		.header_cart_icon {
			padding-left:0px;
			padding-right:8px;
		}
	}
	.header_cart_icon .glyphicon{
		font-size: 16px;
		color: #635a51;
		vertical-align: middle;
		bottom: 0px;
		padding-bottom: 3px;
	}
	.header_cart_number{
		text-align: center;
		background-color: #e20000;
		color: #FFF;
		border-radius: 50%;
		margin: 0px 4px;
		height: 24px;
		width: 24px;
		line-height: 24px;
		font-size: 12px;
		display: inline-block;
		position: relative;
		bottom: 1px;
		vertical-align: middle;
		padding-right: 1px;
		padding-top: 1px;
	}
	
	@media(max-width:991px){
		.submit_edit_container{
			text-align:center;
		}
	}
	
/*login*/
/*header*/
	#site_logo{
		height:50px;
	}
	
	#header_container_m{
		position:relative;
		height:60px;
		padding:10px 10px;    
		z-index: 3;
		background-position: bottom center;
		background-size: 100% 5px;
		background-repeat: no-repeat;
		background-image: url('/images/header_deco_m.png');
	}
	
	#menu_toggle{
		
		position:absolute;
		top: 12.5px;
		left:10px;
		width: 30px;
		height:30px;
		
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url('/images/icon_menu.png');
		
	}
	
	#header_logo_m{
		display:block;
		width:120px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		
	}
	#header_logo_m>img{
		height:20px;
		margin:7.5px auto 10px auto;
	}
	
	nav#header_container{
		padding-top:5px;
		background-position: top center;
		background-size: 100% 5px;
		background-repeat: no-repeat;
		background-image: url('/images/header_deco.png');
		
	}
	@media(max-width:767px){
		nav#header_container{
			
			position: absolute;
			top: -600px;
			width: 100%;
			left: 0px;
			z-index: 4;
			transition: all 600ms ease;
			background-image: none;
			
		}
		nav#header_container.active{
			
			top: 60px;
		}
		
	}
	
	#header_container .container{
		max-width:1170px;
	}
	@media(min-width:992px){
		
		.header_left{
			float:left;
			width: calc(100% - 320px);
		}
		.header_right{
			float:left;
			width: 320px000000000;
		}
		
	}
	@media(min-width:768px) and (max-width: 991px){
		
		.header_left{
			float:left;
			width: calc(100% - 200px);
		}
		.header_right{
			float:left;
			width: 200px;
		}
		
	}
	
	
	#header_container ul{
		padding:0px;
		margin:auto;
		list-style: none;
	}
	@media(min-width:768px){
		
		#header_container ul li{	
			float:left;
		}
	}
	@media(max-width:767px){
		#header_container ul li{
			text-align:center;
		}
		
	}
	@media(min-width:768px){
		#header_container ul li:first-child{
			/* margin-left: -20px; */
		}
	}
	#header_container ul li a{
		padding:20px 20px;
		display: block;
		color:#FFF;
		text-decoration:none;
		line-height:25px;
	}
	
	
	
	@media(min-width:768px) and (max-width:991px){
		#header_container ul li a{
			padding: 20px 6px;
			font-size: 13px;
		}
		
		
		#header_container ul li a#header_joinus_menu{
			line-height: 15px;
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
		}
	}
	@media(min-width:992px) and (max-width:1199px){
		#header_container ul li a{
			padding:20px 5px;
		}
		
		
	}
	@media(max-width:767px){
		
		#header_container ul li a{
			padding:10px;
		}
	}
	
	
	
	
	@media(min-width:768px){
		.header_sns_container{
			text-align:right;
		}
	}
	@media(max-width:767px){
		
		.header_sns_container{
			text-align:center;
		}
	}
	.header_sns_icon{
		width: 40px;
		float: left;
		padding: 16px 6px;
		text-decoration: none;
	
	}
	
	@media(min-width:768px) and (max-width:991px){
		
		.header_sns_icon{
			width: 32px;
			padding: 16px 2px;
		}
	}
	@media(min-width:768px){
		#floating_menu{
			position: fixed;
			top: 25%;
			right: -200px;
			width: 70px;
			z-index: 3;
			transition: all 300ms ease;
		}
		.active#floating_menu{
			right: 0px;
		}
	}
	
	
	@media(max-width:767px){
		#floating_menu {
			position: fixed;
			top: auto;
			right: 0px;
			width: 100%;
			z-index: 3;
			bottom: -200px;
			
			
			-webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
			box-shadow: 0 0 5px 3px rgba(0,0,0,0.2);
			
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			
			z-index: 2;
			background: #f09fc4;
			transition: all 300ms ease;
		}
		
		.active#floating_menu{
			bottom: 0px;
		}
	}
	
	#floating_menu_onlineshop >a {
		display:block;
		
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100% * 147 / 160);
		background-image: url('/images/icon_floating_onlineshop.png?2');
		
		position:relative;
	}
	
	@media(max-width:767px){
		#floating_menu_onlineshop{
			width:50%;
			float:left;
		}
		#floating_menu_onlineshop >a{
			padding-bottom: calc(100% * 40 / 160);
			background-size: auto 50%;
			background-position: 90%;
			background-image: url('/images/icon_floating_onlineshop_m.png?2');
		}
	}
	
	
	
	#floating_menu_onlineshop >a::before {
		
		content: "";
		position: absolute;
		top: -60%;
		left: -30%;
		width: 130%;
		height: 100%;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(130% * 187 / 240);
		background-image: url('/images/icon_floating_onlineshop_deco_m.png?2');
		
		
	}
	
	@media(max-width:767px){
		
		#floating_menu_onlineshop >a::before {
			
			top: auto;
			bottom: 5px;
			left: 5%;
			width: 50%;
			height: 100%;
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			padding-bottom: calc(50% * 148 / 186);
			background-image: url('/images/icon_floating_onlineshop_deco_m.png?2');
		
			
		}
	}
	
	
	#floating_menu_backtotop{
		margin-top:-2px;
	}
	
	#floating_menu_backtotop >a {
		display:block;
		
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100% * 182 / 160);
		background-image: url('/images/icon_floating_backtotop.png?2');
		
	}
	@media(max-width:767px){
		#floating_menu_backtotop{
			width:50%;
			float:left;
		}
		#floating_menu_backtotop>a{
			position:relative;
			padding-bottom: calc(100% * 40 / 160);
			background-image: url('/images/icon_floating_backtotop_m.png?2');
			    background-size: auto 50%;
		}
		
		#floating_menu_backtotop>a::before{
			content:"";
			position:absolute;
			top:0px;
			left:0px;
			width:1px;
			height:100%;
			background-color:#DDD;
			
		}
		
		#floating_menu_backtotop>a::after {
			content: "";
			position: absolute;
			top: calc(50% - 18px);
			left: 10%;
			width: 32px;
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			padding-bottom: calc(32px);
			background-image: url(/images/icon_arrow_up.png);
			z-index: 2;
		}
		
		
	}
	
	
	#header_logo_w{
		padding: 0px 0px !important;
		width: auto;
		height: 35px;
		margin: 15px 15px 15px 0px;
		
	}
	
	@media(min-width:768px){
		
		
		#header_logo_w{
			height: 25px;
			margin: 16px 22px 20px 0px;
			
		}
	}
	
	
	#header_logo_w img{
		height:100%;
		
	}
	
	@media(max-width:767px){
		.header_overlay_m{
			z-index:-1;
			position:fixed;
			width:100%;
			height:100%;
			background-color:transparent;
			transition: background 300ms ease;
			
		}
		.header_overlay_m.active{
			z-index:3;
			
			background-color: rgba(0,0,0, 0.5);
			
		}
	}
	@media(min-width:768px){
		.header_overlay_m{
			display:none !important;
		}
		
	}
	
/*header*/


/*footer*/
	html, body{
		min-height: 100vh;
	}
	body{
		position:relative;
		/* justify-content: space-between; */
		/* display: flex; */
		/* flex-direction: column; */
		/* flex: 1; */
	}



	footer#footer{
		color: #FFF;
		background-color:#F09FC4;
		margin-top:60px;
		
	}
	@media(min-width:768px){

		footer#footer{
			margin-top:150px;
			
		}
		
	}
	@media(max-width:767px){
			footer#footer{
				padding-bottom: 80px;
			}
	}
	@media(min-width:768px){
		
		.footer_logo_container{
			padding-top:5px;
		}
	}
	.footer_logo_container img{
		
		height:50px;
		width:auto;
	}
	.footer_logo_container_m{
		margin-bottom:20px;
		text-align:center;
	}
	.footer_logo_container_m img {
		height: 30px;
	}
	
	.footer_copyright{
		text-align:right;
	}
	
	.footer_copyright a{
		color:#FFF;
		text-decoration:none;
	}
	@media(min-width:768px){
		.footer_copyright{
			padding-top:0px;
		}
	}
	@media(max-width:767px){
		.footer_copyright{
			text-align:center;
		}
	}
	
	
	@media(max-width:767px){
		.footer_menu{
			text-align:center;
		}
		
	}
	@media(min-width:768px){
		
		.footer_menu > div{	
			width:auto;
			float:left;
			position:relative;
		}
		@media(min-width:768px){
			.footer_menu > div::before{
				content:"";
				background-color:#FFF;
				position:absolute;
				top: 20%;
				left:0px;
				width:1px;
				height:60%;
				
			}
			
			
			.footer_menu > div>div:first-child a{
				padding-top:0px;
			}
			.footer_menu > div>div:last-child a{
				padding-bottom:0px;
			}
		}
	}
	.footer_menu a{
		padding:5px 10px;
		
		display: block;
		color:#FFF;
		text-decoration:none;
		line-height:20px;
	}
	@media(max-width:767px){
			
		.footer_menu a{
			padding:10px 10px;
			
		}
	}
	@media(min-width:768px){
		
		.footer_menu a{
			padding-left:15px;    
			padding-right: 20px;
		}
	}
	
	
	
	
	
	@media(min-width:768px){
		.footer_logo_container{
			float:left;
			width:220px;
		}
		.footer_menu{
			float:left;
			width: calc(100% - 220px);
			font-size:13px;
		}
		.footer_copyright{
			width:200px;
			float:right;
		}
	}
	
	
	#footer_image{
			
		margin-top: -100px;
		margin-bottom: 20px;
	}
	@media(min-width:768px){
			
		#footer_image{
			margin-top: -180px;
			margin-bottom: 40px;
				
			max-width:1000px;
		}
	}
	.monthly_star_item{
		display:block;
	}
	.monthly_star_item .arrow img {
		height: 30px;
	}
	
	.homepage_sns_slider a{
		display:block;
	}
	
	
	
	#footer_legal_line{
		height:16px;
	}
/*footer*/






/*sanrio*/
	.banner_slider_item{
		display:block;
		
	}
	@media(max-width:767px){
		/*
		.banner_slider_item{
			padding-left: 60px;
			padding-right:60px;
		}
		*/
	}
	
	@media(min-width:768px){
		/*
		.banner_slider_item{
			width:300px;
		}
			*/
		.slider_left_arrow{
			left: 10px;
		}
		.slider_right_arrow{
			right: 10px ;
		}
			
		
	}
	/*
	@media(min-width:992px){
		
		.banner_slider_item{
			width:350px;
		}
		.slider_left_arrow{
			left:calc( (100% - 350px - 100px - 100px ) / 2 + 25px);
		}
		.slider_right_arrow{
			right:calc( (100% - 350px - 100px - 100px ) / 2 + 25px);
		}
	}
	@media(min-width:1200px){
		
		.banner_slider_item{
			width:400px;
		}
		.slider_left_arrow{
			left:calc( (100% - 490px - 100px - 100px ) / 2 + 25px);
		}
		.slider_right_arrow{
			right:calc( (100% - 490px - 100px - 100px ) / 2 + 25px);
		}
	}
	@media(min-width:1400px){
		
		.banner_slider_item{
			width:450px;
		}
		.slider_left_arrow{
			left:calc( (100% - 450px - 100px - 100px ) / 2 + 25px);
		}
		.slider_right_arrow{
			right:calc( (100% - 450px - 100px - 100px ) / 2 + 25px);
		}
	}
	@media(min-width:1600px){
		
		.banner_slider_item{
			width:480px;
		}
			
		.slider_left_arrow{
			left:calc( (100% - 480px - 100px - 100px ) / 2 + 25px);
		}
		.slider_right_arrow{
			right:calc( (100% - 480px - 100px - 100px ) / 2 + 25px);
		}
	}
	*/
	.coop_item{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	@media(max-width:767px){
		
		.coop_item{
			width:240px;
		}
	}
	
	.homepage_sns_item{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100%);
		
		display:block;
		
	}
	@media(max-width:767px){
		
		
		.homepage_sns_item{
			margin-bottom:20px;
		}
	}
	@media(min-width:768px){
		
		.homepage_sns_container{
			margin-left:-8px;
			margin-right:-8px;
		}
		.homepage_sns_container>div{
			padding-left:8px;
			padding-right:8px;
		}
	}
	.sanriohk_item_container{
		margin-left:-10px;
		margin-right:-10px;
	}
	.sanriohk_item_container>div{
		padding-left:  10px;
		padding-right: 10px;
	}
	
	.sanriohk_item{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100% * 186 / 334);
		display:block;
	}
	a.sanriohk_item {
		display: block;
		margin-bottom: 20px;
	}
	
	@media(min-width:768px){
		
		#monthly_star_container{
		
			position: absolute;
			top: 0px;
			left: 33.333%;
			width: 33.3333%;
			height: 100%;
		}
	}
	
	
	#monthly_star_container .icon_star{
		height: 20px;
		vertical-align: middle;
		position: relative;
		top: -3px;
		margin: 0px 4px;
		
	}
	@media(max-width:767px){
		.monthly_star_info_item .icon_magnify{
			text-align:center;
		}
		.monthly_star_info_item .icon_magnify img{
			height:30px;
		}
	}
	
	
	.slider_left_arrow{
		position:absolute;
		top:calc(50% - 20px);
		/* left:calc( (100% - 800px) / 2 + 25px); */
		width: 40px;
		height:40px;
		
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url('/images/icon_arrow_left.png');
		
		z-index:2;
	}
	.slider_right_arrow{
		position:absolute;
		top:calc(50% - 20px);
		/* right:calc( (100% - 800px) / 2 + 25px); */
		width: 40px;
		height:40px;
		
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		background-image: url('/images/icon_arrow_right.png');
		z-index:2;
	}
	@media(max-width:767px){
		
		.slider_left_arrow{
			left:10px;
			top:calc(50% - 15px);
			width: 30px;
			height:30px;
			background-image: url('/images/icon_arrow_left_m.png');
		}
		.slider_right_arrow{
			right:10px;
			top:calc(50% - 15px);
			width: 30px;
			height:30px;
			background-image: url('/images/icon_arrow_right_m.png');
		}
	}
	#homepage_deco_container{
		
		width:800px;
		position:absolute;
		top:0px;
		left: calc(50% - 400px);
		height:100%;
		z-index:0;
		
		display:none;
	}
	
	.homepage_deco_1{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100px;
	}
	.homepage_deco_1>div{
		background-position: center bottom;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100% * 650 / 400);
		background-image: url('/images/banner_deco_1.png');
		
		
	}
	
	.homepage_deco_2{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100px;
	}
	.homepage_deco_2>div{
		background-position: center bottom;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100% * 650 / 400);
		background-image: url('/images/banner_deco_2.png');
		
		
	}

	@media(min-width:768px){
		.slider_right, 
		.slider_left{
			cursor:pointer;
			opacity:0.6;
			transition: all 300ms ease;
			transform: scale(0.85);
		}
		
		.slider_right:hover, 
		.slider_left:hover{
			opacity:1;
			
			transform: scale(1);
		}
	}

	.icon_inline{
		width: 20px;
		vertical-align: middle;
		position: relative;
		top: -3px;
	}


	.page_deco{
		position:absolute;
		
		width: 5%;
		
	}
	
	.page_deco>div{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100%);
	}
	
	#page_deco_1>div{background-image:url('/images/page_deco_1.png');}
	#page_deco_2>div{background-image:url('/images/page_deco_2.png');}
	#page_deco_3>div{background-image:url('/images/page_deco_3.png');}

	@media(max-width:1349px){
		#page_deco_1,
		#page_deco_2,
		#page_deco_3{
			display:none
		}
	}
	@media(min-width:1350px){
		
		#page_deco_1{
			top: 24%;
			left: calc(100% + 20px);
			width: 120px;
		}
		#page_deco_2{
			top: 8%;
			right: calc(100% + 20px);
			width: 120px;
		}
		#page_deco_3{
			top: 0%;
			left: calc(100% + 20px);
			width: 120px;
		}
	}
	
	#page_deco_1,
	#page_deco_2,
	#page_deco_3{
		display:none !important;
	}
	
	.section_header{
		background-color:#F09FC4;
		color:#FFF;
		padding:5px 20px;
		font-size: 18px;
		line-height: 25px;
		border-radius:5px;
	}
	
	@media(max-width:767px){
		.section_header{
			color:#F09FC4;
			background-color:#FFF;
			line-height:25px;
			
			text-align:center;
			position:relative;
			width: auto;
			padding:0px;
			padding-top:8px;
			padding-bottom:8px;
			margin-left:auto;
			margin-right:auto;
		}
		
		.section_header::after{
			
			content:"";
			position:absolute;
			top:100%;
			left:0px;
			width: 100%;
			height:1.5px;
			background-color:#F09FC4;
			
			
			
		}
	}
	
	.aboutus_kv_container{
		border-radius:5px;
		border: 2px solid #333;
		overflow:hidden;
	}
	
	
	.p_title{
		color:#F09FC4;
		font-size: 18px;
		line-height: 28px
	}
	
	hr{
		border-color:#FFCCCE;
		border-width: 2px;
	}
	
	hr.palepink{
		border-color:#ffeaeb;
	}
	
	.pinkbox_container{
		border: 2px solid #F09FC4;
		border-radius:8px;
		padding:20px 30px;
	}
	
	@media(max-width:767px){
		
		.pinkbox_container{
			padding:15px 20px;
		}
	}
	
	.breadcrumb_container{
		padding-top:15px;
		padding-bottom:15px;
		
		color:#F09FC4;
	}
	.breadcrumb_container span{
		margin-left:4px;
		margin-right:4px;
	}
	.breadcrumb_container a{
		
		color:#F09FC4;
	}
	
	
	
	
	.bg_pinkpatter{
		background-position: center;
		background-repeat: repeat;
		/* background-image: url('/images/bg_pink_pattern.png'); */
		background-color:#e9b4ce;
	}
	
	.bg_pinkpatter.top{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.bg_pinkpatter.bottom{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	
	
	.section_header_short{
		background-color:#F09FC4;
		color:#FFF;
		padding:5px 20px;
		font-size: 18px;
		line-height: 25px;
		border-radius:5px;
		display: inline-block;
	}
	
	
	#monthly_star_wrapper{
		color:#FFF;
	}
	#monthly_star_wrapper>a{
		color:#FFF;
		text-align:center;
		
		letter-spacing: 1px;
	}
	@media(min-width:768px){
		
		
		#monthly_star_wrapper{
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			
			background-image: url('/images/home_monthly_star_bg.png');
			
			
			font-size:20px;
			line-height:30px;
		}
		#monthly_star_wrapper>a{
			
			padding: 20px 0%;
		}
		#monthly_star_wrapper>a:nth-child(1){
			background-position: calc(100% - 6%);
			background-size: auto 25px;
			background-repeat: no-repeat;
			background-image: url('/images/icon_purpleleft_arrow.png');
			    padding-right: 3%;
		}
		#monthly_star_wrapper>a:nth-child(2){
			background-position: 6%;
			background-size: auto 25px;
			background-repeat: no-repeat;
			background-image: url('/images/icon_pinkright_arrow.png');
			    padding-left: 3%;
		}
	}
	
	@media(max-width:767px){
		
		#monthly_star_wrapper>a{
			padding: 10px 0px 10px 0px;
			margin-bottom:10px;
		}
		#monthly_star_wrapper>a:nth-child(1){
			background-color:#ded0e7;
			border-top-left-radius:5px;
			border-bottom-left-radius:5px;
		}
		#monthly_star_wrapper>a:nth-child(2){
			background-color:#f6c7dd;
			
			border-top-right-radius:5px;
			border-bottom-right-radius:5px;
		}
		
		
		#monthly_star_wrapper>a img{
			width:80%;
			max-width:120px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
		}
	
	}
	
	
	.monthly_star_title .icon_star{
		height: 20px;
		vertical-align: middle;
		position: relative;
		top: -3px;
		margin: 0px 4px;
		
	}
/*sanrio*/
	
/*about*/
	#monthly_star_header_container{
		background-position: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('/images/monthly_star_header_container.png');
		
		position:relative;
		
		height: 180px;
		
		
	}
	@media(max-width:767px){
		#monthly_star_header_container{
			height: 120px;
		}
		
	}
	#monthly_star_header_container::before{
		content: "";
		position: absolute;
		top: 30px;
		left: calc(50% - 20%);
		width: 40%;
		background-position: center;
		background-size: 100% ;
		background-repeat: no-repeat;
		padding-bottom: calc(40% * 90 / 800);
		background-image: url('/images/monthly_star_header_title.png');
		
	}
	
	.monthly_star_header_char.left{
		background-position: left top;
		background-size: auto 100%;
		background-repeat: no-repeat;
		
		text-align:right;
		
		padding-right:20px;
		padding-left: 20%;
		padding-top: calc(40% * 90 / 800 + 40px );
		
	}
	
	@media(max-width:767px){
			
		.monthly_star_header_char.left{
			padding-left: 15%;
			background-size: 40%;
			background-position: 0% center;
		}
		
		
		
	}
	
	.monthly_star_header_char.right{
		background-position: right top;
		background-size: auto 100%;
		background-repeat: no-repeat;
		
		
		padding-right: 20%;
		padding-left:20px;
		padding-top: calc(40% * 90 / 800 + 40px);
	}
	
	
	
	@media(max-width:767px){
			
		.monthly_star_header_char.right{
			padding-right: 15%;
			background-size: 40%;
			background-position: right center;
		}
		
		
		
	}
	
	
	.monthly_star_header_char,
	.monthly_star_header_char a{
		color:#FFF;
		font-size:16px;
		line-height:20px;
		
	}
	@media(max-width:767px){
		.monthly_star_header_char,
		.monthly_star_header_char a{

			font-size:12px;
			line-height:16px;
			
		}
		
	}
	
	.monthly_star_header_char .arrow_image{
		height:30px;
	}
	@media(max-width:767px){
		
		.monthly_star_header_char .arrow_image{
			height:20px;
		}
		
	}
	
/*about*/
/*form*/
	.withselect_select{
		float:left;
		width:80px;
	}
	.withselect_input{
		float:left;
		width:calc(100% - 80px);
		
	}
	.withselect_select select{
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
	}
	
	
	
	.form_item .form-control{
		outline:none;
		border:none;
		box-shadow:none
	}
	.form_item select.form-control{
		background-color:#F0F0F0;
		padding: 4px 15px;
	}
	
	.form_item input[type='text'].form-control{
		background-color:#F0F0F0;
		padding: 5px 15px;
	}
	
	.form_item{
		margin-bottom:5px;
	}
	
	.icon_offset{
		position:relative;
		top: -2px;
		width: 40px;
	}
	
	
	.form_item label{
		display: inline-block;
		margin-right:35px;
	}
	.form_item input[type='radio']{
		width: 18px;
		height: 18px;
		margin-right: 8px;
		position: relative;
		top: 4px;
	}
	
	.plain_input{
		border:none;
		border-bottom:1px solid #808080;
		padding:5px 10px;
		outline:none;
	}
	
	.form_item textarea{
		height:240px;
		background-color:#F0F0F0;
		padding: 10px 15px;
		outline:none;
		border:none;
		border-radius:5px;
		width:100%;
		max-width:100%;
		max-height:240px;
		display:block;
		color: #555;
	}
	
	.form_item textarea::placeholder,
	.form_item input::placeholder {
		color: #888;
		opacity: 1;
	}

	.form_item textarea:-ms-input-placeholder,
	.form_item input:-ms-input-placeholder{
		color: #888;
	}

	.form_item textarea::-ms-input-placeholder,
	.form_item input::-ms-input-placeholder {
		color: #888;
	}
	
	
	.select2-container .select2-selection--single{
		height:34px !important;
		background-color:#F0F0F0 !important;
		border: none !important;
	}
	
	.select2-container .select2-selection--single .select2-selection__rendered{
		line-height: 34px !important;
		font-size: 13px !important;
		padding-left: 16px !important;
		color: #888 !important;
	}  
	.select2-container--default .select2-selection--single .select2-selection__arrow{
		height:34px !important;
	}
	
	.select2-container--open .select2-dropdown {
		left: 0;
		border: 2px solid #F09FC4 !important;
		top: 3px;
		border-radius: 4px !important;
		padding: 5px;
	}
	
	.select2-results>.select2-results__options::-webkit-scrollbar {
	  width: 5px;
	  height: 5px;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-button {
	  width: 0px;
	  height: 0px;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	  background: #f09fc4;
	  border: 0px none #ffffff;
	  border-radius: 50px;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
	  background: #f09fc4;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-thumb:active {
	  background: #f09fc4;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-track {
	  background: #ffffff;
	  border: 0px none #ffffff;
	  border-radius: 50px;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-track:hover {
	  background: #ffffff;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-track:active {
	  background: #ffffff;
	}
	.select2-results>.select2-results__options::-webkit-scrollbar-corner {
	  background: transparent;
	}
	
	.select2-container{
		max-width: 100%;
		width: 100% !important;
	}
	
	.withselect_select .select2-container--default .select2-selection--single{
		border-top-right-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
	}
	.withselect_input .form-control{
		border-top-left-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
	}
	
	.contact_item{
		margin-bottom:20px;
	}
	.contact_item:last-child{
		margin-bottom:0px;
	}
	.contact_item .icon{
		float:left;
		width:40px;
	}
	.contact_item .content{
		float:left;
		width: calc(100% - 40px);
		padding-left:10px;
		line-height:40px;
	}
	
	
/*form*/


 



	
/*joinus*/

	.joinus_item{
		
		border: 2px solid #F09FC4;
		border-radius:8px;
		margin-bottom: 20px;
		overflow:hidden;
	}
	
	.joinus_item .title{
		
		 display: flex;

	  justify-content: center;

	  align-items: center;
		
		
		padding:7.5px 10px;
		line-height:25px;
		height: 90px;
		font-size:20px;
		color:#FFF;
		border-bottom: 1px solid #f09fc4;
		background-color:#E3A3C2;
		text-align:center;
		
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.joinus_item .content{
		
		padding: 15px 15px;
		
	}

	.joinus_item .jobdesc{
		display: -webkit-box;
		line-height: 20px;
		height: 60px;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align:center;
		padding: 0px 15px;
		
	}
	.joinus_item .job_detail_btn{
		height:30px;
		display:block;
	}


	.joinus_item_wrapper:nth-child(4n+1) > .joinus_item .title{background-color:#E3A3C2;}
	.joinus_item_wrapper:nth-child(4n+2) > .joinus_item .title{background-color:#FFD777;}
	.joinus_item_wrapper:nth-child(4n+3) > .joinus_item .title{background-color:#ADDCF6;}
	.joinus_item_wrapper:nth-child(4n+4) > .joinus_item .title{background-color:#C6DB97;}

	.jobdesc_listing{
		padding-left:20px;
		list-style: none;
	}


	.jobdesc_listing li{
		position:relative;
	}
	.jobdesc_listing li::before{
			content: "";
			position: absolute;
			width:  6px;
			height: 6px;
			background-color: #E3A3C2;
			top: 7px;
			left: -18px;
			border-radius:50%;
		}


	#joinus_jobtitle{
		position:relative;
	}
	#joinus_jobtitle::before{
		content: "";
		position: absolute;
		bottom: -20px;
		left: 5px;
		width: 25%;
		background-position: bottom;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(25% * 320 / 536);
		background-image: url(/images/joinus_deco_1.png);
	}
	
	#joinus_jobtitle::after{
		content: "";
		position: absolute;
		bottom: -20px;
		right: 5px;
		width: 25%;
		background-position: bottom;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(25% * 320 / 516);
		background-image: url(/images/joinus_deco_2.png);
	}
	
	@media(max-width:767px){
		
		#joinus_jobtitle{
			padding-left: 90px;
			padding-right:90px;
		}
			
		#joinus_jobtitle::before{
			bottom: -10px;
			left: 2px;
			width: 88px;
			padding-bottom: calc(88px * 350 / 560);
		}
		
		
			
		#joinus_jobtitle::after{
			bottom: -10px;
			right: 2px;
			width: 88px;
			padding-bottom: calc(88px * 350 / 560);
		}
		
		
	}
	
	.nojobopening_text{
		
		position: absolute;
		top: 32%;
		left: 19%;
		width: 65%;
		height: 40%;
		
	}
	.nojobopening_text >div{
		
		display: flex;
		justify-content: center;
		align-items: center;
		height:100%;
		width:100%;
		
		
		font-size: 28px;
		line-height: 36px;
		
	}
	
	@media(max-width:767px){
		.nojobopening_text >div{
			
			font-size: 20px;
			line-height: 24px;
			
		}
		
	}
	@media(max-width:399px){
		.nojobopening_text >div{
			
			font-size: 18px;
			line-height: 22px;
			
		}
		
	}
/*joinus*/


/*sanrio ranking 2022*/
	
	.scr2022_item{
		position:absolute;
		display: block;
	}
	.scr2022_item>div{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100%);
	}
	@media(min-width:768px){
		
		.scr2022_item{
			width:40%;
		}
		
		#scr2022_hk_1{		top:20%; left: 2%;}		#scr2022_hk_1>div{background-image:url('/images/scr2022_hk_1.png');}
		#scr2022_hk_2{		top:43%; left:10%;}		#scr2022_hk_2>div{background-image:url('/images/scr2022_hk_2.png');}
		#scr2022_hk_3{		top:66%; left: 2%;}		#scr2022_hk_3>div{background-image:url('/images/scr2022_hk_3.png');}
		#scr2022_global_1{	top:21%; left: 56%;}	#scr2022_global_1>div{background-image:url('/images/scr2022_global_1.png');}
		#scr2022_global_2{	top:42%; left: 57%;}	#scr2022_global_2>div{background-image:url('/images/scr2022_global_2.png');}
		#scr2022_global_3{	top:66%; left: 56%;}	#scr2022_global_3>div{background-image:url('/images/scr2022_global_3.png');}
	}
	
	@media(max-width:767px){
		
		.scr2022_item{
			width:58%;
		}
		
		#scr2022_hk_1{		top:12%; left: 1%;}		#scr2022_hk_1>div{background-image:url('/images/scr2022_hk_1.png');}
		#scr2022_hk_2{		top:17%; left: 47%;}	#scr2022_hk_2>div{background-image:url('/images/scr2022_hk_2.png');}
		#scr2022_hk_3{		top:31%; left: 10%;}	#scr2022_hk_3>div{background-image:url('/images/scr2022_hk_3.png');}
		#scr2022_global_1{	top:58%; left: 45%;}	#scr2022_global_1>div{background-image:url('/images/scr2022_global_1.png');}
		#scr2022_global_2{	top:61%; left: 0%;}		#scr2022_global_2>div{background-image:url('/images/scr2022_global_2.png');}
		#scr2022_global_3{	top:76%; left: 40%;}	#scr2022_global_3>div{background-image:url('/images/scr2022_global_3.png');}
	}

/*sanrio ranking 2022*/


/*characters*/

	.character_options_container{
		background-color:#F0F0F0;
		border-radius:8px;
		padding:15px 25px 20px 25px; 
	}
	@media(max-width:767px){
		
		.character_options_container{
			padding:15px 15px;
		}
	}
	.character_option_item{
		display:inline-block;
		margin-right:15px;
		width:60px;
		cursor:pointer;
		transition: all 300ms ease;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none; 	
		 -khtml-user-select: none; 	
		   -moz-user-select: none; 	
			-ms-user-select: none; 	
				user-select: none; 	
									
		
	}
	@media(max-width:767px){
		.character_options_list{
			margin-left: -5px;
			margin-right: -5px;
		}
		.character_option_item{
			display:block;
			float:left;
			margin-right:0px;
			width: 20%;
			padding:5px;
		}
	}
	@media(min-width:768px){
		.character_option_item{
			margin-bottom: 10px;
		}
		.character_option_item:hover{
				/* transform: translateY(-5px); */
		}
	}
	
	.character_option_item.selected{
		transform: translateY(-5px);
	}
	.character_option_item>div{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom:100%;
		transition: all 300ms ease;
	}
	
	#character_option_dogs>		div{background-image: url('/images/icon_option_dogs.png');}
	#character_option_rabbits>	div{background-image: url('/images/icon_option_rabbits.png');}
	#character_option_bear>	div{background-image: url('/images/icon_option_bear.png');}
	#character_option_birds>	div{background-image: url('/images/icon_option_birds.png');}
	#character_option_cat>		div{background-image: url('/images/icon_option_cat.png');}
	#character_option_food>		div{background-image: url('/images/icon_option_food.png');}
	#character_option_people>	div{background-image: url('/images/icon_option_people.png');}
	#character_option_ribbon>	div{background-image: url('/images/icon_option_ribbon.png');}
	#character_option_mysterious>	div{background-image: url('/images/icon_option_mysterious.png');}
	#character_option_unspecified>	div{background-image: url('/images/icon_option_unspecified.png');}
	
	
	.selected#character_option_dogs>		div{background-image: url('/images/icon_option_dogs_selected.png');}
	.selected#character_option_rabbits>	div{background-image: url('/images/icon_option_rabbits_selected.png');}
	.selected#character_option_bear>	div{background-image: url('/images/icon_option_bear_selected.png');}
	.selected#character_option_birds>	div{background-image: url('/images/icon_option_birds_selected.png');}
	.selected#character_option_cat>		div{background-image: url('/images/icon_option_cat_selected.png');}
	.selected#character_option_food>		div{background-image: url('/images/icon_option_food_selected.png');}
	.selected#character_option_people>	div{background-image: url('/images/icon_option_people_selected.png');}
	.selected#character_option_ribbon>	div{background-image: url('/images/icon_option_ribbon_selected.png');}
	.selected#character_option_mysterious>	div{background-image: url('/images/icon_option_mysterious_selected.png');}
	.selected#character_option_unspecified>	div{background-image: url('/images/icon_option_unspecified_selected.png');}
	
	.disabled#character_option_dogs>		div{background-image: url('/images/icon_option_dogs_disabled.png');}
	.disabled#character_option_rabbits>	div{background-image: url('/images/icon_option_rabbits_disabled.png');}
	.disabled#character_option_bear>	div{background-image: url('/images/icon_option_bear_disabled.png');}
	.disabled#character_option_birds>	div{background-image: url('/images/icon_option_birds_disabled.png');}
	.disabled#character_option_cat>		div{background-image: url('/images/icon_option_cat_disabled.png');}
	.disabled#character_option_food>		div{background-image: url('/images/icon_option_food_disabled.png');}
	.disabled#character_option_people>	div{background-image: url('/images/icon_option_people_disabled.png');}
	.disabled#character_option_ribbon>	div{background-image: url('/images/icon_option_ribbon_disabled.png');}
	.disabled#character_option_mysterious>	div{background-image: url('/images/icon_option_mysterious_disabled.png');}
	.disabled#character_option_unspecified>	div{background-image: url('/images/icon_option_unspecified_disabled.png');}
	
	.character_option_yob_item{
		display:inline-block;
		cursor:pointer;
		transition: all 300ms ease;
		margin-right:15px;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none; 	
		 -khtml-user-select: none; 	
		   -moz-user-select: none; 	
			-ms-user-select: none; 	
				user-select: none; 	
	}
	
	.character_option_yob_item>div{
		
		background-color:#FFF;
		padding:10px 15px;
		border-radius:10px;
		text-align:center;
		color:#808080;
		
		transition: all 300ms ease;
	}
	
	@media(max-width:767px){
		.character_option_yob_list{
			margin-left: -5px;
			margin-right: -5px;
		}
		.character_option_yob_item{
			display:block;
			float:left;
			margin-right:0px;
			width: 33.333%;
			padding:5px;
		}
	}
	@media(min-width:768px){
		
		.character_option_yob_item:hover{
				/* transform: translateY(-5px); */

		}
	}
	
	.character_option_yob_item.selected{
		transform: translateY(-5px);
	}
	.character_option_yob_item.selected>div{
		color: #FFF;
		background-color: #f9cfe3;
	}
	.character_option_yob_item.disabled>div{
		color: #FFF;
		background-color: #e4e4e4;
	}
	@media(min-width:768px){
		
	}
	#characters_container{
		margin-left: -10px;
		margin-right: -10px;
	}
	.character_item{
		padding-left:10px;
		padding-right:10px;
		transition: all 300ms ease;
		display:block;
		opacity:0;    margin-bottom: 10px;
	}
	.character_item>div{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100%);
		
	}
	@media(min-width:768px){
		
		.character_item:hover{
			transform: translateY(-5px);
		}
	}
		
		
	#characters_container_loading>div{
		height:200px;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	
	#characters_noresult_container>div{
		height:200px;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}	
		
		
	.character_list_paging_item{
		width: 28px;
		height:28px;
		line-height:28px;
		font-weight:bold;
		text-align:center;
		display:inline-block;
		margin-left:5px;
		color:#F09FC4;
		cursor: pointer;
		border-radius:5px;
	}	
	.character_list_paging_item.selected,
	.character_list_paging_item:hover{
		background-color:#ffdcec;
		
	}	
	.character_list_paging_item.left_icon,
	.character_list_paging_item.right_icon{
		
		background-color:#F09FC4;
		color:#ffffff;
	}
	.character_list_paging_item.left_icon:hover,
	.character_list_paging_item.right_icon:hover{
		
		background-color:#ffb8d8;
		color:#ffffff;
	}
	
	
	
	div#reset_character_option_type {
		position: relative;
		top: -32.5px;
		left: -8px;
		padding: 10px 12.5px;
		cursor: pointer;
		border-radius: 10px;
	}
	@media(max-width:767px){
		
		div#reset_character_option_type {
			top: 0px;
			left: 0px;
		}
	}
	div#reset_character_option_type:hover{
		background-color:#FAFAFA;
	}
	
	div#reset_character_option_year {
		position: relative;
		left: -8px;
		padding: 10px 12.5px;
		cursor: pointer;
		border-radius: 10px;
	}
	
	@media(max-width:767px){
		
		div#reset_character_option_year {
			top: 0px;
			left: 0px;
		}
	}
	div#reset_character_option_year:hover{
		background-color:#FAFAFA;
	}
	
/*characters*/
/*character detail*/
	.character_info_container{
		position: relative;
	}
	
	
	@media(min-width:768px){
		
		.character_info_container{
			min-height: 240px;
		}
		.character_info_container::before{
			
			content:"";
			position:absolute;
			top:0px;
			left:-1px;
			width:2px;
			height:100%;
			
			background-color:#F09FC4;
		}
	}
	@media(min-width:768px){
		
		.char_info_item{
			
			/* width:50%; */
			/* float:left; */
			margin-bottom:15px;
		}
	}
	@media(max-width:767px){
		
		.char_info_item{
			
			/* width:100%; */
			margin-bottom:10px;
		}
	}
	
	
	#related_characters_container{
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#character_title{
		font-size:28px;
		line-height:30px;
	}
	
	.char_info_item .field_label{
		width: 100px;
		float:left;
	}
	.char_info_item .content{
		width: calc(100% - 100px);
		padding-left:10px;
		float:left;
	}
	
	
	.VISIBLE-XS{
		display:none;
	}
	@media(max-width:767px){
		
		.VISIBLE-XS{
			display:block;
		}
	}
	
/*character detail*/

/*store*/
	.store_area_container{
		background-color:#F0F0F0;
		border-radius:8px;
		padding:15px 25px 20px 25px; 
	}
	@media(max-width:767px){
		
		.store_area_container{
			padding:15px 15px;
		}
	}
	
	
	
	.store_area_item{
		display:inline-block;
		cursor:pointer;
		transition: all 300ms ease;
		margin-right:15px;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none; 	
		 -khtml-user-select: none; 	
		   -moz-user-select: none; 	
			-ms-user-select: none; 	
				user-select: none; 	
	}
	
	.store_area_item>div{
		
		background-color:#FFF;
		padding:10px 15px;
		border-radius:10px;
		text-align:center;
		color:#808080;
		
		transition: all 300ms ease;
	}
	
	@media(max-width:767px){
		.store_area_list{
			margin-left: -5px;
			margin-right: -5px;
		}
		.store_area_item{
			display:block;
			float:left;
			margin-right:0px;
			width: 33.333%;
			padding:5px;
		}
	}
	@media(min-width:768px){
		
		.store_area_item:hover{
				/* transform: translateY(-5px); */

		}
	}
	
	.store_area_item.selected{
		transform: translateY(-5px);
	}
	.store_area_item.selected>div{
		color: #FFF;
		background-color: #f9cfe3;
	}
	
	
	.store_list_item{
		margin-bottom:15px;
		cursor:pointer;
	}
	
	.store_list_item:hover{
		opacity:.9;
	}
	
	@media(min-width:768px){
		
		#store_list_container{
			margin-left:-15px;
			margin-right: -15px;
		}
		
		.store_list_item{
			padding-left:7.5px;
			padding-right:7.5px;
		}
	}
	
	
	.store_list_item>div{
		padding:10px;
		border: 2px solid #F09FC4;
		border-radius: 8px;
	}
	.store_list_item .number{
		float:left;
		width:30px;
	}
	
	.store_item_number{
		width:      24px;
		height:     24px;
		line-height:24px;
		text-align:center;
		color:#fff;
		background-color:#F09FC4;
		border-radius:50%;
		
	}
	
	.store_list_item .content{
		float:left;
		width:calc(100% - 30px);
		padding-left:5px;
		height:60px;
	}
	
	.store_list_item .title{
		line-height:22px;
		color:#F09FC4;
		
	}
	.map_wrapper{
		height:320px
	}
	@media(min-width:768px){
		.map_wrapper{
			height:500px;
		}
	}
	.map_wrapper #map{width:100%;height:100%}
	
	.markerTextBox{
		padding:5px 8px 8px 8px;
		background-color:#FFF;
	}
	.markerTextBox .title{
		
		font-size: 14px;
		color:#F09FC4;
		font-weight:bold;
		line-height:30px;
	}
	.markerTextBox .address{
		font-size: 14px;
		line-height:30px;
	}
	.markerTextBox .zoomHere{
		cursor:pointer;
	}
	
	.markerTextBox .zoomHere{	
		
		font-size: 14px;
		line-height:20px;
		color:#F09FC4;
		text-decoration:underline;
		letter-spacing:1px;
		cursor:pointer;
	}
	
	
	
/*store*/


 


/*lang*/
	.lang_item{
		padding:20px 10px;
		display:inline-block;
		color: #FFF;
		position:relative;
		cursor:pointer;
		transition: all 300ms ease;    
		line-height: 25px;
	}
	@media(max-width:767px){
		.lang_item{
			padding:10px 25px;
			line-height:25px;
			
		}
		
	}
	.lang_item:not(.active):hover{
		opacity:0.8;
	}
	.active.lang_item{
		cursor:auto;
	}
	.active.lang_item::before{
		content:"";
		position:absolute;
		top: calc(50% - 5px);
		left:-2px;
		width: 10px;
		height:10px;
		
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		
		background-image: url('/images/icon_lang_selected.png');
		
		
	}
	
	@media(max-width:767px){
		.active.lang_item::before{
			left:10px;
			
		}
		
	}
	
	
	
	#lang_switch_container{
		vertical-align: top;
		height: 60px;
		color: #FFF;
		
	}
	
	@media(max-width:767px){
		#lang_switch_container{
			display: block !important;
		}
	}
	
/*lang*/

/*extended container*/
	/*

	#header_container .container{
		max-width:1370px;
	}
	@media(min-width:1400px){
		.container{
			width: 1370px;
		}
	}
	*/
/*extended container*/




@media(max-width:767px){
	
	#homepage_coop_jpsite_container{
		max-width:240px;
		
	}
}
@media(min-width:768px){
	
	.collab_item .desc{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 75px;
		line-height:25px;
	}

}