@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{font-size:62.5%;}
body{
	font-family:Arial,Helvetica,Verdana,"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:1.6rem;
	color:#000;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	max-width:100%;
	min-width:320px;
	text-align:left;
	font-feature-settings:"palt";
	overflow-x:hidden;
}
body.lang-zh-hant{font-family:Arial,Helvetica,Verdana,'Microsoft JhengHei','微軟正黑體','PMingLiU','SimSun','SimHei','PingHei',sans-serif;}
body.lang-cn{font-family:Arial,Helvetica,Verdana,'Microsoft YaHei','微软雅黑','SimSun','SimHei','PingHei',sans-serif;}
body.lang-th{font-family:'Thahoma',Arial,Helvetica,Verdana,sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,li{list-style:none;list-style-image:url(/lalaport/msp-info/common/img/dummy.png);}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{color:#000;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;}
a:hover{color:#d1282e;}
a img{transition:.3s ease;}
a:hover img{opacity:0.7;}
.clearfix:after{content:"";clear:both;display:block;}
p + p{margin-top:10px;}

#wrapper{opacity:0;}
body.preload *{transition:none!important;}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header.preload *{transition:none!important;}
header{width:220px;height:100%;position:fixed;top:0;left:0;z-index:500;border-right:1px dotted #d1282e;background:#f4f2e9;}
header .logo{text-align:center;padding:20px;background:#fff;}
header .logo .logo-horizontal{display:none;}
header .logo .select-language{margin-top:15px;position:relative;}
header .logo .select-language .select-language-btn{display:flex;align-items:center;justify-content:center;width:100%;background:#d1282e;color:#fff;font-size:1.3rem;border-radius:20px;padding:2px;transition:.2s;cursor:pointer;height:23px;position:relative;z-index:11;}
header .logo .select-language .select-language-btn span{padding-right:4px;}
header .logo .select-language .select-language-btn::before{content:"";display:inline-block;width:13px;height:13px;background:url(/lalaport/msp-info/common/img/icon_language.png) no-repeat;background-size:100% auto;vertical-align:middle;margin-right:6px;}
header .logo .select-language .select-language-btn:hover{background:#333;}
header .logo .select-language .select-language-list{position:absolute;left:100%;top:-20px;background:#fff;width:auto;font-size:1.3rem;z-index:10;border:2px solid #d1282e;padding:5px 10px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transform:scale(0,1);transform-origin:left top;opacity:0;transition:.2s;}
header .logo .select-language .select-language-list::before{ content:"";position:absolute;top:33px;left:-16px;margin-top:-12px;border:8px solid transparent;border-right:8px solid #fff;z-index:2;}
header .logo .select-language .select-language-list::after{content:"";position:absolute;top:34px;left:-20px;margin-top:-14px;border:9px solid transparent;border-right:10px solid #d1282e;z-index:1;}
header .logo .select-language .select-language-list > li{border-bottom:1px dotted #d1282e;text-align:left;white-space:nowrap;}
header .logo .select-language .select-language-list > li:last-child{border-bottom:0;}
header .logo .select-language .select-language-list > li a{display:block;padding:4px 15px;}
header .logo .select-language .select-language-list > li.current a{font-weight:bold;pointer-events:none;cursor:text;color:#d1282e;}
header .logo .select-language.active .select-language-list{transform:scale(1,1);opacity:1;margin-left:15px;}
header .logo .txt{font-size:1.2rem;text-align:left;margin-top:15px;}

header .gnav-inner{width:100%;max-height:100%;overflow-y:auto;}
header .gnav-inner::-webkit-scrollbar{width:4px;}
header .gnav-inner::-webkit-scrollbar-track{background:#f4f2e9;border-radius:10px;}
header .gnav-inner::-webkit-scrollbar-thumb{background:#d1282e;border-radius:10px;}
header .gnav-list > li{border-bottom:1px dotted #d1282e;}
header .gnav-list > li:first-child{border-top:1px dotted #d1282e;}
header .gnav-list > li a{display:block;padding:10px 10px 10px 25px;font-weight:bold;transition:.3s;position:relative;}
header .gnav-list > li a::before{content:"";display:block;width:10px;height:3px;background:#d1282e;position:absolute;left:0;top:50%;margin-top:-2px;transition:.3s ease;}
header .gnav-list > li a:hover::before{left:-5px;}
body.lang-th header .gnav-list > li a{font-size:1.5rem;}
header .gnav-list > li.current a{font-weight:bold;color:#d1282e;}
header .sns-list{display:flex;padding:10px 20px;}
header .sns-list > *{margin-right:10px;height:22px;}
header .sns-list > * img{width:auto;max-height:100%;}
header .banner-list{padding:0 20px 10px;text-align:center;}
header .banner-list > *{background:#fff;width:100%;display:block;border:1px solid #d6d6d6;border-radius:3px;padding:3px 5px;}
header .banner-list > * + *{margin-top:2px;}
header .banner-list img{width:auto;height:28px;}
header .copyright{width:100%;height:89px;position:absolute;bottom:0;left:0;background:#fff;border-top:4px solid #d1282e;font-size:1rem;color:#787878;text-align:center;background:#fff;padding:10px;line-height:1.4;}
header .copyright img{margin-bottom:7px;}
header #sp-btn{display:none;}

header .call-center{padding:10px 20px;}
header .call-center .btn-link{display:block;padding:5px 15px;background:#d1282e;color:#fff;text-align:left;font-size:1.4rem;font-weight:500;border-radius:50px;transition:.3s;max-width:220px;margin:auto;}
header .call-center .btn-link:hover{background:#333;}
header .call-center .btn-callcenter::before{content:"";display:inline-block;width:14px;height:19px;background:url(/lalaport/msp-info/common/img/icon_callcenter.png) no-repeat;background-size:100% auto;vertical-align:middle;margin-right:7px;margin-left:3px;}
header .call-center .btn-emergency{margin-top:5px;border:2px solid #ebbb28;background:#333;position:relative;}
header .call-center .btn-emergency::before{content:"";display:inline-block;width:18px;height:16px;background:url(/lalaport/msp-info/common/img/icon_emergency.png) no-repeat;background-size:100% auto;vertical-align:-3px;margin-right:5px;}
header .call-center .btn-emergency:hover{background:#111;}
header .call-center .btn-emergency .pop{display:none;opacity:0;position:absolute;width:150px;height:auto;padding:10px 15px;background:rgba(0,0,0,0.8);font-size:1.3rem;top:0;left:50%;transform:translate(-50%,calc(-100% - 12px));line-height:1.4;}
header .call-center .btn-emergency .pop::before{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:rgba(0,0,0,0.8) transparent transparent transparent;position:absolute;bottom:-10px;left:50%;margin-left:-10px;}
header .call-center .btn-emergency:hover .pop{display:block;animation:btnEmergency .2s ease forwards;}
header .call-center #modal-call-center{display:none;}
@keyframes btnEmergency{0%{opacity:0;top:10px;}100%{opacity:1;top:0;}}
body.lang-th header .call-center .btn-link{padding:5px 10px;}
body.lang-th header .call-center .btn-callcenter{white-space:nowrap;}
body.lang-th header .call-center .btn-callcenter::before{margin-right:5px;}

.modal-call-wrap{display:flex;align-items:center;}
.modal-call-wrap .modal-call-img{padding:20px 0;width:200px;}
.modal-call-wrap .modal-call-inner{flex:1;}
.modal-call-wrap .modal-call-ttl{font-size:1.8rem;color:#d1282e;font-weight:bold;margin-bottom:5px;}
.modal-call-wrap a{cursor:default;color:#000;}
.modal-call-wrap .tel-link{display:block;font-weight:bold;font-size:2.8rem;color:#d1282e;cursor:default;}
.modal-call-wrap .tel-link02{white-space:nowrap;}

body.header-low header .logo{padding:15px 20px;}
body.header-low header .logo img{width:128px;}
body.header-low header .logo .txt{line-height:1.4;}
body.header-low header .gnav-list > li a{padding-top:7px;padding-bottom:7px;}
body.header-low header .copyright{font-size:1rem;line-height:1.2;height:82px;}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{padding:90px 0;background:#333;color:#fff;border-top:5px solid #d1282e;}
footer .footer-inner{display:flex;}
footer .footer-block{flex:auto;}
footer .footer-block + .footer-block{margin-left:40px;}
footer .ttl{font-weight:bold;margin-bottom:10px;}
footer .ttl a{color:#fff;}
footer ul > li > a{font-size:1.2rem;color:#c0c0c0;line-height:1.1;transition:.3s;}
footer ul + .ttl{margin-top:30px;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
/* layout */
#contents{padding-left:220px;}
.container{max-width:1200px;padding:0 40px;margin:auto;position:relative;}
section > .container,.section > .container{padding:100px 40px;}

/* common */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}
.nowrap{white-space:nowrap!important;}
.d-inline-block{display:inline-block!important;}

.d-flex{display:flex!important;width:100%;}
.d-flex > *{flex:1;min-height:1px;}
.d-flex-2{display:flex!important;flex-wrap:wrap;margin-bottom:-1.784%!important;}
.d-flex-2 > *{width:49.108%;margin-right:1.784%;margin-bottom:1.784%;min-height:1px;display:block;}
.d-flex-2 > *:nth-child(even){margin-right:0!important;}
.d-flex-2 .d-flex-2 > *{width:48.184%;margin-right:3.632%;margin-bottom:3.632%;}

.d-flex-3{display:flex!important;flex-wrap:wrap;margin-bottom:-1.784%!important;}
.d-flex-3 > *{width:32.144%;margin-right:1.784%;margin-bottom:1.784%;min-height:1px;}
.d-flex-3 > *:nth-child(3n){margin-right:0;}

.d-flex-4{display:flex!important;flex-wrap:wrap;margin-bottom:-1.785%!important;}
.d-flex-4 > *{width:23.661%;margin-right:1.785%;margin-bottom:1.785%;min-height:1px;display:block;}
.d-flex-4 > *:nth-child(4n){margin-right:0;}

.no-pc{display:none!important;}

/* margin */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}

/* padding */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}

.copyright-sanrio{line-height:1.2;opacity:0.5;}

/* bg */
.common-bg01{background:#f4f2e9;}

/* border */
.common-border-b{border-bottom:1px dotted #d1282e;}
.common-border02-b{border-bottom:2px solid #d1282e;}

/* ttl */
.common-ttl01{font-size:4rem;font-weight:bold;position:relative;padding-left:32px;margin-bottom:25px;line-height:1.1;}
.common-ttl01::before{content:"";display:block;width:20px;height:5px;background:#d1282e;position:absolute;top:20px;left:0;}
.common-ttl02{font-size:7rem;font-weight:bold;color:#d1282e;line-height:1.1;margin-bottom:25px;}
.common-ttl03{font-size:4rem;font-weight:bold;color:#d1282e;line-height:1.2;margin-bottom:50px;}
.common-ttl04{font-size:4rem;font-weight:bold;border-left:8px solid #d1282e;border-bottom:1px dotted #d1282e;padding:10px 20px;line-height:1.1;margin-bottom:30px;}

/* btn */
.common-btn01{font-weight:bold;font-size:1.8rem;color:#d1282e;position:relative;padding-right:28px;}
.common-btn01 span{position:relative;z-index:2;}
.common-btn01::after{content:"";display:block;width:18px;height:18px;background:url(/lalaport/msp-info/common/img/icon_arrow02.png) no-repeat;background-size:100% auto;position:absolute;right:0;top:50%;margin-top:-9px;z-index:2;}
.common-btn01::before{content:"";display:block;width:0;height:2px;background:#d1282e;position:absolute;right:0;bottom:-2px;z-index:1;transition:.3s ease;}
.common-btn01:hover::before{width:100%;left:0;}
.common-btn01.external::after{width:21px;height:19px;background-image:url(/lalaport/msp-info/common/img/icon_external02.png);margin-top:-11px;}
.common-btn02{display:inline-block;background:#d1282e;color:#fff;font-size:2.4rem;font-weight:bold;position:relative;min-width:280px;line-height:1.2;padding:14px 60px 14px 50px;border-radius:30px;transition:.3s ease;}
.common-btn02::after{content:"";display:block;width:18px;height:18px;background:url(/lalaport/msp-info/common/img/icon_arrow03.png) no-repeat;background-size:100% auto;position:absolute;right:20px;top:50%;margin-top:-9px;}
.common-btn02.external::after{background-image:url(/lalaport/msp-info/common/img/icon_external.png);}
.common-btn02.internal::after{transform:rotate(90deg);}
.common-btn02.pdf::after{width:14px;height:18px;background-image:url(/lalaport/msp-info/common/img/icon_pdf.png);}
.common-btn02:hover{background:#333;color:#fff;}
.common-btn02.small{font-size:1.4rem;min-width:0;padding:8px 55px 8px 40px;}

/* card */
.common-card01{display:block;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.25);}
.common-card01 .logo{min-width:130px;padding:2px;position:absolute;right:10px;top:10px;background:#fff;border-radius:3px;margin:0;text-align:center;z-index:3;max-width:60%;overflow:hidden;transition:.3s;}
.common-card01 .logo img{vertical-align:middle;width:auto;height:26px;opacity:1!important;margin:auto;}
.common-card01 .logo:hover{opacity:0.8!important;}
.common-card01 .img{margin:0;overflow:hidden;}
.common-card01 .img img{width:100%;}
.common-card01 .inner{position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);color:#fff;padding:25px 20px;width:100%;transition:.3s ease;}
.common-card01 .ttl{font-weight:bold;font-size:2.2rem;margin:0;line-height:1.2;}
.common-card01 .txt{line-height:1.6;margin-top:10px;}
.common-card01.pickup > a::before{content:"PICK\aUP";white-space:pre;display:block;line-height:1.1;font-weight:bold;font-size:1.8rem;color:#fff;position:absolute;left:15px;top:15px;z-index:5;}
.common-card01.pickup > a::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:100px 100px 0 0;border-color:#d1282e transparent transparent transparent;position:absolute;top:0;left:0;z-index:4;}
body.lang-zh-hant .common-card01.pickup > a::before{content:"焦點\a設施";top:12px;left:12px;}
body.lang-cn .common-card01.pickup > a::before{content:"推荐";top:18px;}
body.lang-th .common-card01.pickup > a::before{content:"คลิกเลย";font-size:1.5rem;top:18px;left:10px;}
body.lang-id .common-card01.pickup > a::before{content:"High\alight";font-size:1.5rem;top:12px;left:12px;}
.common-card01.small .inner{padding:14px 20px 12px;}
.common-card01.small .ttl{font-size:1.8rem;line-height:1.4;}
.common-card01 > a:hover .inner{bottom:-10px;}
.common-card01 > a:hover .img img{transform:scale(1.06);}

.common-card02{display:flex;flex-direction:column;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.25);background:#fff;height:100%;}
.common-card02 .img{margin:0;overflow:hidden;width:100%;min-height:1px;}
.common-card02 .img img{width:100%;}
.common-card02 .inner{background:#fff;color:#d1282e;padding:20px 20px 15px;width:100%;transition:.3s ease;position:relative;flex:auto;display:flex;align-items:center;min-height:1px;}
.common-card02 .inner::before{content:"";display:block;width:0;height:100%;position:absolute;left:0;top:0;background:#d1282e;transition:.3s ease;z-index:0;}
.common-card02 .ttl{display:flex;align-items:center;font-weight:bold;font-size:2.2rem;margin:0;line-height:1.2;position:relative;width:100%;padding-right:30px;z-index:2;}
.common-card02 .ttl::after{content:"";display:block;width:18px;height:18px;background:url(/lalaport/msp-info/common/img/icon_arrow02.png) no-repeat;background-size:100% auto;position:absolute;right:0;top:50%;margin-top:-9px;transition:.3s ease;z-index:3;}
.common-card02.small .inner{padding:10px 20px;}
.common-card02.small .ttl{font-size:1.8rem;line-height:1.4;}
.common-card02.img-left{flex-direction:row;}
.common-card02.img-left .inner{padding:15px 15px 15px 20px;flex:1;display:flex;align-items:center;}
.common-card02.img-left .ttl{font-size:1.6rem;line-height:1.4;}
.common-card02.img-left .img{width:30%;}
.common-card02.img-left .img span{display:block;width:100%;height:100%;background:no-repeat center center;background-size:cover;transition:.3s;}
.common-card02:hover .img img,.common-card02:hover .img span{transform:scale(1.06);}
.common-card02:hover .ttl::after{background-image:url(/lalaport/msp-info/common/img/icon_arrow03.png);}
.common-card02:hover .inner{color:#fff;}
.common-card02:hover .inner::before{width:100%;}

.common-card03{display:flex;background:#fff;border-radius:5px;border-top:4px solid #d1282e;padding:50px;box-shadow:0 0 10px rgba(0,0,0,0.3);position:relative;}
.common-card03 .inner{flex:1;}
.common-card03 .inner > a{height:100%;display:block;transition:.3s;}
.common-card03 .inner a.moreinfo{height:auto;position:absolute;top:30px;right:50px;}
.common-card03 .img{max-width:45%;margin-right:50px;line-height:1;position:relative;}
.common-card03 .img .common-img01{box-shadow:none;width:100%;}
.common-card03 .img .common-img01 img{width:100%;}
.common-card03 .img .common-img01 span{display:block;width:400px;max-width:100%;height:0;padding-bottom:67%;background:no-repeat center center;background-size:cover;transition:.3s;}
.common-card03  a:hover img,.common-card03  .img a:hover .common-img01 span{transform:scale(1.06);opacity:0.7;}
.common-card03 .img .logo-link{min-width:130px;padding:2px;position:absolute;right:10px;top:10px;background:#fff;border-radius:3px;margin:0;text-align:center;z-index:3;max-width:60%;overflow:hidden;transition:.3s;}
.common-card03 .img .logo-link img{vertical-align:middle;width:auto;height:26px;opacity:1!important;margin:auto;}
.common-card03 .img .logo-link:hover{opacity:0.8!important;}
.common-card03 .logo{margin-bottom:20px;display:flex;align-items:flex-end;}
.common-card03 .logo img{margin-right:15px;}
.common-card03 .logo span{color:#5d5d5d;font-weight:bold;font-size:1.4rem;line-height:1.2;}
.common-card03 .logo span::before{content:"/";display:inline-block;margin:0 5px}
.common-card03 .ttl{font-size:3rem;font-weight:bold;border-bottom:1px dotted #d1282e;padding-bottom:20px;margin-bottom:20px;line-height:1.3;}
.common-card03 .txt{line-height:1.7;}
.common-card03 .tag{margin-bottom:10px;}
.common-card03 .tag span{display:inline-block;border:2px solid #d1282e;color:#d1282e;font-size:1.4rem;font-weight:bold;border-radius:50px;margin-right:10px;margin-bottom:10px;padding:3px 20px;}
.common-card03 .common-label01{border-top:1px dotted #d1282e;;padding-top:20px;margin-top:20px;clear:both;}
.common-card03 + .common-card03{margin-top:40px;}
.common-card03.pickup::before{content:"PICK\aUP";white-space:pre;display:block;line-height:1.1;font-weight:bold;font-size:1.8rem;color:#fff;position:absolute;left:15px;top:15px;z-index:5;}
.common-card03.pickup::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:100px 100px 0 0;border-color:#d1282e transparent transparent transparent;position:absolute;top:0;left:0;z-index:4;}
body.lang-zh-hant .common-card03.pickup::before{content:"焦點\a設施";top:12px;left:12px;}
body.lang-cn .common-card03.pickup::before{content:"推荐";top:18px;}
body.lang-th .common-card03.pickup::before{content:"คลิกเลย";font-size:1.5rem;top:18px;left:10px;}
body.lang-id .common-card03.pickup::before{content:"High\alight";font-size:1.5rem;top:12px;left:12px;}

.common-card04{border-radius:5px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);position:relative;}
.common-card04 .img{width:100%;overflow:hidden;}
.common-card04 .img img{width:100%;transition:.3s;}
.common-card04 .img span{display:block;width:100%;max-width:100%;height:0;padding-bottom:67%;background:no-repeat center center;background-size:cover;transition:.3s;}
.common-card04 a{transition:.3s;}
.common-card04 a:hover .img img,.common-card04 a:hover .img span{transform:scale(1.06);opacity:0.7;}
.common-card04 .logo{min-width:130px;padding:2px;position:absolute;right:10px;top:10px;background:#fff;border-radius:3px;margin:0;text-align:center;z-index:3;max-width:60%;overflow:hidden;transition:.3s;}
.common-card04 .logo-kadoma{min-width:130px;padding:2px;position:absolute;right:10px;top:45px;background:#fff;border-radius:3px;margin:0;text-align:center;z-index:3;max-width:60%;overflow:hidden;transition:.3s;}
.common-card04 .logo img{vertical-align:middle;width:auto;height:26px;opacity:1!important;margin:auto;}
.common-card04 .logo-kadoma img{vertical-align:middle;width:auto;height:26px;opacity:1!important;margin:auto;}
.common-card04 .logo:hover{opacity:0.8!important;}
.common-card04 .inner{padding:20px;border-top:4px solid #d1282e;}
.common-card04 .tag{margin-bottom:5px;}
.common-card04 .tag span{display:inline-block;border:2px solid #d1282e;color:#d1282e;font-size:1.4rem;font-weight:bold;border-radius:50px;margin-right:10px;margin-bottom:5px;padding:3px 15px;}
.common-card04 .ttl{font-size:2.2rem;font-weight:bold;}

/* img */
.common-img01{display:inline-block;border-radius:5px;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.3);}

/* layout */
.common-layout01{display:flex;align-items:center;position:relative;}
.common-layout01 .inner{flex:1;position:relative;margin-top:20px;}
.common-layout01 .num{position:absolute;color:#e7e7e7;font-size:16.4rem;font-weight:bold;z-index:1;top:-70px;left:-15px;line-height:1;}
.common-layout01 .img{max-width:45%;margin-left:50px;line-height:1;}
.common-layout01 .ttl{font-size:2.4rem;font-weight:bold;margin-bottom:25px;line-height:1.3;position:relative;z-index:2;}
.common-layout01 .txt{line-height:1.7;position:relative;z-index:3;}
.common-layout01.right{padding:40px 0;}
.common-layout01.right::before{content:"";display:block;width:100vw;height:100%;background:#f4f2e9;position:absolute;top:0;left:calc((-100vw + 1340px) / 2);z-index:-1;}
.common-layout01.right .num{color:#fff;}
.common-layout01.right .inner{order:2;}
.common-layout01.right .img{order:1;margin-left:0;margin-right:50px;}
.common-layout01 + .common-layout01{margin-top:40px;}

/* label */
.common-label01{margin-bottom:-5px;}
.common-label01 span{font-size:1.4rem;font-weight:bold;color:#fff;background:#d1282e;display:inline-block;border-radius:50px;text-align:center;padding:3px 15px;margin-right:2px;margin-bottom:5px;transition:.3s;}
.common-label01 a:hover span{background:#333;}

/* tab */
.common-tab01{display:flex;justify-content:center;margin-left:-10px;margin-right:-10px;overflow:hidden;padding-top:10px;}
.common-tab01 > *{text-align:center;flex:1;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:0 10px;background:#f4f2e9;border-radius:5px 5px 0 0;overflow:hidden;}
.common-tab01 > * a{color:#d1282e;font-weight:bold;font-size:2rem;padding:22px;display:flex;align-items:center;justify-content:center;height:100%;transition:.3s;line-height:1.2;}
.common-tab01 > * a:hover{background:#333;color:#fff;}
.common-tab01 > *.active a{background:#d1282e;color:#fff;}

/* pager */
.common-pager{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;}
.common-pager > li{margin:0 3px 3px 0;}
.common-pager > li a,.common-pager > li span{display:flex;align-items:center;height:100%;padding:10px 18px;background:#bbb;color:#fff;transition:.3s;}
.common-pager > li a:hover{background:#333;}
.common-pager > li.current a,.common-pager > li.current span{background:#333;}
.common-pager > li.prev a::before{content:"";display:block;width:5px;height:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(135deg);transform-origin:center center;}
.common-pager > li.next a::before{content:"";display:block;width:5px;height:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);transform-origin:center center;}

/* -------------------------------------------------- */
/* #block-subttl */
/* -------------------------------------------------- */
#block-subttl{border-top:4px solid #d1282e;border-bottom:1px dotted #d1282e;}
#block-subttl .ttl{color:#d1282e;font-weight:bold;font-size:7rem;padding:85px 0;line-height:1.1;}
#block-subttl .sub{position:absolute;top:35px;left:40px;font-size:1.6rem;font-weight:bold;color:#d1282e;padding-left:18px;}
#block-subttl .sub::before{content:"";display:block;width:10px;height:3px;background:#d1282e;position:absolute;left:0;top:50%;margin-top:-2px;}

#block-subttl.small{border-bottom:0;}
#block-subttl.small .ttl{font-size:6rem;padding:0;}
#block-subttl.small .inline-btn{padding:35px 150px 15px 0;}
#block-subttl.small .inline-btn .ttl{margin-bottom:10px;}
#block-subttl.small .link01{vertical-align:middle;}
#block-subttl.small .link02{position:absolute;right:40px;top:65px;}
#block-subttl.small .video-wrap{border-top:1px dotted #d1282e;padding:20px 0 0;margin-bottom:10px;position:relative;}
#block-subttl.small .video-wrap .video-ttl{background:#fff;color:#d1282e;font-weight:bold;font-size:2rem;position:absolute;left:0;top:-17px;padding:0 10px 0 5px;white-space:nowrap;}
#block-subttl.small .list-video{width:100%;display:flex;margin-bottom:-1%;flex-wrap:wrap;}
#block-subttl.small .list-video a{display:block;overflow:hidden;width:24.25%;margin-right:1%;margin-bottom:1%;min-height:1px;border:1px solid #d6d6d6;padding:10px;border-radius:5px;}
#block-subttl.small .list-video a:nth-child(4n){margin-right:0;}
#block-subttl.small .list-video a span{display:block;width:100%;height:0;padding-bottom:50%;background:no-repeat center center #ddd;background-size:cover;position:relative;transition:.3s;}
#block-subttl.small .list-video a span::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);z-index:1;}
#block-subttl.small .list-video a span::after{content:"";display:block;width:60px;height:60px;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;background:url(/lalaport/msp-info/common/img/icon_video.png) no-repeat center center;background-size:100% auto;z-index:2;}
#block-subttl.small .list-video a .video-img{overflow:hidden;}
#block-subttl.small .list-video a:hover span{transform:scale(1.06);}

#block-subttl02{background:no-repeat center center #333;background-size:cover;}
#block-subttl02 .ttl{color:#fff;font-weight:bold;font-size:7rem;padding:85px 0;line-height:1.1;}
#block-subttl02.area{background-image:url(/lalaport/msp-info/common/img/area/mv.jpg);}
#block-subttl02.special{background-image:url(/lalaport/msp-info/common/img/special/mv.jpg);}

/* -------------------------------------------------- */
/* #block-share */
/* -------------------------------------------------- */
#block-share .ttl{font-size:1.8rem;color:#d1282e;font-weight:bold;text-align:center;margin-bottom:30px;}
#block-share .ttl::before{content:"";display:inline-block;width:16px;height:19px;background:url(/lalaport/msp-info/common/img/icon_share.png) no-repeat;background-size:100% auto;vertical-align:middle;margin-right:10px;margin-left:-26px;}
#block-share .list-share{display:flex;flex-wrap:wrap;margin-bottom:-2%;justify-content:center;}
#block-share .list-share > li{width:23.5%;margin-right:2%;margin-bottom:2%;text-align:center;}
#block-share .list-share > li:nth-child(4n){margin-right:0;}
#block-share .list-share > li a{border:1px solid #4d4d4d;display:block;width:100%;height:100%;font-size:1.3rem;padding:5px;color:#4d4d4d;display:flex;align-items:center;justify-content:center;transition:.2s;}
#block-share .list-share > li a::before{content:"";display:inline-block;vertical-align:middle;margin-right:8px;margin-left:-10px;}
#block-share .list-share > li a:hover{background:#333!important;color:#fff!important;border-color:#333!important;}

#block-share .list-share > li.weibo a{color:#e01217;border-color:#e01217;}
#block-share .list-share > li.weibo a::before{width:24px;height:20px;background:url(/lalaport/msp-info/common/img/icon_weibo.png) no-repeat;background-size:100% auto;}
#block-share .list-share > li.wechat a::before{width:28px;height:23px;background:url(/lalaport/msp-info/common/img/icon_wechat.png) no-repeat;background-size:100% auto;}
#block-share .list-share > li.facebook a{color:#1877f2;border-color:#1877f2;}
#block-share .list-share > li.facebook a::before{width:25px;height:25px;background:url(/lalaport/msp-info/common/img/icon_facebook.png) no-repeat;background-size:100% auto;}
#block-share .list-share > li.twitter a{color:#1da1f2;border-color:#1da1f2;}
#block-share .list-share > li.twitter a::before{width:20px;height:16px;background:url(/lalaport/msp-info/common/img/icon_twitter.png) no-repeat;background-size:100% auto;}

/* -------------------------------------------------- */
/* .edit-area */
/* -------------------------------------------------- */
.edit-area h2{font-size:4rem;font-weight:bold;border-left:8px solid #d1282e;border-bottom:1px dotted #d1282e;padding:10px 20px;line-height:1.1;margin-bottom:30px;margin-top:80px;}
.edit-area h3{font-size:3rem;font-weight:bold;margin-bottom:15px;margin-top:60px;color:#d1282e;}
.edit-area h4{font-size:2.4rem;font-weight:bold;margin-bottom:10px;margin-top:30px;}
.edit-area h2:first-child,.edit-area h3:first-child,.edit-area h4:first-child,.edit-area img:first-child{margin-top:0;}
.edit-area img{display:block;margin:30px auto;}
.edit-area p{margin-bottom:15px;line-height:1.7;}
.edit-area ol,.edit-area ul{margin:30px 0 30px 10px;}
.edit-area ul > li{position:relative;padding-left:18px;}
.edit-area ul > li + li{margin-top:10px;}
.edit-area ul > li::before{content:"";display:block;width:6px;height:6px;background:#d1282e;border-radius:100%;position:absolute;left:0;top:10px;}
.edit-area ol{counter-reset:item;}
.edit-area ol > li{position:relative;padding-left:30px;}
.edit-area ol > li + li{margin-top:10px;}
.edit-area ol > li::before{counter-increment:item;content:counter(item)'.';position:absolute;left:0;top:0;color:#007452;font-family:"Open Sans","Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;font-size:1.8rem;}
.edit-area table{margin:30px auto;}
.edit-area a{text-decoration:underline;}
.edit-area a:hover{text-decoration:none;}
.edit-area em{font-style:italic;}
.edit-area .alignleft{float:left;}
.edit-area .alignright{float:right;}

/* -------------------------------------------------- */
/* table */
/* -------------------------------------------------- */
.common-table{width:100%;max-width:800px;margin:10px auto;}
.common-table th{background:#f4f2e9;font-weight:normal;text-align:left;border-bottom:1px solid #fff;white-space:nowrap;padding:10px 15px;font-size:1.4rem;vertical-align:middle;}
.common-table td{background:#fff;padding:10px 15px;vertical-align:middle;}

/* -------------------------------------------------- */
/* animation */
/* -------------------------------------------------- */
/*
.animation{visibility:hidden;}
.animation.animated{visibility:visible;}
.opacity{opacity:1!important;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}
.fadeup{animation-duration:1s;animation-fill-mode:both;opacity:0.01;}
.fadeup.animated{animation-name:fadeInUp;transition:.6s ease-out;}

.anim-list > li{opacity:0.01;-webkit-transform:translateY(50px);transform:translateY(50px);}
.anim-list > li.animated{opacity:1;transition:.6s ease-out;-webkit-transform:none;transform:none;}
*/
/* -------------------------------------------------- */
/* form */
/* -------------------------------------------------- */
/*
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{border:1px solid #ccc;border-radius:3px;padding:8px;font-size:1.4rem;font-family:inherit;background:#f9f9f9;}
input.active,select.active{background:#ffeff0;}
textarea{width:100%;resize:vertical;}
*/

@media screen and (max-width:1420px){
	.common-layout01.right::before{left:-5.6%;}
}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (max-width:1199px){
	#contents{padding-left:0;}
	body{padding-top:50px;}

	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header{width:100%;height:50px;border-right:0;}
	header .logo{height:50px;width:100%;padding:5px 0 0 15px;background:rgba(255,255,255,0.95);box-shadow:0 0 5px rgba(0,0,0,0.2);position:relative;z-index:1001;text-align:left;}
	header .logo a{display:inline-block;}
	header .logo img{width:310px;margin-top:4px;}
	header .logo .select-language{position:absolute;right:58px;top:15px;margin:0;}
	header .logo .select-language .select-language-btn{padding:2px 10px;font-size:1.2rem;}
	header .logo .select-language .select-language-list{left:auto;right:0;top:25px;font-size:1.4rem;transform:scale(1,0);margin:0;}
	header .logo .select-language .select-language-list::before{top:-4px;left:50%;margin-left:-8px;border:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;}
	header .logo .select-language .select-language-list::after{top:-5px;left:50%;margin-left:-9px;border:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #d1282e;}
	header .logo .select-language .select-language-list > li{white-space:normal;}
	header .logo .select-language .select-language-list > li a{padding:8px 12px;}
	header .logo .select-language.active .select-language-list{margin-left:0;margin-top:8px;}
	header .logo .logo-vertical{display:none;}
	header .logo .logo-horizontal{display:block;}
	header .logo .txt{display:none;}
	header #sp-btn{display:block;cursor:pointer;width:55px;height:50px;position:absolute;right:0;top:0;z-index:1001;user-select:none;transition:.3s;}
	header #sp-btn span{display:block;background:#d1282e;width:24px;height:2px;border-radius:2px;position:absolute;top:25px;left:14px;}
	header #sp-btn span:nth-of-type(1){-webkit-transform:translateY(-7px) rotate(0);transform:translateY(-7px) rotate(0);background:#333;}
	header #sp-btn span:nth-of-type(2){opacity:1;}
	header #sp-btn span:nth-of-type(3){-webkit-transform:translateY(7px) rotate(0);transform:translateY(7px) rotate(0);background:#333;}
	header #sp-btn.active span:nth-of-type(1){-webkit-animation:active-menu-bar01 .75s forwards;animation:active-menu-bar01 .5s forwards;}
	header #sp-btn.active span:nth-of-type(2){opacity:0;}
	header #sp-btn.active span:nth-of-type(3){-webkit-animation:active-menu-bar02 .75s forwards;animation:active-menu-bar02 .5s forwards;background:#d1282e;}
	@keyframes active-menu-bar01{0%{-webkit-transform:translateY(-7px) rotate(0);transform:translateY(-7px) rotate(0);}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}100%{-webkit-transform:translateY(0px) rotate(45deg);transform:translateY(0px) rotate(45deg);}}
	@keyframes active-menu-bar02{0%{-webkit-transform:translateY(7px) rotate(0);transform:translateY(7px) rotate(0);}50%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);}100%{-webkit-transform:translateY(0px) rotate(-45deg);transform:translateY(0px) rotate(-45deg);}}
	header #gnav{width:220px;height:100%;height:calc(100vh - 50px);position:fixed;top:50px;right:-220px;background:#f4f2e9;transition:.3s ease;border-left:1px dotted #d1282e;}
	header #gnav.active{right:0;}
	header .gnav-list{padding:20px 20px 0;}
	header .gnav-list > li:first-child{border-top:0;}
	header .gnav-list > li a:hover::before{left:0;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.container{padding:0 5%;}
	section > .container,.section > .container{padding:100px 5%;}

}
@media screen and (max-width:999px){
	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer{padding:50px 0;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	section > .container,.section > .container{padding:60px 5%;}

	.d-flex-4{margin-bottom:-2%!important;}
	.d-flex-4 > *{width:32%;margin-right:2%;margin-bottom:2%;}
	.d-flex-4 > *:nth-child(4n){margin-right:2%;}
	.d-flex-4 > *:nth-child(3n){margin-right:0;}

	/* ttl */
	.common-ttl01{font-size:3.6rem;}
	.common-ttl01::before{top:17px;}
	.common-ttl02{font-size:5rem;}
	.common-ttl03{font-size:3.6rem;}
	.common-ttl04{font-size:3.6rem;}

	/* btn */
	.common-btn02{font-size:2rem;}

	/* card */
	.common-card01 > a{display:flex;flex-direction:column;height:100%;}
	.common-card01 .inner{position:static;background:#222;flex:1;flex-direction:column;display:flex;width:100%;justify-content:center;}
	.common-card01 .ttl{font-size:2rem;}
	.common-card01 .txt{font-size:1.4rem;margin-top:5px;line-height:1.5;}
	.common-card01.small .ttl{font-size:1.5rem;line-height:1.4;}
	.common-card01 > a:hover .img img{transform:scale(1);}
	.common-card02:hover .img img{transform:scale(1);}

	.common-card03 .logo{display:block;}
	.common-card03 .logo span{display:block;margin-top:5px;}
	.common-card03 .logo span::before{display:none;}
	.common-card03 .inner > a.moreinfo{display:inline-block;position:relative;top:auto;right:auto;margin:20px 0 20px;float:right;max-width:200px;}

	/* -------------------------------------------------- */
	/* #block-subttl */
	/* -------------------------------------------------- */
	#block-subttl .ttl{font-size:5rem;padding:60px 0;}
	#block-subttl .sub{top:22px;left:5%;}
	#block-subttl.small .ttl{font-size:4.8rem;}
	#block-subttl.small .list-video a span::after{width:40px;height:40px;margin:-20px 0 0 -20px;}
	#block-subttl02 .ttl{font-size:5rem;padding:60px 0;}
}


/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:599px){
	html{font-size:54%;}

	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	header .logo{padding:5px 0 0 10px;}
	header .logo .select-language span{display:none;}
	header .logo .select-language .select-language-list > li a{padding:8px 6px;}
	header .logo img{width:210px;margin-top:9px;}
	header #gnav{width:80%;right:-80%;}
	header .gnav-list{padding:15px 15px 0;max-height:none;}
	header .gnav-list > li a{padding:12px 10px 12px 20px;font-size:1.8rem;}
	header .gnav-list > li a::before{width:8px;height:2px;margin-top:-1px;}
	body.lang-th header .gnav-list > li a{font-size:1.8rem;}
	header .call-center .btn-link{padding-top:10px;padding-bottom:10px;font-size:1.7rem;}
	header .sns-list{justify-content:center;padding:10px 15px;}
	header .banner-list{display:flex;flex-wrap:wrap;padding:0 15px;}
	header .banner-list > *{width:220px;margin:0 auto 1%;padding:5px;}
	header .banner-list > *:nth-child(even){margin-right:auto;}
	header .copyright{position:static;background:transparent;border-top-width:2px;margin-top:15px;height:auto;}

	.modal-call-wrap{display:block;}
	.modal-call-wrap .modal-call-img{margin-right:0;padding:0;text-align:center;margin-bottom:10px;width:100%;}
	.modal-call-wrap .modal-call-ttl{text-align:center;font-size:1.8rem;color:#d1282e;font-weight:bold;margin-bottom:5px;}
	.modal-call-wrap .tel-txt{text-align:center;}

	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	footer{padding:30px 0;border-top-width:4px;}
	footer .footer-inner{flex-wrap:wrap;}
	footer .footer-block + .footer-block{margin-left:0;margin-top:20px;}
	footer .footer-block01{width:100%;}
	footer .footer-block02{width:65%;margin-right:5%;}
	footer .footer-block03{width:30%;}
	footer .ttl{margin-bottom:5px;}
	footer ul > li > a{font-size:1.3rem;display:inline-block;padding:6px 0;}
	footer ul + .ttl{margin-top:20px;}

	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	section > .container, .section > .container{padding:40px 5%;}

	.no-pc{display:block!important;}
	.no-sp{display:none!important;}

	.d-flex-2{margin-bottom:-2%!important;}
	.d-flex-2 > *{width:100%;margin-right:0;margin-bottom:2%;}
	.d-flex-2 .d-flex-2 > *{width:49%;margin-right:2%;margin-bottom:2%;}

	.d-flex-3{margin-bottom:-2%!important;}
	.d-flex-3 > *{width:49%;margin-right:2%;margin-bottom:2%;}
	.d-flex-3 > *:nth-child(3n){margin-right:2%;}
	.d-flex-3 > *:nth-child(even){margin-right:0;}

	.d-flex-4{margin-bottom:-2%!important;}
	.d-flex-4 > *{width:49%;margin-right:2%;margin-bottom:2%;}
	.d-flex-4 > *:nth-child(3n){margin-right:2%;}
	.d-flex-4 > *:nth-child(even){margin-right:0;}

	/* margin */
	.m-0{margin:0!important;}.m-1{margin:0.5rem!important;}.m-2{margin:1rem!important;}.m-3{margin:1.5rem!important;}.m-4{margin:2rem!important;}.m-5{margin:2.5rem!important;}.m-6{margin:3rem!important;}.m-7{margin:3.5rem!important;}.m-8{margin:4rem!important;}
	.mt-0{margin-top:0!important;}.mt-1{margin-top:0.5rem!important;}.mt-2{margin-top:1rem!important;}.mt-3{margin-top:1.5rem!important;}.mt-4{margin-top:2rem!important;}.mt-5{margin-top:2.5rem!important;}.mt-6{margin-top:3rem!important;}.mt-7{margin-top:3.5rem!important;}.mt-8{margin-top:4rem!important;}
	.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:0.5rem!important;}.mb-2{margin-bottom:1rem!important;}.mb-3{margin-bottom:1.5rem!important;}.mb-4{margin-bottom:2rem!important;}.mb-5{margin-bottom:2.5rem!important;}.mb-6{margin-bottom:3rem!important;}.mb-7{margin-bottom:3.5rem!important;}.mb-8{margin-bottom:4rem!important;}
	.mr-0{margin-right:0!important;}.mr-1{margin-right:0.5rem!important;}.mr-2{margin-right:1rem!important;}.mr-3{margin-right:1.5rem!important;}.mr-4{margin-right:2rem!important;}.mr-5{margin-right:2.5rem!important;}.mr-6{margin-right:3rem!important;}.mr-7{margin-right:3.5rem!important;}.mr-8{margin-right:4rem!important;}
	.ml-0{margin-left:0!important;}.ml-1{margin-left:0.5rem!important;}.ml-2{margin-left:1rem!important;}.ml-3{margin-left:1.5rem!important;}.ml-4{margin-left:2rem!important;}.ml-5{margin-left:2.5rem!important;}.ml-6{margin-left:3rem!important;}.ml-7{margin-left:3.5rem!important;}.ml-8{margin-left:4rem!important;}

	/* padding */
	.p-0{padding:0!important;}.p-1{padding:0.5rem!important;}.p-2{padding:1rem!important;}.p-3{padding:1.5rem!important;}.p-4{padding:2rem!important;}.p-5{padding:2.5rem!important;}.p-6{padding:3rem!important;}.p-7{padding:3.5rem!important;}.p-8{padding:4rem!important;}
	.pt-0{padding-top:0!important;}.pt-1{padding-top:0.5rem!important;}.pt-2{padding-top:1rem!important;}.pt-3{padding-top:1.5rem!important;}.pt-4{padding-top:2rem!important;}.pt-5{padding-top:2.5rem!important;}.pt-6{padding-top:3rem!important;}.pt-7{padding-top:3.5rem!important;}.pt-8{padding-top:4rem!important;}
	.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:0.5rem!important;}.pb-2{padding-bottom:1rem!important;}.pb-3{padding-bottom:1.5rem!important;}.pb-4{padding-bottom:2rem!important;}.pb-5{padding-bottom:2.5rem!important;}.pb-6{padding-bottom:3rem!important;}.pb-7{padding-bottom:3.5rem!important;}.pb-8{padding-bottom:4rem!important;}
	.pr-0{padding-right:0!important;}.pr-1{padding-right:0.5rem!important;}.pr-2{padding-right:1rem!important;}.pr-3{padding-right:1.5rem!important;}.pr-4{padding-right:2rem!important;}.pr-5{padding-right:2.5rem!important;}.pr-6{padding-right:3rem!important;}.pr-7{padding-right:3.5rem!important;}.pr-8{padding-right:4rem!important;}
	.pl-0{padding-left:0!important;}.pl-1{padding-left:0.5rem!important;}.pl-2{padding-left:1rem!important;}.pl-3{padding-left:1.5rem!important;}.pl-4{padding-left:2rem!important;}.pl-5{padding-left:2.5rem!important;}.pl-6{padding-left:3rem!important;}.pl-7{padding-left:3.5rem!important;}.pl-8{padding-left:4rem!important;}

	/* ttl */
	.common-ttl01{font-size:3rem;margin-bottom:15px;padding-left:28px;}
	.common-ttl01::before{width:16px;height:4px;top:12px;}
	.common-ttl02{font-size:3.6rem;margin-bottom:15px;}
	.common-ttl03{font-size:3rem;margin-bottom:30px;}
	.common-ttl04{font-size:3rem;padding:5px 15px;margin-bottom:20px;}

	/* btn */
	.common-btn02{min-width:50%;}

	/* card */
	.common-card01{border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.25);}
	.common-card01 .logo{min-width:110px;right:5px;top:5px;}
	.common-card01 .logo img{height:20px;}
	.common-card01 .inner{padding:15px;}
	.common-card01.pickup > a::before{font-size:1.5rem;top:12px;left:12px;}
	.common-card01.pickup > a::after{border-width:80px 80px 0 0;}
	body.lang-zh-hant .common-card01.pickup > a::before{top:10px;left:10px;}
	body.lang-th .common-card01.pickup > a::before{font-size:1.4rem;top:12px;left:8px;}
	body.lang-id .common-card01.pickup > a::before{font-size:1.4rem;top:10px;left:10px;}
	.common-card01.small .inner{padding:10px 15px 8px;}
	.common-card01.small .ttl{font-size:1.4rem;}

	.common-card02{border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.25);}
	.common-card02 .ttl{padding-right:20px;font-size:2rem;}
	.common-card02 .inner{padding:15px 15px 13px;}
	.common-card02.small .inner{padding:8px 15px;}
	.common-card02 .ttl::after{width:15px;height:15px;margin-top:-8px;right:-3px;}
	.common-card02.img-left{display:block;}
	.common-card02.img-left .inner{padding:10px 15px 10px 15px;}
	.common-card02.img-left .img{width:100%;}
	.common-card02.img-left .img span{width:100%;height:0;padding-bottom:50%;}

	.common-card03{display:block;padding:20px;}
	.common-card03 .img{max-width:100%;margin-right:0;margin-bottom:15px;}
	.common-card03 .img .common-img01 span{width:100%;}
	.common-card03 .logo-link{min-width:110px;right:5px;top:5px;}
	.common-card03 .logo-link img{height:20px;}
	.common-card03 .logo{text-align:center;margin-bottom:15px;}
	.common-card03 .logo img{max-width:65%;}
	.common-card03 .logo span{margin-top:10px;}
	.common-card03 .tag{margin-bottom:5px;}
	.common-card03 .ttl{font-size:2.4rem;padding-bottom:10px;margin-bottom:10px;}
	.common-card03 + .common-card03{margin-top:20px;}
	.common-card03.pickup::before{font-size:1.5rem;top:12px;left:12px;}
	.common-card03.pickup::after{border-width:80px 80px 0 0;}
	body.lang-zh-hant .common-card03.pickup::before{top:10px;left:10px;}
	body.lang-th .common-card03.pickup::before{font-size:1.4rem;top:12px;left:8px;}
	body.lang-id .common-card03.pickup::before{font-size:1.4rem;top:10px;left:10px;}

	.common-card04 .logo{min-width:110px;right:5px;top:5px;}
	.common-card04 .logo img{height:20px;}
	.common-card04 .tag span{font-size:1.2rem;padding:2px 8px;margin-right:5px;}
	.common-card04 .inner{padding:15px;}
	.common-card04 .ttl{font-size:1.6rem;}

	/* layout */
	.common-layout01{flex-direction:column;}
	.common-layout01 .inner{margin-top:10px;min-height:1px;flex:auto;width:100%;}
	.common-layout01 .num{font-size:10rem;top:-40px;left:-5px;width:100%:}
	.common-layout01 .ttl{font-size:2rem;margin-bottom:15px;}
	.common-layout01 .img{max-width:100%;margin:15px auto 0;min-height:1px;flex:auto;width:100%;}
	.common-layout01.right .inner{order:1;}
	.common-layout01.right .img{order:2;margin-right:auto;margin-left:auto;}

	/* tab */
	.common-tab01{margin-left:-3px;margin-right:-3px;padding-top:5px;}
	.common-tab01 > li{margin:0 3px;box-shadow:0 0 5px rgba(0,0,0,0.3);}
	.common-tab01 > li a{padding:15px 10px;font-size:1.6rem;}

	/* -------------------------------------------------- */
	/* #block-subttl */
	/* -------------------------------------------------- */
	#block-subttl .ttl{font-size:4rem;padding:40px 0;}
	#block-subttl .sub{top:13px;}

	#block-subttl.small{overflow:hidden;padding-bottom:20px;}
	#block-subttl.small .inline-btn{padding:20px 0 0;}
	#block-subttl.small .inline-btn .ttl{font-size:3.6rem;}
	#block-subttl.small .btn{width:100%;text-align:center;}
	#block-subttl.small .link01{min-width:0;padding:8px 35px 8px 15px;}
	#block-subttl.small .link01::after{right:10px;}
	#block-subttl.small .link02{position:relative;right:auto;top:auto;margin:0;display:inline-block;font-size:1.6rem;margin-top:5px;padding-left:6px;}
	#block-subttl.small .video-wrap{padding:15px 0 5px;margin-top:20px;margin-bottom:0;}
	#block-subttl.small .list-video{margin-bottom:0;}
	#block-subttl.small .list-video a{width:49%;margin-right:2%;margin-bottom:2%;padding:5px;}
	#block-subttl.small .list-video a:nth-child(even){margin-right:0;}
	#block-subttl.small .list-video a span{padding-bottom:40%;}

	#block-subttl02 .ttl{font-size:4rem;padding:40px 0;}

  /* -------------------------------------------------- */
  /* #block-share */
  /* -------------------------------------------------- */
  #block-share .ttl{margin-bottom:20px;}
  #block-share .list-share > li{width:49%;}
  #block-share .list-share > li:nth-child(even){margin-right:0;}
  #block-share .list-share > li a::before{transform:scale(0.9);}

	/* -------------------------------------------------- */
	/* .edit-area */
	/* -------------------------------------------------- */
	.edit-area h2{font-size:3rem;padding:5px 15px;margin-bottom:20px;margin-top:50px;}
	.edit-area h3{font-size:2.4rem;margin-bottom:10px;margin-top:40px;}
	.edit-area h4{font-size:2rem;font-weight:bold;margin-bottom:5px;margin-top:30px;}
	.edit-area p{margin-bottom:10px;}
}
@media screen and (max-width:374px){
	header .logo img{width:164px;margin-top:13px;}
	header .logo .select-language{right:55px;}
	header .logo .select-language .select-language-btn{font-size:1rem;}
}

/* ======================================================================================================================= */
/* for IE */
/* ======================================================================================================================= */
@media screen\0 {
}

/* hunger */

.header__top{
	position: fixed;
	top:0;
	background-color: #f4f2e9;
	z-index: 99;
	width: 100%;
	height:60px;
}
.header__top .header__top-logo{
	width: 300px;
	margin-left: auto;
	height: 100%;
	margin-right: 20px;
	display: flex;
	align-items: center;
}
.header__top ~ #contents {
	padding-top:60px;
}

@media screen and (max-width:1199px){
	.wrapper.type02 header{
		top: 45px;
	}
	.header__top .header__top-logo{
		width: 30%;
	}
	.header__top{
		height:45px
	}
	.header__top ~ #contents {
		padding-top:45px;
	}
	.wrapper.type02 header #gnav{
		top: 95px;
	}
}



