/* Minification failed. Returning unminified contents.
(133,137): run-time error CSS1046: Expect comma, found '51'
(133,143): run-time error CSS1046: Expect comma, found '/'
 */
@charset "utf-8";

/*
  danny 201810
  1. $Mobile
  2. $Pad
  3. $橫的版型
  4. $Pc
  5. $1025~1279
*/





/* $Mobile
--------------------------------------------------------------------------------------*/

/* h3 */
h3{ font-size: 2.8rem; /* line-height:45px; */ line-height: 1.5; font-weight: 200; letter-spacing: 5px; color: #595959; text-align: center; margin: 20px 0 10px 0; }
.common-box h1>span{ display: inline-block; width: 85%;  word-break: break-all; }





/* kv-box */
.kv-box{  }
.kv-box>img{ width: 100%; height: auto; }





/* layout-container */
.layout-container{  }
/* leftsubnav-container */
.leftsubnav-container{ width: 100%; box-sizing: border-box; padding: 0 0 20px 0; font-size: 1.6rem; font-weight: 300; }
.leftsubnav-container .kv-box{ display: block; }
.leftsubnav-box{ width: 94%; margin: 0 auto; border-radius: 5px;  overflow: hidden; box-sizing: border-box; padding: 0px 10px 0 10px; background: #b5ded5; }
.leftsubnav_mobiletit-box{ height: 50px; line-height: 50px; position: relative; box-sizing: border-box; padding: 0 5px; text-align: center; color: #0ea080; }
.leftsubnav_mobiletit-box:after{ content: '\e874'; color: #0ea080; position: absolute; right: 10px; transition: all 1s cubic-bezier(.23,1,.32,1); }
.leftsubnav_mobiletit-box.active:after{ content: '\e873'; color: #0ea080; position: absolute; right: 10px; }
.leftsubnav-block{ display: none; }
.leftsubnav-block>li{ height: 45px; border-bottom: 1px dotted #eefaf6; text-align: center; }
.leftsubnav-block>li:last-child{ border-bottom: none; }
.leftsubnav-block>li>a{ width: 100%; line-height: 45px; color: #595959; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 1s cubic-bezier(.23,1,.32,1); }
/* main-container */
.main-container{  }
.main-container .kv-box{ display: none; }
/* breadcrumb-box */
.breadcrumb-box{ font-size: 1.4rem; font-weight: 300; margin: 0px 0 25px 0; box-sizing: border-box; padding: 0 3%; }
.breadcrumb-box a,.breadcrumb-box{ color: #979797; transition: all 1s cubic-bezier(.23,1,.32,1); }
.breadcrumb-box span:after{ content: '/'; display: inline-block; margin: 0 5px; }
.breadcrumb-box span:last-child:after{ display: none; }
.breadcrumb-box a:hover,.breadcrumb-box span.active a,.breadcrumb-box span.active{ color: #0e9f7f; }
.breadcrumb-header {
    font-size: 2rem;
    color: #52C1CC;
    margin: 0 0 10px 0;
    text-align: left;
    letter-spacing: normal;
    line-height: 1.6em;
    position: relative;
    box-sizing: border-box;
    padding: 0 3%;
}





/* list_controls-container */
.list_controls-container{ position: relative; margin: 94%; margin: 0 auto; }
.list_controls_direction-box{ height: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-80%); }
.list_controls_direction-box li{ width: 47px; height: 10px; text-indent: -9999px; white-space: nowrap; overflow: hidden; position: absolute; }
.list_controls_direction-box a{ width: 100%; height: 100%; display: block;  }
.list_controls_direction-box li.prev{ background: url(/images/arrowL.png); background-size:cover; left: -170px; }
.list_controls_direction-box li.next{ background: url(/images/arrowR.png); background-size:cover; right: -170px; }
.list_controls_direction-box li:hover{ opacity: .6; }
.list_controls_pager-box { display: flex; justify-content: center; margin: 10px 0 0 0; }
.list_controls_pager-box li{ width: 10px; height: 10px; border-radius: 50%; background: #e3e3e3; margin: 0 20px 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.list_controls_pager-box li:hover,.list_controls_pager-box li.active{ background: #52C1CC; }
.list_controls_pager-box li a{ display: block;	width: 100%; height: 100%; }
.list_controls_pager-box li:last-child{ margin: 0 0 0 0; }





/* news */
.news-container{ box-sizing: border-box; padding: 0 3% 30px 3%; overflow: hidden; }
.news-box{ width: 100%; display: flex; flex-wrap: wrap; }
.news-box>li{ width: 100%; height: auto; position: relative; margin: 0 0 30px 0; border-bottom: 1px dotted #d9d9d9; transition: all 1s cubic-bezier(.23,1,.32,1); }
.news-box>li>a{ display: block;	width: 100%; height: 100%; position: absolute; left: 0;	top: 0; }
.news-box>li:hover{ background: #fff; }
.news-box .img-box{ width: 94vw; height: 80vw; position: relative; overflow: hidden; }
.news-box .img-box>img{ width: 100%; }
.news-box .content-box{ display: flex; flex-direction: column; justify-content: space-between; height: auto; box-sizing: border-box; padding: 20px 0px; }
.txt-block{ margin: 0 0 18px 0; }
.txt-block .info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 10px 0; }
.txt-block .tit{ font-size: 1.8rem; line-height: 1.4em; font-weight: 300; color: #000; }
/* btn_more */
.btn_more{ display: inline-block; width: 70px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #52C1CC; font-size: 1.4rem; color: #52C1CC; text-align: center;  transition: all 0.4s cubic-bezier(.23,1,.32,1); border-radius:5px; }
.news-box>li:hover .btn_more{ background: #52C1CC; color: #fff; }
/* recommend */
.recommend-container{ margin: 15px 0 0 0; }
.recommend-container h5{ font-size: 2rem; color: #52C1CC; font-weight: 300; margin: 0 0 20px 0; }
.recommend-box{width: 100%; display: flex; flex-wrap: wrap; }
.recommend-box>li{  display: flex; width: 100%; /* height: 300px; */ border-bottom: none; position: relative; margin: 0 0 10px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.recommend-box>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0;	top: 0; }
/* .recommend-box>li:hover{ background: #fff; } */
.recommend-box .img-box{ width:100px;  min-width: 100px;/* height: 215px;  */position: relative; overflow: hidden; margin: 0 10px 0 0; }
.recommend-box .img-box>img{ width: 100%; }
.recommend-box .content-box{ display: flex; box-sizing: border-box; padding: 15px 0px 10px 0; }
.txt-block{ margin: 0 0 18px 0; }
.txt-block .info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 5px 0; }
.txt-block .tit{ font-size: 1.5rem; line-height: 1.4em; font-weight: 300; color: #000; word-break: break-all;}
.videopup-container  .recommend-container{ width: 80%; margin: 40px auto 0 auto; }
.videopup-container .recommend-box .img-box{ width:40px;  min-width: 40px; }
.videopup-container .txt-block .tit{ font-size: 1.2rem; color: #fff; }
.videopup-container .recommend-box .content-box{ display: flex; box-sizing: border-box; padding: 5px 0px 0px 0; }
.videopup-container .txt-block{ margin: 0 0 0px 0; }
.videopup-container .recommend-container h5{ text-align: center; }





/* video */
.video-container{ box-sizing: border-box; padding: 0 3% 40px 3%; }
.video-box{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%; }
.video-box>li{ width: 320px; /* height: 420px; */ height: 360px; position: relative; margin: 0 0 20px 0; box-shadow: 0px 0px 7px rgb(51 51 51 / 50%); }
.video-box .img-box{ width: 100%; height: 179px; position: relative; overflow: hidden;	 }
    .video-box .img-box:after {
        position: absolute;
        left: 20px;
        bottom: 10px;
        display: block;
        width: 50px;
        height: 50px;
        content: url(/images/play_icon.svg);
    }
.video-box .img-box a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999; }
.video-box .txt-box{ display: flex; flex-direction: column; justify-content: space-between; height: calc( 100% - 179px); box-sizing: border-box; padding: 20px 20px; }
.video-box .tit-block{ font-size: 2rem; line-height: 1.5em; font-weight: 300; color: #000; }
.video-box .info-block{ height: 1.5em; font-size: 1.4rem; color: #979797; position: relative; }
.video-box .info-block p{ position: absolute; left: 0; top: 0; }
.video-box .info-block p:after{ content: ''; display: block; border-bottom: 1px solid #dfdfdf; margin: 5px 0 0 0; }
.video-box>li .img-box img{ width: 100%; }





/* list */
.list-container{ box-sizing: border-box; padding: 0 3% 70px 3%; font-size: 1.5rem; color: #13312a; line-height: 2em; }
.list-container a{ line-height: 2em; }
.year-box{ display: flex; align-items: center; margin: 0 0 30px 0; }
.list-box{ margin: 0 0 60px 0; }
.list-box>li{ display: flex; margin: 0 0 35px 0; }
.list-box .date:after{ content: '|'; font-size: 1.4rem; margin: 0px 18px; }
.list-box .intro{ max-width: 70%; }
.list-box .intro img{ margin: 0 0 0 10px; }





/* testing */
.testing-container{ box-sizing: border-box; padding: 0 3% 30px 3%; color: #13312a; }
.testing-box{ margin: 0 0 30px 0; }
.testing-container .module01{ display: flex; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.5em; }
.testing-container .module01 li{ width: 100%; height: 165px; margin: 0 0 10px 0; }
.testing-container .module01 li:nth-child(odd){ background: #b5ddd4; }
.testing-container .module01 li:nth-child(even){ background: #d5eae5; }
.testing-container .module01 li:hover{ opacity: 0.6; }
.testing-container .module01 li a{ display: flex; justify-content: center; text-align: center; box-sizing: border-box; padding: 20% 5% 0 5%; line-height: 1.5em; width: 100%; height: 100%; }
.testing-container .module02{ font-size: 1.5rem; line-height: 1.5em; }
.testing-container .module02 li{ display: flex; align-items: center; width: 100%; height: 165px; margin: 0 0 20px 0; box-sizing: border-box; padding: 10px; position: relative; transition: all 1s cubic-bezier(.23,1,.32,1); }
.testing-container .module02 li:nth-child(odd){ background: #b5ddd4; }
.testing-container .module02 li:nth-child(even){ background: #d5eae5; }
.testing-container .module02 li>img{ margin: 0 10px 0 0; }
.testing-container .module02 li .img-box{ min-width: 145px; min-height: 145px; margin: 0 10px 0 0; }
.testing-container .module02 li>a{ display: block; width: 100%; height: 100%; position: absolute; left:0; top: 0; }





/* locial */
.locial-container{ box-sizing: border-box; padding: 0 3% 30px 3%; margin: 0 auto; }
.locial-box{ width: 100%; border: 1px solid #b5ded5; border-radius: 3px; margin: 20px auto 10px auto; font-size: 1.5rem; line-height: 1.5em; box-sizing: border-box; }
.locial-container .common-box .tit{ border-bottom: 1px solid #b5ded5; background: #eef7f5; height: 60px; line-height: 60px; color: #0e9f7e; font-weight: 300; text-align: center; position: relative; }
.locial-container .expand{ position: absolute; right: 15px; top: 50%; transform: translateY(-55%); font-size: 30px; cursor: pointer; }
.locial-container .expand.active{ right: 10px; }
.locial-container .expand:after{ content: '-'; }
.locial-container .expand.active:after{ content: '+'; font-size: 30px; }
.locial-container .common-box h4{ text-align: center; color: #0ca894; font-weight: 300; margin: 20px 0 0 0; }
.lociallist{ box-sizing: border-box; padding: 20px 20px 0px 20px; }
.locial-container .common-box ul li{ list-style: none; margin: 0 0 15px 20px; box-sizing: border-box; padding: 0 10px 0 0; }
.locial-container .common-box ul li:before{ font-size: 12px; color: #b5ded5; content: '\f111'; font-weight: 600; display: inline-block; margin-left: -20px; width: 20px; }
.locial-container .select-container{ width: 100%; height:45px; line-height: 45px; border: 1px solid #b5ded5; color: #0ca894; background: #eef7f5; border-radius: 3px; position: relative; box-sizing: border-box; padding: 0 0 0; margin: 0 0 30px 0; }
.locial-container .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; color: #0ca894; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.locial-container .select-container>span{ display: inline-block; width: 100%; color: #0ca894; cursor: pointer; font-size: inherit; font-weight: 300; box-sizing: border-box; padding: 0 0 0 10px; }
.locial-container .select-container>ul{ background: #fff; font-size: 1.5rem; display: none; position: relative; left: -1px; width: calc(100% + 2px); z-index: 999; }
.locial-container .select-container>ul>li{ height: 45px; line-height: 45px; background: #b5ddd4; box-sizing: border-box; padding: 0 10px; margin: 0 0 1px 0; cursor: pointer; }
.locial-container .select-container>ul>li:before{ display: none; }





/* contact */
.contact-container{ width:100%; margin: 0 auto; font-size: 1.4rem; line-height: 2em; color: #595959; }
.contact-container .breadcrumb-box{ width: 100%; box-sizing: border-box; padding: 0 3%; margin: 10px auto 15px auto; }
.contact-box{  }
.contact_kv{ display: none; }
.contact_kv>img{ width: 100%; }
.contact_main{ width: 100%; box-sizing: border-box; padding: 0 3% 0 3%; margin: 0 0 30px 0; }
.contact_main h1{ font-size: 2rem; line-height: 1.6em; font-weight: 300; color: #0ca894; text-align: left; letter-spacing: normal; margin: 0 0 10px 0; }
.contact_main h1:after{ content: ''; display: block; height: 1px; border-bottom: 1px solid #b5ddd4; margin: 10px 0 5px 0; }
.contact_main .tit{ font-size: 2rem; color: #0e9f7f; }
.contact_main .note{ font-size: 1.4rem; line-height: 1.5em; margin-left: 12px; position: relative; }
.contact_main .note:before{ content: '*'; position: absolute; left: -10px; top: 2px;}
.contact_main a{ color: #0e9f7f; }
.contact_main a:hover{ text-decoration: underline; }
.contact_main ul.listitem { margin: 10px 0 30px 0; }
.contact_main ul.listitem li{ list-style: disc; margin-left: 30px;  }
.contact_main .decimallist li{ list-style: decimal; margin-left: 30px; }
.contact_main .font--bold{ font-weight: 300; }
.contact_main .eventform-box .w100>label{ width: auto; /* min-width: 60px; */ min-width: 70px; width: 70px; }
.jp .contact_main .eventform-box .w100>label{ min-width:70px; width: 70px; }
.contact_main .eventform-box>li>label{ min-width: 70px; width: 70px; margin: 0 15px 0 0; font-weight: 400; }
.en .contact_main .eventform-box>li>label{ min-width: 66px; width: 66px; }
.jp .contact_main .eventform-box>li>label{ min-width: 70px;	width: 70px; }
.jp .eventform-box>li>label{ min-width: 70px; width: 70px; }
.contact_main .eventform-box>li{ background: #eefaf6; }
.contact_main .select-container{ width: 70%; height:40px; position: relative; box-sizing: border-box; padding: 0 0 0 10px; }
.contact_main .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.contact_main .select-container>span{ display: inline-block; width: 100%; color: #ccc; cursor: pointer; font-size: 1.4rem; font-weight: 400;	 }
.contact_main .select-container>ul{ background: #fff; font-size: 1.5rem; display: none; position: relative; z-index: 999;	}
.contact_main .select-container>ul>li{ height: 35px; line-height: 35px; background: #b5ddd4; box-sizing: border-box; padding: 0 10px; margin: 0 0 1px 0; cursor: pointer; }
.contact_main input[type=text]{ color: #ccc; }
.contact_main  select{ background: transparent; width: 100%; padding: 0px 0px; font-size: 1.5rem;  color: #000; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.en .contact_main  select{ background: transparent; width: 100%; padding: 0 35px 0 0; font-size: 1.5rem;  color: #ccc; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.jp .contact_main  select{ background: transparent; width: 100%; padding: 0 35px 0 0; font-size: 1.5rem;  color: #ccc; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }





/* event */
.event-container{ width: 100%; }
.event-container .breadcrumb-box{ width: 100%; box-sizing: border-box; padding: 0 3%; margin: 10px auto 15px auto; }
.event-container .tit{ font-size: 1.8rem; font-weight: 400; color: #d92064;  }
.mobile--center{ text-align: center; margin: 0 0 15px 0; }
.event_kv-container{ width: 100%; line-height:0px; /* background: #f9dce3; */ }
.event_kv-box{ width: 100%; height: auto; position: relative; }
.event_kv_img-box{ width: 100%; }
.event_kv_img-box>img{ width: 100%;	height: auto; }
.event_kv_txt-box{ width: 100%; height: auto; background: #f6cbcf; font-size: 1.4rem; line-height: 1.8em; font-weight: 300;	 color: #4b4b4b; box-sizing: border-box; padding: 3% 3% 3% 3%; overflow: hidden; }
.event_kv_txt_tit{ font-size: 2rem; color: #d70050; margin: 0 0 5px 0; }
.event_info-container{ background: #ffedf2; box-sizing: border-box; padding: 20px 0 20px 0; margin: 0 0 25px 0; }
.event_info-box{ width: 100%; box-sizing: border-box; padding: 0 3% 10px 3%; margin: 0 auto; font-size: 1.4rem; line-height: 1.5em; overflow: hidden; }
.event_info-box>li{ /* display: flex; flex-wrap: wrap;  */margin: 0 0 10px 0; }
.event_info-box>li>.tit{ font-size: 1.5rem; min-width: 70px; margin: 0 10px 0 0; color: #d92064; font-weight: 400; }
.event_list-box{ list-style-type: decimal; margin: 0 0 0 20px; line-height: 2em; }
/* event gift */
.event_gift-box{ width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; box-sizing: border-box; padding: 0 3% 0 3%; }
.gift--center{ justify-content: center; }
.event_gift-box>li{ width: 100%; margin: 0 0 20px 0; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.giftimg-box{ margin: 0 0 0 0; }
.giftimg-box>img{ width: 100%; height: auto; }
.gifttxt-box{ font-size: 1.2rem; line-height: 2em; color: #000; font-weight: 300; }
.giftprice{ font-size: 2rem; color: #d92064; font-weight: 400; }
.giftprice:before{ content: '市價'; font-size: 1.2rem; color: #000; margin: 0 5px 0 0; font-weight: 300;	}
.gift_otherimg-box{ /* width: 96%; */ width: 100%; margin: 0 auto 20px auto; }
.gift_otherimg-box>img{ width: 100%; }
.event_other-container{ width: 100%; margin: 0 auto; font-size: 1.4rem; line-height: 1.6em; box-sizing: border-box; padding: 0 3% 0 3%; }
/* eventform-box  */
.eventform-box{ width: 100%; font-size: 1.3rem; margin: 10px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; overflow: hidden; }
.eventform-box>li{ list-style: none; display: flex; align-items: center; width: 100%; min-height: 55px; box-sizing: border-box; padding: 8px 20px; border-radius: 3px; background: #eee; margin: 0 1% 1% 0; }
.eventform-box .w100{ width: 100%; }
.eventform-box .w100>label{ width: auto; /* min-width: 60px; */ min-width: 65px; }
.eventform-box .w100>label.spacemark{ width: auto;  min-width: 58px; }
.eventform-box>li>label{ min-width: 65px; margin: 0 15px 0 0; }
label.mark{ position: relative;}
label.mark:after{content:'*'; font-size:1rem; color:red; position: absolute; left:-10px; top:0;}
label.markkk{ position: relative;}
label.markkk:after{content:'*'; font-size:1rem; color:#FF80B2; position: absolute; left:-10px; top:0;}
.check-box{ display: flex; flex-wrap: wrap; }
.check-box>li{ display: flex; flex-wrap: wrap; position: relative; align-items: center; }
.aad .space{ margin: 0 0 0 6px; }
.check-box>li +li{ margin: 0 0 0 6px; }
.check-box .select-container{ width: 80px; margin: 0 0 5px 10px; position: relative; }
.check-box .select-container.adj{ margin: 0 0 5px 36px; }
.childage .check-box .select-container{ width: 60px;}
.check-box .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.check-box select{ width: 100%; background: #fff; position: relative; font-size: 1.2rem; }
.address>div{ display: flex; flex-direction: column; }
.address .select-container{ width: 100px; margin: 0 0 10px 0; }
.address .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.address select{ width: 100%; background: #fff; position: relative; font-size: 1.2rem; }
.check-box input[type=radio]{ position: absolute; top:0; left:0; width:110px; height:100%; opacity:0; z-index:2; cursor:pointer; }
.check-box input[type=checkbox]{ position: absolute; top:0; left:0; width:60px; height:100%; opacity:0; z-index:2; cursor:pointer; }
.check-box input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
.check-box input[type=radio]:checked + label:before {content:'\f058'; color:#0e9f7f; }
.morecheck{ flex-direction: column; }
.morecheck>li +li{ margin: 0 0 0 0 }
/* event input */
.eventform-box input[type=text]{ }
.eventform-box input[type=date]{ border: none; color: #ccc; padding: 0 5px;	}
.eventform-box .w20{ width: 40px; height: 20px; line-height: 20px; margin: 0 3px 0 3px; border-bottom: 1px solid #ccc; }
/* eventform_btn */
.eventform_btn{ display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; box-sizing: border-box; border-radius: 3px; background: rgba(14,159,126,1); margin: 0 0 1% 0; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.eventform_btn:hover{ background: rgba(14,159,126,0.7); }
.eventform_btn a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #fff; text-align: center; letter-spacing: 3px; }
.eventform_btn a:hover{ text-decoration: none; }
/* .event notice */
.event_notice-box{ box-sizing: border-box; padding: 0 0 0 0; margin: 50px 0 0 0; overflow: hidden; }
.event_notice-box>ul{ list-style: decimal; margin: 0 0 0 20px; }
.event_notice-box>ul>li{ margin: 0 0 3px 0; }
/* event logo */
.event_other-container .logo-box{ display: flex; flex-wrap: wrap; margin: 40px 0 0 0; }
.event_other-container .logo-box ul{ display: flex; align-items: center; margin: 0 10px 20px 0; }
.event_other-container .logo-box ul li{ list-style: none; margin: 0 10px 0 0; }
.event_other-container .logo-box ul li a>img{ height: 30px; width: auto; }
.event_other-container .logo-box .logo-tit{ margin: 0 10px 0 0; }
/* event social media */
.event_socialmedia-box{ width: 100px; display: flex; flex-direction: column; align-items: center; position: fixed; right: -3%; top: 40%; opacity: .6; transform: scale(0.6); z-index: 999; /* display: none; */	}
.event_socialmedia-box>li{ position: relative; }
.event_socialmedia-box>li>a{ width: 100%; height: 100%;	position: absolute; left:0; top:0 }
.event_socialmedia-box>li:first-of-type{ display: flex; justify-content: center; align-items: center; width: 100px; height:100px; border-radius: 50%; background: rgba(14,159,126,1); transition: all 0.6s cubic-bezier(.23,1,.32,1); margin: 0 0 25px 0; }
.event_socialmedia-box>li:first-of-type:hover{ background: rgba(14,159,126,0.7); }
.event_socialmedia-box>li:first-of-type p{ width: 52px; font-size: 2.6rem; line-height: 1.3em; color: #fff; }
.event_socialmedia-box>li:nth-child(2){ width: 48px; height: 48px; background: url(/images/event_socialmedia_icon.png); margin: 0 0 3px 0; text-indent: -9999px; }
.event_socialmedia-box>li:nth-child(3){ width: 48px; height: 48px; background: url(/images/event_socialmedia_icon.png); background-position: 0 -48px; text-indent: -9999px;}
/* event fb */
.fb-box{ width: 94%; margin: 30px auto 60px auto; }





/* common */
.common-box{ box-sizing: border-box; padding: 0 0 0 0; font-size: 1.5rem; line-height: 1.6em; color: #595959; }
/* common-box h 標題規範 */
.common-box h1{ flex: 1; font-size: 2rem; font-weight: 300; margin: 0 0 0 0; text-align: left; letter-spacing: normal; line-height: 1.6em; position: relative; box-sizing: border-box; padding: 10px 0; }
/*.common-box h1:after{ content: ''; display: block; height: 1px; border-bottom: 1px solid #b5ddd4; margin: 10px 0 5px 0; }*/
.common-box h4{ font-size: 1.8rem; color: #000000; font-weight: 100; }
.common-box h5{ font-size: 1.8rem; color: #0e9f7f; font-weight: 300; margin: 0 0 10px 0; }
.common-box h6{ font-size: 1.2rem; line-height: 1.5em; margin-left: 12px; position: relative; font-weight: 100; }
.common-box h6:before{ content: '*'; position: absolute; left: -10px; top: 2px; }
.info-header {
    color: #0ca894;
    display: flex;
    flex-direction: row;
    align-items: self-start;
    content: '';
    border-bottom: 1px solid #b5ddd4;
    /*margin: 0 0 15px 0;*/
}
.info-header h1 { min-width: 80%; }
.noinfo-header { color: #0ca894; display: flex; flex-direction: row; align-items: self-start; content: ''; border-bottom: 1px solid #b5ddd4; margin: 0 0 35px 0; }
.common-box .noinfobox{ margin: 0 0 0 0; min-width: 80%; }
.common-box ul { }
.common-box ul li{ list-style: disc; margin-left: 30px;  }
.common-box img{ width: auto; max-width: 80%; display: block; margin: 20px auto; }
.info-box{ display: flex; justify-content: space-between; font-size: 1.2rem; color: #979797; margin: 0 0 20px 0; }
.common-box .hightlight{ font-size: 1.8rem; line-height: 1.5em; color: #000000; }
.common-box .tit{ font-size: 1.8rem; color: #0e9f7f; }
.common-box .note{ font-size: 1.2rem; line-height: 1.5em; margin-left: 12px; position: relative; }
.common-box .note:before{ content: '*'; position: absolute; left: -10px; top: 2px;}
.common-box a{ color: #52C1CC; }
.common-box a:hover{ text-decoration: underline; }
/* common-box table 規範 */
.common-box table{ border: 1px solid #ccc; font-size: 1.2rem; line-height: 1.5; border-radius: 3px;	 }
.common-box td{ box-sizing: border-box; padding: 10px 10px; border: 1px solid #ccc; border-width: 0 1px 1px 0; }
.common-box tr:last-child td{ border-width: 0 1px 0 0; }
.common-box tr:last-child td:last-child{ border-width: 0 0 0 0; }
.common-box td:last-child{ border-width: 0 0 1px 0; }
.common-box td img{ display: block;	margin: 0 auto; }
/* 圖片對齊規範 */
.common-box .imgalign--center{ display: block; margin: 10px auto; }
label.mark{ position: relative;}
label.mark:after{content:'*'; font-size:1rem; color:red; position: absolute; left:-10px; top:0;}
/* contactform_btn */
.contactform_btn{ display: flex; justify-content: center; align-items: center; width: 49.5%; box-sizing: border-box; border-radius: 3px; background: rgba(14,159,126,1); margin: 0 0 1% 1%; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.contactform_btn:hover{ background: rgba(14,159,126,0.7); }
.contactform_btn a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #fff; text-align: center; letter-spacing: 3px; }
.contactform_btn a:hover{ text-decoration: none; }
/* input */
input[type=text]{ font-size: 1.4rem; color: #595959; height: 40px; line-height: 40px;  background: transparent; box-sizing: border-box; /* padding: 0 10px; */ padding: 0 3px; width: 98%; }
input[type=date]{ font-size: 1.4rem; color: #595959; height: 40px; line-height: 40px; border-radius: 3px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; width: 98%; }
input[type=date]::-webkit-inner-spin-button { visibility:hidden;}
input[type=text].w50p{ width: 100px; }
/* select */
select{ background: transparent; width: 100%; padding: 0px 10px; font-size: 1.5rem;  color: #595959; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.select-box{ display: inline-block; background: #fff; height: 38px; overflow: hidden; border-radius: 3px; border: 1px solid #ccc; position: relative; vertical-align: middle; margin: 0 0 0 5px; }
.select-box:before{ display: inline-block; content: "\e874"; font-size: 0.875rem; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.select-container{ margin: 0 20px 0 0; position: relative; }
.inputmargin--10{ margin: 0 10px; }
/* checkradio-box */
.checkradio-box{ display: flex; }
.checkradio-box>li{ display: flex; position: relative; margin: 0 20px 0 0; font-size: 1.5rem; }
.common-box .css_table .checkradio-box li{ margin: 0 20px 0 0; }
.checkradio-box>li:last-child{ margin: 0 0 0 0; }
input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
input[type=radio]:checked + label:before {content:'\f058'; color:#0e9f7f; }
input[type=checkbox]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
input[type=checkbox] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
input[type=checkbox]:checked + label:before {content:'\f058'; color:#0e9f7f; }
input ,textarea{  outline:0; box-sizing:border-box; width: 98%; transition:all .6s; background: transparent; }
textarea{ font-size: 1.4rem; resize:none; height:40px; min-height:40px; padding: 0px; transition:all .6s; overflow: hidden; }
input:focus ,textarea:focus{ border-color:#0e9f7f; }
textarea:focus{ resize:vertical; height:10em; min-height:10em;  }
.musticon{ color:#FF80B2; font-size: 1.2rem; margin: 0 5px 0 0; }
/* news socialmedia */
.news_socialmedia-box{ /*width: 100px;*/ display: flex; flex-direction: row; align-items: center; position: relative; right: 9%; /* top: -13%; */ top: 0; opacity: .6; transform:scale(0.7);}
.news_socialmedia-box>li{ position: relative; }
.news_socialmedia-box>li>a{ width: 100%; height: 100%;	position: absolute; left:0; top:0 }
.news_socialmedia-box>li:nth-child(1){ width: 48px; height: 48px; background: url(/images/event_socialmedia_icon.png); text-indent: -9999px; list-style: none; }





/* nopage */
.nopage-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 10%; color: #aaa; min-height: calc(100vh - 330px); }
.nopage-box i{ font-size: 10rem; color: rgba(14,159,127,1); margin: 0 0 10px 0; }
.nopage-box .tit{ font-size: 1.8rem; color: #000; }
.en .nopage-box p.tit, .jp .nopage-box p.tit{ font-size: 1.8rem; }





/* backside */
.backside-box{ box-sizing: border-box; padding: 50px; }
.plus{ display: inline-block; width: 30px;	height: 30px; border-radius: 100%; background: rgba(14,159,126,1); position: relative; cursor: pointer; transition: all 1s cubic-bezier(.23,1,.32,1); }
.plus:after{ content: '+';  color: #fff; font-size: 3rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%); }
.plus:hover{ background: rgba(14,159,126,0.6); }
.minus{ display: inline-block; width: 30px;	height: 30px; border-radius: 100%; background: #0e9f7f; position: relative; cursor: pointer; transition: all 1s cubic-bezier(.23,1,.32,1); }
.minus:hover{ background: rgba(14,159,126,0.6); }
.minus:after{ content: '-';  color: #fff; font-size: 4rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%); }
.youtube-box{ width: 100%; height: 0; padding-bottom: 56.25%; position: relative; margin: 20px 0; }
.youtube-box>iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.btn_outlink{ display: inline-block; text-decoration: none; padding: 20px; background: #0e9f7f; text-align: center; border-radius: 3px; color: #fff; font-size: 1.8rem; }
.common-box a.btn_outlink:hover{ text-decoration: none; }
.btn_outlink:after{ content: '\e876'; margin: 0 0 0 5px; }





/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

/* kv-box */
.kv-box{ width: 100%; height:0; padding-bottom: 22.7%;  overflow: hidden; }
.kv-box>img{ width: 100%; height: auto; }





/* news */
.news-container{ box-sizing: border-box; padding: 0 3% 70px 3%; overflow: hidden; }
.news-box{ width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }
.news-box>li{ width: 40vw; height: auto; border-bottom: none; position: relative; margin: 0 50px 60px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.news-box>li:nth-child(even){ margin: 0 0 60px 0; }
.news-box>li>a{ display: block;	width: 100%; height: 100%; position: absolute; left: 0;	top: 0; }
.news-box>li:hover{ background: #fff; }
.news-box .img-box{ width: 40vw; height: 33vw; position: relative; overflow: hidden; }
.news-box .img-box>img{ width: 100%; }
.news-box .content-box{ display: flex; flex-direction: column; justify-content: space-between; height: calc( 100% - 265px); box-sizing: border-box; padding: 20px 0px; }
.txt-block{ margin: 0 0 18px 0; }
.txt-block .info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 10px 0; }
.txt-block .tit{ font-size: 1.8rem; line-height: 1.4em; font-weight: 300; color: #000; }
/* btn_more */
.btn_more{ display: inline-block; width: 70px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #52C1CC; font-size: 1.4rem; color: #52C1CC; text-align: center;  transition: all 0.4s cubic-bezier(.23,1,.32,1); }
.news-box>li:hover .btn_more{ background: #52C1CC; color: #fff; }





/* video */
.video-box>li{ width: 320px; height: 420px; background: #f6f6f6; position: relative; margin: 0 40px 40px 0; }
.video-box>li:nth-child(even){ margin: 0 0 40px 0; }




/* list */
.list-box .intro{ max-width: 80%; }





/* testing */
.testing-container{ box-sizing: border-box; padding: 0 3% 70px 3%; color: #13312a; }
.testing-box{ margin: 0 0 30px 0; }
.testing-container .module01{ display: flex; justify-content: center; flex-wrap: wrap; font-size: 2rem; line-height: 1.5em; }
.testing-container .module01 li{ width: 48%; height: 165px; margin: 0 10px 10px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.testing-container .module01 li:nth-child(odd){ background: #b5ddd4; }
.testing-container .module01 li:nth-child(even){ background: #d5eae5; margin: 0 0 10px 0; }
.testing-container .module01 li:hover{ opacity: 0.6; }
.testing-container .module01 li a{ display: flex; justify-content: center; text-align: center; box-sizing: border-box; padding: 20% 5% 0 5%; line-height: 1.5em; width: 100%; height: 100%; }
.testing-container .module02{ display: flex; flex-wrap: wrap; }
/* .testing-container .module02 li{ width: 46%; height: 165px; margin: 0 4% 20px 0; background: rgba(181,221,212,1); box-sizing: border-box; padding: 10px; position: relative; transition: all 1s cubic-bezier(.23,1,.32,1); overflow: hidden; } */
.testing-container .module02 li{ width: 46%; height: 120px; margin: 0 4% 20px 0; background: rgba(181,221,212,1); box-sizing: border-box; padding: 10px; position: relative; transition: all 1s cubic-bezier(.23,1,.32,1); overflow: hidden; }
.testing-container .module02 li .img-box{ min-width: 100px; min-height: 100px; margin: 0 10px 0 0; }





/* event */
/* event gift */
.event_gift-box{ flex-direction: row; align-items: flex-start; }
.event_gift-box>li{ width: 32%; margin: 0 1% 20px 0; }
/* eventform-box  */
.eventform-box{ display: flex; flex-wrap: wrap; }
.eventform-box>li{ width: 48.5%;  }
.eventform-box .w100{ width: 98%; }
.check-box>li +li{ margin: 0 0 0 8px; }
.morecheck{ flex-direction: row; }
.morecheck>li +li{ margin: 0 0 0 10px }
/* eventform_btn */
.eventform_btn{ width: 48.5%; }
/* event social media */
.event_socialmedia-box{ right: -1.5%; }






/* common */
.common-box img{ width: auto; max-width: 60%; display: block; margin: 20px 0; }
/* news socialmedia */
.news_socialmedia-box{ right: -2%; top: 0%; }
/* recommend */
.recommend-container{ margin: 15px 0 0 0; }
.recommend-container h5{ font-size: 2rem; color: #52C1CC; font-weight: 300; margin: 0 0 20px 0; }
.recommend-box{ width: 100%; max-width: 900px; display: flex; flex-wrap: wrap; }
.recommend-box>li{ width: 45%; height: 83px; border-bottom: none; position: relative; margin: 0 30px 30px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.recommend-box>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0;	top: 0; }
/* .recommend-box>li:hover{ background: #fff; } */
.recommend-box .img-box{ width: 100px; min-width: 100px; position: relative; overflow: hidden; }
.recommend-box .img-box>img{ width: 100%; }
.recommend-box .content-box{ display: flex; box-sizing: border-box; padding: 10px 0px 10px 0; }
.txt-block{ margin: 0 0 18px 0; }
.txt-block .info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 10px 0; }
.txt-block .tit{ font-size: 1.5rem; line-height: 1.4em; font-weight: 300; color: #000; }
.videopup-container .recommend-box>li{ height: auto; }





/* backside */
.backside-box{ box-sizing: border-box; padding: 50px; }
.plus{ display: inline-block; width: 30px;	height: 30px; border-radius: 100%; background: rgba(14,159,126,1); position: relative; cursor: pointer; transition: all 1s cubic-bezier(.23,1,.32,1); }
.plus:after{ content: '+';  color: #fff; font-size: 3rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%); }
.plus:hover{ background: rgba(14,159,126,0.6); }
.minus{ display: inline-block; width: 30px;	height: 30px; border-radius: 100%; background: #0e9f7f; position: relative; cursor: pointer; transition: all 1s cubic-bezier(.23,1,.32,1); }
.minus:hover{ background: rgba(14,159,126,0.6); }
.minus:after{ content: '-';  color: #fff; font-size: 4rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%); }
.youtube-box{ width: 60%; height: 0; padding-bottom: 33.75%; position: relative; margin: 20px 0; }
.youtube-box>iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }





}





/* $ other Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:722px){

/* video */
.video-box{ flex-direction: column; align-items: center; }
.video-box>li{ margin: 0 0 40px 0; }

}





/* $橫的版型 */
@media screen and (orientation:landscape){


}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px){

/* h3 */
h3{ font-size: 2.8rem; line-height:45px; font-weight: 300; letter-spacing: 5px; color: #595959; text-align: center; margin: 0 0 85px 0; }





/* kv-box */
.kv-box{ width: 100%; height:0; padding-bottom: 22.7%; overflow: hidden; }
.kv-box>img{ width: 100%; height: auto; }





/* layout-container */
.layout-container{ display: flex; }
/* leftsubnav-container */
.leftsubnav-container{ width: 345px; box-sizing: border-box; padding: 80px 50px 0 85px; background: #fff; font-size: 1.6rem; font-weight: 300; }
.en .leftsubnav-container{ padding: 80px 35px 0 35px; }
.jp .leftsubnav-container{ padding: 80px 50px 0 65px; }
.leftsubnav-container .kv-box{ display: none; }
.leftsubnav-box{ width: 100%; margin: 0; border-radius: 0;  overflow: visible; box-sizing: border-box; padding: 0 0 0 0; background: none; }
.leftsubnav_mobiletit-box{ display: none; }
.leftsubnav-block{ display: block; }
.leftsubnav-block>li{ height: 45px; border-bottom: 1px solid #d9d9d9; text-align: left; }
.leftsubnav-block>li>a{ width: 100%; line-height: 45px; color: #595959; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 1s cubic-bezier(.23,1,.32,1); }
.leftsubnav-block>li>a:hover{ color: #0e9f7f; }
.leftsubnav-block>li.active>a{ color: #0e9f7f; }
.leftsubnav-block>li.active>a:after{ content: '\e876'; display: inline-block; vertical-align: middle; color: #0e9f7f; margin: 0 0 0 10px; }
/* main-container */
.main-container{ width: calc(100% - 345px) }
.main-container .kv-box{ display: block; }
/* breadcrumb-box */
.breadcrumb-box{ font-size: 1.4rem; font-weight: 300; margin: 30px 0 25px 0; box-sizing: border-box; padding: 0; }
.breadcrumb-box a,.breadcrumb-box{ color: #979797; transition: all 1s cubic-bezier(.23,1,.32,1); }
.breadcrumb-box span:after{ content: '/'; display: inline-block; margin: 0 5px; }
.breadcrumb-box span:last-child:after{ display: none; }
.breadcrumb-box a:hover,.breadcrumb-box span.active a,.breadcrumb-box span.active{ color: #0e9f7f; }
    .breadcrumb-header {
        font-size: 2rem;
        margin: 0 0 10px 0;
        text-align: left;
        letter-spacing: normal;
        line-height: 1.6em;
        position: relative;
        box-sizing: border-box;
        padding: 0;
    }





/* list_controls-container */
.list_controls-container{ position: relative; }
.list_controls_direction-box{ height: 12px; position: absolute; left: 47%; top: 50%; transform: translate(-50%,-80%); }
.list_controls_direction-box li{ width: 56px; height: 12px; text-indent: -9999px; white-space: nowrap; overflow: hidden; position: absolute; }
.list_controls_direction-box a{ width: 100%; height: 100%; display: block;  }
.list_controls_direction-box li.prev{ background: url(/images/arrowL.png); left: -200px; }
.list_controls_direction-box li.next{ background: url(/images/arrowR.png); right: -200px; }
.list_controls_pager-box { display: flex; justify-content: center; margin: 30px 0 0 0; width: 94%; }
.list_controls_pager-box li{ width: 10px; height: 10px; border-radius: 50%; background: #e3e3e3; margin: 0 20px 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.list_controls_pager-box li:hover,.list_controls_pager-box li.active{ background: #52C1CC; }
.list_controls_pager-box li a{ display: block;	width: 100%; height: 100%; }
.list_controls_pager-box li:last-child{ margin: 0 0 0 0; }





/* news */
.news-container{ box-sizing: border-box; padding: 0 0 70px 0; overflow: hidden; }
.news-box{ width: 100%; display: flex; flex-wrap: wrap; }
.news-box>li{ width: 260px; height: 380px; border-bottom: none; position: relative; margin: 0 65px 60px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.news-box>li>a{ display: block;	width: 100%; height: 100%; position: absolute; left: 0;	top: 0; }
.news-box>li:hover{ background: #fff; }
.news-box .img-box{ width: 260px; height: 215px; position: relative; overflow: hidden; }
.news-box .img-box>img{ width: 100%; }
.news-box .content-box{ display: flex; flex-direction: column; justify-content: space-between; height: calc( 100% - 215px); box-sizing: border-box; padding: 20px 0px 10px 0; }
.txt-block{ margin: 0 0 18px 0; }
.txt-block .info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 10px 0; }
.txt-block .tit{ font-size: 1.8rem; line-height: 1.4em; font-weight: 300; color: #000; }
/* btn_more */
.btn_more{ display: inline-block; width: 70px; box-sizing: border-box; padding: 10px 15px; border: 1px solid #52C1CC; font-size: 1.4rem; color: #52C1CC; text-align: center;  transition: all 0.4s cubic-bezier(.23,1,.32,1); border-radius:5px; }
.news-box>li:hover .btn_more{ background: #52C1CC; color: #fff; }
/* recommend */
.recommend-container{ margin: 15px 0 0 0; }
.recommend-container h5{ font-size: 2rem; color: #52C1CC; font-weight: 300; margin: 0 0 20px 0; }
.recommend-box{ width: 100%; max-width: 900px; display: flex; flex-wrap: wrap; }
.recommend-box>li{ width: 30%; height: 83px; border-bottom: none; position: relative; margin: 0 30px 30px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.recommend-box>li>a{ display: block; width: 100%; height: 100%; position: absolute; left: 0;	top: 0; }
.recommend-box>li:hover p{ text-decoration: underline; }
/* .recommend-box>li:hover{ background: #fff; } */
.recommend-box .img-box{ width: 100px; min-width: 100px; position: relative; overflow: hidden; }
.recommend-box .img-box>img{ width: 100%; }
.recommend-box .content-box{ display: flex; box-sizing: border-box; padding: 10px 0px 10px 0; }
.txt-block{ margin: 0 0 18px 0; }
.txt-block .info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 10px 0; }
.txt-block .tit{ font-size: 1.5rem; line-height: 1.4em; font-weight: 300; color: #000; word-break: break-all; }
.videopup-container .recommend-container{ display: flex; justify-content: center; flex-wrap: wrap; margin: 40px auto; }
.videopup-container .recommend-container h5{ width: 100%; text-align: center; margin: 0 0 10px 0; }
.videopup-container .recommend-container .txt-block .tit{ color: #fff; }
.videopup-container .recommend-container .recommend-box>li:hover{ background: none; }
.videopup-container .recommend-box{ width: 100%; max-width: 800px; display: flex; flex-wrap: wrap; }
.videopup-container .recommend-box .img-box{ width:100px;  min-width: 100px; }
.videopup-container .txt-block .tit{ font-size: 1.5rem;  }
.videopup-container .recommend-box>li{ height: auto; margin: 0 26px 20px 0; }
.videopup-container .recommend-box .img-box{ width: 60px; min-width: 60px; }
.videopup-container .txt-block{ margin: 0 0 0px 0; }





/* video */
.video-container{ box-sizing: border-box; padding: 0 0 70px 0; }
.video-box{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
.video-box>li{ width: 370px; height: 420px; position: relative; margin: 0 65px 100px 0; }
.video-box .img-box{ width: 370px; height: 207px; position: relative; overflow: hidden;	 }
    .video-box .img-box:after {
        position: absolute;
        left: 20px;
        bottom: 10px;
        display: block;
        width: 50px;
        height: 50px;
        content: url(/images/play_icon.svg);
    }
.video-box .img-box a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999; }
.video-box .txt-box{ display: flex; flex-direction: column; justify-content: space-between; height: calc( 100% - 207px); box-sizing: border-box; padding: 30px 20px; }
.video-box .tit-block{ font-size: 2rem; line-height: 1.5em; font-weight: 300; color: #000; }
.video-box .info-block{ height: 1.5em; font-size: 1.4rem; color: #979797; position: relative; }
.video-box .info-block p{ position: absolute; left: 0; top: 0; }
.video-box .info-block p:after{ content: ''; display: block; border-bottom: 1px solid #dfdfdf; margin: 5px 0 0 0; }
.video-box>li .img-box img{}
.img-box:hover:after{ content: url(/images/play_icon_hover.svg); }





/* list */
.list-container{ box-sizing: border-box; padding: 0 0 70px 0; font-size: 1.8rem; color: #13312a; line-height: 2em; }
.list-container a{ line-height: 2em; transition: all 1s cubic-bezier(.23,1,.32,1); }
.list-container a:hover{ color: #0e9f7f; }
.year-box{ display: flex; align-items: center; margin: 0 0 30px 0; }
.list-box{ margin: 0 0 60px 0; }
.list-box>li{ display: flex; align-items: flex-start; margin: 0 0 35px 0; }
.list-box .date:after{ content: '|'; font-size: 1.4rem; margin: 0px 18px; }
.list-box .intro{ max-width: 80%; }
.list-box .intro img{ margin: 0 0 0 10px; }





/* testing */
.testing-container{ box-sizing: border-box; padding: 0 0 70px 0; color: #13312a; }
.testing-box{ margin: 0 0 70px 0; }
.testing-container .module01{ display: flex; flex-wrap: wrap; font-size: 2rem; line-height: 1.5em; }
.testing-container .module01 li{ width: 300px; height: 165px; margin: 0 10px 10px 0; transition: all 1s cubic-bezier(.23,1,.32,1); }
.testing-container .module01 li:nth-child(odd){ background: #b5ddd4; }
.testing-container .module01 li:nth-child(even){ background: #d5eae5; }
.testing-container .module01 li:hover{ opacity: 0.6; }
.testing-container .module01 li a{ display: flex; justify-content: center; text-align: center; box-sizing: border-box; padding: 20% 5% 0 5%; line-height: 1.5em; width: 100%; height: 100%; }
.testing-container .module02{ display: flex; flex-wrap: wrap; font-size: 2rem; line-height: 1.5em; }
.testing-container .module02 li{ display: flex; align-items: center; width: 46%; max-width: 450px; height: 165px; margin: 0 4% 20px 0; background: rgba(181,221,212,1); box-sizing: border-box; padding: 10px; position: relative; transition: all 1s cubic-bezier(.23,1,.32,1); overflow: hidden; }
.testing-container .module02 li:nth-child(odd){ background: #b5ddd4; }
.testing-container .module02 li:nth-child(even){ background: #d5eae5; }
.testing-container .module02 li .img-box{ min-width: 145px; min-height: 145px; margin: 0 10px 0 0; }
.testing-container .module02 li>a{ display: block; width: 100%; height: 100%; position: absolute; left:0; top: 0; }





/* locial */
.locial-container{ box-sizing: border-box; padding: 0 0 70px 0; }
.locial-box{ width: 100%; border: 1px solid #b5ded5; border-radius: 3px; margin: 20px auto 30px auto; font-size: 1.5rem; line-height: 1.5em; }
.locial-container .common-box .tit{ border-bottom: 1px solid #b5ded5; background: #eef7f5; height: 60px; line-height: 60px; color: #0e9f7e; font-weight: 300; text-align: center; position: relative; }
.locial-container .expand{ position: absolute; right: 15px; top: 50%; transform: translateY(-55%); font-size: 50px; cursor: pointer; }
.locial-container .expand:after{ content: '-'; }
.locial-container .expand.active:after{ content: '+'; font-size: 40px; }
.locial-container .common-box h4{ text-align: center; color: #0ca894; font-weight: 300; margin: 20px 0 0 0; }
.lociallist{ display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 20px 20px 0px 20px; }
.locial-container .lociallist li{ list-style: none; width: 46.3%; margin: 0 0 15px 20px; box-sizing: border-box; padding: 0 20px 0 0; }
.locial-container .lociallist li:before{ font-size: 12px; color: #b5ded5; content: '\f111'; font-weight: 600; display: inline-block; margin-left: -20px; width: 20px; }
.locial-container .select-container{ width: 40%; height:45px; line-height: 45px; border: 1px solid #b5ded5; color: #0ca894; background: #eef7f5; border-radius: 3px; position: relative; box-sizing: border-box; padding: 0 0 0 0; margin: 0 0 30px 0; }
.locial-container .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; color: #0ca894; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.locial-container .select-container>span{ display: inline-block; width: 100%; color: #0ca894; cursor: pointer; font-size: inherit; font-weight: 300; box-sizing: border-box; padding: 0 0 0 10px; }
.locial-container .select-container>ul{ background: #fff; border-radius: 3px; font-size: 1.8rem; display: none; position: relative; left: -1px; z-index: 999; width: auto;	}
.locial-container .select-container>ul>li{ height: 45px; line-height: 45px; background: #b5ddd4; box-sizing: border-box; padding: 0 10px; margin: 0 0 1px 0; cursor: pointer; }
.locial-container .select-container>ul>li:before{ display: none; }





/* contact */
.contact-container{ width:100%; max-width: 1280px; margin: 0 auto; font-size: 1.8rem; line-height: 2em; color: #595959; }
.contact-container .breadcrumb-box{ width: 100%; max-width: 1280px; box-sizing: border-box; padding: 0 10px; margin: 30px auto 25px auto; }
.contact-box{ display: flex; }
.contact_kv{ display: block; width: 30%; margin: 0 1% 10px 0; background: url(/images/contact_kv.jpg) left top; background-size: cover;  }
.contact_kv>img{ width: 395px; }
/* .en .contact_kv>img{ width: 410px; } */
.contact_main{ width: 60%; box-sizing: border-box; padding: 0 1% 0 1%; margin: 0 0 0 0; }
.contact_main h1{ font-size: 3rem; font-weight: 300; color: #0ca894; text-align: left; margin: 0 0 0 0; }
.contact_main h1:after{ content: ''; display: block; height: 1px; border-bottom: 1px solid #b5ddd4; margin: 10px 0 30px 0; }
.contact_main .tit{ font-size: 2rem; color: #0e9f7f; }
.contact_main .note{ font-size: 1.4rem; line-height: 1.5em; margin-left: 12px; position: relative; }
.contact_main .note:before{ content: '*'; position: absolute; left: -10px; top: 2px;}
.contact_main a{ color: #0e9f7f; }
.contact_main a:hover{ text-decoration: underline; }
.contact_main ul.listitem { margin: 10px 0 30px 0; }
.contact_main ul.listitem li{ list-style: disc; margin-left: 30px;  }
.contact_main .decimallist li{ list-style: decimal; margin-left: 30px; }
.contact_main .font--bold{ font-weight: 300; }
.contact_main .eventform-box .w100>label{ width: auto; min-width: 80px; }
.contact_main .eventform-box>li>label{ min-width: 80px; margin: 0 15px 0 0; font-weight: inherit; }
.contact_main.jp .eventform-box>li>label{ min-width: 105px; margin: 0 15px 0 0; font-weight: inherit; }
.contact_main.en .eventform-box>li>label{ min-width: 110px; margin: 0 8px 0 0; font-weight: inherit; }
.contact_main .eventform-box>li{ background: #DDF3F5; }
.contact_main .select-container{ width: 100%; height:36px; position: relative; box-sizing: border-box; padding: 0 0 0 10px; }
.contact_main .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.contact_main .select-container>span{ display: inline-block; width: 100%; color: #ccc; cursor: pointer; font-size: inherit; font-weight: 400; }
.contact_main .select-container>ul{ background: #fff; font-size: 1.5rem; display: none; position: relative; z-index: 999;	}
.contact_main .select-container>ul>li{ height: 35px; line-height: 35px; background: #b5ddd4; box-sizing: border-box; padding: 0 0; margin: 0 0 1px 0; cursor: pointer; }
.contact_main input[type=text]{ color: #ccc; }
.contact_main select{ background: transparent; width: 100%; padding: 0px 0px; font-size: 1.8rem;  color: #ccc; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }






/* event */
.event-container{ width: 100%; }
.event-container .breadcrumb-box{ width: 100%; max-width: 1280px; box-sizing: border-box; padding: 0 10px; margin: 30px auto 25px auto; }
.event-container .tit{ font-weight: 400; color: #d92064; margin: 0 0 5px 0; }
.mobile--center{ text-align:left; margin: 0 0 0 0; }
.event_kv-container{ width: 100%; background: #f9dce3; }
.event_kv-box{ width: 100%; max-width: 1268px; height: 700px; margin: 0 auto; position: relative; }
.event_kv_img-box{ width: 100%;	overflow: hidden; }
.event_kv_txt-box{ width: 578px; height: 290px;	background: #f6cbcf; font-size: 2rem; line-height: 1.8em; font-weight: 300;	 color: #4b4b4b; position: absolute; left: 40px; top: 490px; box-sizing: border-box; padding: 30px 30px 30px 30px; overflow: hidden; }
.event_kv_txt_tit{ font-size: 2.4rem; color: #d70050; margin: 0 0 15px 0; }
.event_info-container{ background: #ffedf2; box-sizing: border-box; padding: 115px 0 80px 0; margin: 0 0 25px 0; }
.event_info-container.type2{  /* padding: 50px 0 80px 0; */ padding: 20px 0 80px 0; }
.event_info-box{ width: 100%; max-width: 1188px; box-sizing: border-box; padding: 0 20px 40px 20px; margin: 0 auto; font-size: 1.8rem; line-height: 1.5em; overflow: hidden; }
.event_info-box>li{ display: flex; flex-wrap: wrap; margin: 0 0 15px 0; }
.event_info-box>li>.tit{ font-size: 1.8rem;	 min-width: 70px; margin: 0 30px 0 0; color: #d92064; font-weight: 400; }
.event_info-box>li>div:nth-child(2){ width: 90%; }
.event_list-box{ list-style-type: decimal; margin: 0 0 0 20px; line-height: 2em; }
.event_gift-box{ width: 100%; max-width: 1188px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; box-sizing: border-box; padding: 0 0 0 20px; }
.gift--center{ justify-content: center; }
.event_gift-box>li{ width: 360px; margin: 0 29px 20px 0; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.giftimg-box{ margin: 0 0 10px 0; }
.gifttxt-box{ font-size: 1.4rem; line-height: 2em; color: #000; font-weight: 300; }
.giftprice{ font-size: 2.6rem; color: #d92064; font-weight: 400; }
.giftprice:before{ content: '市價'; font-size: 1.4rem; color: #000; margin: 0 5px 0 0; font-weight: 400; }
.gift_otherimg-box{ display: flex; align-items: flex-start; width: 100%; /* max-width: 1188px; */  max-width: 1268px; margin: 0 auto 40px auto; }
.gift_otherimg-box>img{ width: auto; max-width: 100%; }
.event_other-container{ width: 100%; max-width: 1188px;	margin: 0 auto;	font-size: 1.8rem; line-height: 2em; box-sizing: border-box; padding: 0 20px 0 20px; }
/* eventform-box  */
.eventform-box{ display: flex; flex-wrap: wrap; width: 100%; font-size: 1.8rem; margin: 10px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.jp .eventform-box{ font-size: 1.5rem; }
.en .eventform-box{ font-size: 1.4rem; }
.eventform-box>li{ list-style: none; display: flex; width: 48.5%; box-sizing: border-box; padding: 8px 20px; border-radius: 3px; background: #eee; margin: 0 1% 10px 0; position: relative; }
.eventform-box .w100{ width: 98%; }
.eventform-box .w100>label{ width: auto; min-width: 130px; }
.eventform-box>li>label{ min-width: 130px; margin: 0 15px 0 0; }
label.mark{ position: relative;}
label.mark:after{content:'*'; font-size:1rem; color:red; position: absolute; left:-10px; top:0;}
.check-box{ display: flex; flex-wrap: wrap; flex-direction: row; }
.check-box>li{ display: flex; position: relative; }
.check-box>li +li{ margin: 0 0 0 15px; }
.check-box .select-container{ width: 100px; margin: 0 0 0 10px; }
.address>div{ display: flex; flex-direction: row; align-items: center; }
.address .select-container{ width: 160px;}
.address .select-container{ margin: 0 5px 0 0; }
.check-box .select-container.adj{ margin: 0 0 5px 0; }
.childage .check-box .select-container{ width: 60px;}
.address .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.check-box .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.address select{ width: 100%; background: #fff; position: relative; font-size: 1.8rem; }
.check-box select{ width: 100%; background: #fff; position: relative; font-size: 1.8rem; }
.check-box input[type=radio]{ position: absolute; top:0; left:0; width:145px; height:100%; opacity:0; z-index:2; cursor:pointer; }
.check-box input[type=checkbox]{ position: absolute; top:0; left:0; width:145px; height:100%; opacity:0; z-index:2; cursor:pointer; }
.childage .check-box input[type=radio]{ width:110px; }
.childage .check-box input[type=checkbox]{ width:80px; }
.check-box input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
.check-box input[type=radio]:checked + label:before {content:'\f058'; color:#0e9f7f; }

/* .eventform-box>li{ background: #eefaf6; }
.eventform-box .select-container{ width: 40%; height:36px; position: relative; box-sizing: border-box; padding: 0 0 0 10px; }
.eventform-box .select-container:after{ content: '\f0d7'; font-weight: 600; font-size: 2rem; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.eventform-box .select-container>span{ display: inline-block; width: 100%; color: #ccc; cursor: pointer; font-size: inherit; font-weight: 400; }
.eventform-box .select-container>ul{ background: #fff; font-size: 1.5rem; display: none; position: relative; z-index: 999;	}
.eventform-box .select-container>ul>li{ height: 35px; line-height: 35px; background: #b5ddd4; box-sizing: border-box; padding: 0 10px; margin: 0 0 1px 0; cursor: pointer; }
 */
/* event input */
.eventform-box .w20{ width: 42px; height: auto; line-height: 1.5em; margin: 0 5px 0 5px; border-bottom: 1px solid #ccc; }
/* eventform_btn */
.eventform_btn{ display: flex; justify-content: center; align-items: center; width: 48.5%; box-sizing: border-box; border-radius: 3px; background: rgba(14,159,126,1); margin: 0 0 1% 0; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.eventform_btn:hover{ background: rgba(14,159,126,0.7); }
.eventform_btn a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #fff; text-align: center; letter-spacing: 3px; }
.eventform_btn a:hover{ text-decoration: none; }
/* .event notice */
.event_notice-box{ box-sizing: border-box; padding: 0 0 0 0; margin: 50px 0 0 0; overflow: hidden; }
.event_notice-box>ul{ list-style: decimal; margin: 0 0 0 20px; }
.event_notice-box>ul>li{ margin: 0 0 5px 0; }
/* event logo */
.event_other-container .logo-box{ display: flex; flex-wrap: wrap; margin: 80px 0 0 0; }
.event_other-container .logo-box ul{ display: flex; align-items: center; margin: 0 60px 20px 0; }
.event_other-container .logo-box ul li{ list-style: none; margin: 0 20px 0 0; }
.event_other-container .logo-box ul li a>img{ height: 70px; width: auto; }
.event_other-container .logo-box .logo-tit{ margin: 0 10px 0 0; }
/* event social media */
.event_socialmedia-box{ width: 100px; display: flex; flex-direction: column; align-items: center; position: fixed; right: 1%; top: 40%; opacity: .6; transform:none;}
.event_socialmedia-box>li{ position: relative; }
.event_socialmedia-box>li>a{ width: 100%; height: 100%;	position: absolute; left:0; top:0 }
.event_socialmedia-box>li:first-of-type{ display: flex; justify-content: center; align-items: center; width: 100px; height:100px; border-radius: 50%; background: rgba(14,159,126,1); transition: all 0.6s cubic-bezier(.23,1,.32,1); margin: 0 0 25px 0; }
.event_socialmedia-box>li:first-of-type:hover{ background: rgba(14,159,126,0.7); }
.event_socialmedia-box>li:first-of-type p{ width: 52px; font-size: 2.6rem; line-height: 1.3em; color: #fff; }
.event_socialmedia-box>li:nth-child(2){ width: 48px; height: 48px; background: url(/images/event_socialmedia_icon.png); margin: 0 0 3px 0; text-indent: -9999px; }
.event_socialmedia-box>li:nth-child(3){ width: 48px; height: 48px; background: url(/images/event_socialmedia_icon.png); background-position: 0 -48px; text-indent: -9999px;}
/* event fb */
.fb-box{ width: 100%; max-width: 800px; margin: 90px auto 120px auto; }





/* common */
.common-box{ box-sizing: border-box; padding: 0 5% 0 0; font-size: 1.8rem; line-height: 2em; color: #595959; }
/* common-box h 標題規範 */
.common-box h1{ font-size: 3rem; font-weight: 300; text-align: left; margin: 0 0 0 0; position: relative; }
/*.common-box h1:after{ content: ''; display: block; height: 1px; border-bottom: 1px solid #b5ddd4; margin: 10px 0 5px 0; }*/
.common-box h4{ font-size: 2.4rem; color: #000000; font-weight: 100; }
.common-box h5{ font-size: 2rem; color: #0e9f7f; font-weight: 300; margin: 0 0 10px 0; }
.common-box h6{ font-size: 1.4rem; line-height: 1.5em; margin-left: 12px; position: relative; font-weight: 100; }
.common-box h6:before{ content: '*'; position: absolute; left: -10px; top: 2px; }
    .info-header {
        color: #0ca894;
        display: flex;
        flex-direction: row;
        align-items: self-start;
        content: '';
        border-bottom: 1px solid #b5ddd4;
        /*margin: 0 0 15px 0;*/
    }
.info-header h1 { min-width: 80%; }
.noinfo-header { color: #0ca894; display: flex; flex-direction: row; align-items: self-start; content: ''; border-bottom: 1px solid #b5ddd4; margin: 0 0 35px 0; }
.common-box .noinfobox{ margin: 0 0 0 0; }
.common-box img{ width: auto; max-width: 800px; display: block; margin: 20px 0; }
.common-box ul { }
.common-box ul li{ list-style: disc; margin-left: 30px;  }
.common-box .decimallist li{ list-style: decimal; margin-left: 30px;  }
.info-box{ display: flex; justify-content: space-between; font-size: 1.4rem; color: #979797; margin: 0 0 40px 0; }
.common-box .hightlight{ font-size: 2.4rem; color: #000000; }
.common-box .tit{ font-size: 2rem; color: #0e9f7f; }
.common-box .note{ font-size: 1.4rem; line-height: 1.5em; margin-left: 12px; position: relative; }
.common-box .note:before{ content: '*'; position: absolute; left: -10px; top: 2px;}
.common-box a{ color: #52C1CC; }
.common-box a:hover{ text-decoration: underline; }
.common-box .notice{ font-size: 1.6rem; }
/* common-box table 規範 */
.common-box table{ border: 1px solid #ccc; font-size: 1.6rem; line-height: 1.5; border-radius: 3px;	 }
.common-box td{ box-sizing: border-box; padding: 10px 10px; border: 1px solid #ccc; border-width: 0 1px 1px 0; }
.common-box tr:last-child td{ border-width: 0 1px 0 0; }
.common-box tr:last-child td:last-child{ border-width: 0 0 0 0; }
.common-box td:last-child{ border-width: 0 0 1px 0; }
.common-box td img{ display: block;	margin: 0 auto;	 }
.common-box ul.contact-box li{  }
.common-box .contact-box{ margin: 10px 0 30px 0; }
.common-box .contact-box>li>span{  }
.common-box .font--bold{ font-weight: 300; }
/* news socialmedia */
.news_socialmedia-box { /*width: 100px;*/ display: flex; flex-direction: row; align-items: center; position: relative; right: 0%;/*top: 0%;*/ opacity: .6; transform: none; }
.news_socialmedia-box>li{ position: relative; }
.news_socialmedia-box>li>a{ width: 100%; height: 100%;	position: absolute; left:0; top:0 }
.news_socialmedia-box>li:nth-child(1){ width: 48px; height: 48px; background: url(/images/event_socialmedia_icon.png); text-indent: -9999px; list-style: none; }





.musticon{ color:#FF80B2; font-size: 1.2rem; margin: 0 5px 0 0; }
/* contactform-box  */
.contactform-box{ display: flex; flex-wrap: wrap; width: 80%; font-size: 1.8rem; margin: 10px 0 0 0; }
.common-box .contactform-box>li{ list-style: none; display: flex; width: 49.5%; box-sizing: border-box; padding: 8px 20px;	border-radius: 3px; background: #eee; margin: 0 1% 1% 0; }
.common-box .contactform-box>li:nth-child(even){ margin: 0 0 1% 0; }
.common-box .contactform-box .w100{ width: 100%; margin: 0 0 1% 0; }
.common-box .contactform-box .w100>label{ width: auto; min-width: 100px; }
.common-box .contactform-box li>label{ min-width: 100px; }
label.mark{ position: relative;}
label.mark:after{content:'*'; font-size:1rem; color:red; position: absolute; left:-10px; top:0;}
/* contactform_btn */
.contactform_btn{ display: flex; justify-content: center; align-items: center; width: 49.5%; box-sizing: border-box; border-radius: 3px; background: rgba(14,159,126,1); margin: 0 0 1% 1%; transition: all 0.6s cubic-bezier(.23,1,.32,1); }
.contactform_btn:hover{ background: rgba(14,159,126,0.7); }
.contactform_btn a{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #fff; text-align: center; letter-spacing: 3px; }
.contactform_btn a:hover{ text-decoration: none; }
/* input */
input[type=text]{ font-size: 1.8rem; color: #595959; height: 40px; line-height: 40px;  background: transparent; box-sizing: border-box; padding: 0 10px; width: 98%; }
.contact_main.en input[type=text]{ font-size: 1.4rem; }
.contact_main.jp input[type=text]{ font-size: 1.5rem; }
input[type=date]{ font-size: 1.8rem; color: #595959; height: 40px; line-height: 40px; border-radius: 3px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; width: 98%; }
input[type=date]::-webkit-inner-spin-button { visibility:hidden;}
input[type=text].w50p{ width: 100px; }
/* select */
select{ background: transparent; width: 100%; padding: 0px 10px; font-size: 1.5rem;  color: #595959; line-height: 1;  border: 0;  border-radius: 0;  height: 38px;  -webkit-appearance: none; box-sizing: border-box;  position: absolute; }
.select-box{ display: inline-block; background: #fff; height: 38px; overflow: hidden; border-radius: 3px; border: 1px solid #ccc; position: relative; vertical-align: middle; margin: 0 0 0 5px; }
.select-box:before{ display: inline-block; content: "\e874"; font-size: 0.875rem; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.select-container{ margin: 0 20px 0 0; }
.inputmargin--10{ margin: 0 10px; }
/* checkradio-box */
.checkradio-box{ display: flex; }
.checkradio-box>li{ display: flex; position: relative; margin: 0 20px 0 0; font-size: 1.5rem; }
.common-box .css_table .checkradio-box li{ margin: 0 20px 0 0; }
.checkradio-box>li:last-child{ margin: 0 0 0 0; }
input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
input[type=radio] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
input[type=radio]:checked + label:before {content:'\f058'; color:#0e9f7f; }
input[type=checkbox]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; }
input[type=checkbox] + label:before {content:'\f111'; color:#ccc; margin-right:.2rem; }
input[type=checkbox]:checked + label:before {content:'\f058'; color:#0e9f7f; }
input ,textarea{  outline:0; box-sizing:border-box; width: 98%; transition:all .6s; background: transparent; }
textarea{ font-size: inherit; resize:none; height:40px; min-height:40px; padding: 0px; transition:all .6s; overflow: hidden; }
input:focus ,textarea:focus{ border-color:#0e9f7f; }
textarea:focus{ resize:vertical; height:10em; min-height:10em;  }





/* nopage */
.nopage-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 10%; color: #aaa; min-height: calc( 100vh - 394px); }
.nopage-box i{ font-size: 10rem; color: rgba(14,159,127,1); margin: 0 0 10px 0; }
.nopage-box .tit{ font-size: 5.3rem; color: #000; }
.en .nopage-box p.tit, .jp .nopage-box p.tit{ font-size: 4rem; }




/* backside */
.backside-box{ box-sizing: border-box; padding: 50px; }
.plus{ display: inline-block; width: 30px;	height: 30px; border-radius: 100%; background: rgba(14,159,126,1); position: relative; cursor: pointer; transition: all 1s cubic-bezier(.23,1,.32,1); }
.plus:after{ content: '+';  color: #fff; font-size: 3rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%); }
.plus:hover{ background: rgba(14,159,126,0.6); }
.minus{ display: inline-block; width: 30px;	height: 30px; border-radius: 100%; background: #0e9f7f; position: relative; cursor: pointer; transition: all 1s cubic-bezier(.23,1,.32,1); }
.minus:hover{ background: rgba(14,159,126,0.6); }
.minus:after{ content: '-';  color: #fff; font-size: 4rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-55%); }
.youtube-box{ width: 60%; height: 0; padding-bottom: 33.75%; position: relative; margin: 20px 0; }
.youtube-box>iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }



}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){

.event_kv-box{ width: 100%; max-width: 1268px; height: 54vw; max-height: 700px; margin: 0 auto; position: relative; }
.event_gift-box>li{ width: 360px; margin: 0 14px 20px 0; }



}