@charset "UTF-8";
._sp { display: none !important; }

._module-contents-old { background: #eaeaea; }

._module-contents-old .inner { /*border-left:rgba(112,112,112,1) 1px solid; border-right:rgba(112,112,112,1) 1px solid;*/ background: white; width: 100%; min-width: 1000px; max-width: 1280px; margin: 0 auto; padding: 80px 60px; }

._module-contents { background: #eaeaea; }

._module-contents .inner { /*border-left:rgba(112,112,112,1) 1px solid; border-right:rgba(112,112,112,1) 1px solid;*/ background: white; width: 100%; min-width: 1040px; max-width: 1040px; margin: 0 auto 0 auto; padding: 25px 60px 30px 60px; position: relative; top: -90px; }

._module-title-old { background: black; display: block; }

._module-title-old:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); }

._module-title-old .title { display: table; width: 100%; height: auto; color: white; }

._module-title-old .title h1 { display: table-cell; vertical-align: middle; font-size: 6.0rem; height: 300px; text-align: center; position: relative; top: 30px; }

._module-title-old .title h1 span.head { font-family: 'Oswald', 'Noto Sans JP'; letter-spacing: 2px; }

._module-title-old .title h1 span.read { font-size: 2.0rem; display: block; margin-top: 20px; letter-spacing: 2px; }

._module-title-old .pankuzu { background: #d7061c; display: block; font-weight: bold; position: relative; z-index: +2; }

._module-title-old .pankuzu p { display: block; /*max-width:1280px;*/ margin: 0 auto; padding: 20px 20px; width: 100%; font-size: 1.2rem; }

._module-title-old .pankuzu p a { color: white; text-decoration: none; position: relative; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

._module-title-old .pankuzu p a:after { content: ">"; display: inline-block; margin: 0 15px; -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); font-size: 1.2rem; }

._module-title-old .pankuzu p a:hover { opacity: 0.7; }

._module-title-old .pankuzu p a:hover:after { opacity: 1; }

._module-title-old .pankuzu p span { color: white; }

._module-title { background: black; display: block; }

._module-title:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); }

._module-title .title { display: table; width: 100%; height: auto; color: white; min-width: 1040px; max-width: 1040px; margin: 0 auto; }

._module-title .title h1 { display: table-cell; vertical-align: middle; font-size: 6.0rem; height: 400px; text-align: left; position: relative; top: 0; }

._module-title .title h1 span.head { font-family: 'Oswald', 'Noto Sans JP'; letter-spacing: 2px; }

._module-title .title h1 span.head span { font-size: 2.0rem; display: block; margin-bottom: 10px; }

._module-title .title h1 span.head .closs { display: inline-block; background: url(/archives/jlyp/2021/assets/images/icon_closs.png) no-repeat; width: 36px; height: 36px; background-size: 36px 36px; position: relative; top: 13px; }

._module-title .title h1 span.read { font-size: 2.0rem; display: block; margin-top: 20px; letter-spacing: 2px; }

._module-pankuzu { position: relative; display: block; }

._module-pankuzu p { display: block; /*max-width:1280px;*/ margin: 0 0 50px 0; padding: 0; width: calc(100% + 40px); font-size: 1.2rem; position: relative; left: -20px; }

._module-pankuzu p a { color: #666666 !important; text-decoration: none; position: relative; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

._module-pankuzu p a:after { content: ">"; color: silver; display: inline-block; margin: 0 10px; -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); font-size: 1.2rem; }

._module-pankuzu p a:hover { opacity: 0.7; }

._module-pankuzu p a:hover:after { opacity: 1; }

._module-pankuzu p span { color: #666666; }

._module-slider .inner { padding: 100px 0px 70px 0px; background: #333333; }

._module-slider .inner .swiper-container { max-width: 1084px !important; margin: 0 auto !important; width: 100%; display: block; }

._module-slider .inner .swiper-container.gallery-top { position: relative; }

._module-slider .inner .swiper-container.gallery-top .swiper-slide { background-size: 984px auto !important; padding-top: 66.25%; }

._module-slider .inner .swiper-container.gallery-top .swiper-wrapper { width: 984px; height: auto; }

._module-slider .inner .swiper-container.gallery-top .swiper-button-prev, ._module-slider .inner .swiper-container.gallery-top .swiper-button-next { color: white; }

._module-slider .inner .swiper-container.gallery-top .read { font-weight: bold; position: absolute; bottom: 0; left: 50px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 50px; color: white; /*background:rgba(255,255,255,0.3);*/ background: rgba(59, 187, 222, 0.8) !important; display: block; width: 984px; font-size: 14px; }

._module-slider .inner .swiper-container.gallery-thumbs { width: 984px; padding: 10px 0 30px 0; -webkit-transition: none !important; transition: none !important; }

._module-slider .inner .swiper-container.gallery-thumbs .swiper-slide { background-size: cover !important; cursor: pointer; display: block; position: relative; }

._module-slider .inner .swiper-container.gallery-thumbs .swiper-slide:before { content: ''; border: 1px rgba(51, 51, 51, 0) solid; -webkit-transition: 0.3s; transition: 0.3s; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

._module-slider .inner .swiper-container.gallery-thumbs .swiper-slide:hover:before { border: 6px #d7061c solid; }

._module-slider .inner .swiper-container.gallery-thumbs .swiper-slide-thumb-active:before { border: 6px #d7061c solid; }

._module-slider .inner .swiper-container.gallery-thumbs .swiper-wrapper { width: 100%; height: 102px; }

._module-slider .inner .swiper-container.gallery-thumbs .swiper-button-prev, ._module-slider .inner .swiper-container.gallery-thumbs .swiper-button-next { color: #d7061c; }

._module-slider .inner .swiper-container.gallery-top2 { position: relative; max-width: none !important; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .image { background-size: 100% auto !important; padding-top: 56.25%; width: 100%; display: block; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box { background: white; padding: 25px; width: 75%; max-width: 770px; margin: 0 auto -120px auto; display: block; position: relative; top: -120px; -webkit-box-sizing: border-box; box-sizing: border-box; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .artist { text-align: center; margin: 0 0 20px 0; font-weight: bold; display: block; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .artist .tag { font-size: 1.4rem; display: inline-block; margin-right: 1em; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .artist .name { font-size: 2.2rem; display: inline-block; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .title { text-align: center; margin-bottom: 30px; font-size: 3.0rem; line-height: 1.2; font-weight: bold; display: block; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .link { text-align: center; display: block; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .link a { color: #d7061c; text-decoration: none; font-size: 1.6rem; font-weight: bold; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-slide .box .link a:before { content: '>'; margin-right: 10px; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); display: inline-block; font-size: 2.0rem; font-weight: bold; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-wrapper { width: 984px; height: auto; }

._module-slider .inner .swiper-container.gallery-top2 .swiper-button-prev, ._module-slider .inner .swiper-container.gallery-top2 .swiper-button-next { color: white; }

._module-slider .inner .swiper-container.gallery-top2 .read { font-weight: bold; position: absolute; bottom: 0; left: 50px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 50px; color: white; /*background:rgba(255,255,255,0.3);*/ background: rgba(59, 187, 222, 0.8) !important; display: block; width: 984px; font-size: 14px; }

._module-slider .inner .swiper-container.gallery-thumbs2 { width: 100%; padding: 40px 0 0 0; -webkit-transition: none !important; transition: none !important; display: block; height: 250px !important; }

._module-slider .inner .swiper-container.gallery-thumbs2 .image { background-size: 100% auto !important; padding-top: 56.25%; width: 100%; display: block; }

._module-slider .inner .swiper-container.gallery-thumbs2 .artist { text-align: center; margin: 20px 0 0 0; font-weight: bold; display: block; color: white; }

._module-slider .inner .swiper-container.gallery-thumbs2 .artist .tag { font-size: 1.4rem; display: block; margin-bottom: 5px; }

._module-slider .inner .swiper-container.gallery-thumbs2 .artist .name { font-size: 2.2rem; display: block; }

._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-slide { background-size: cover !important; cursor: pointer; display: block; position: relative; height: auto !important; }

._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-slide:before { content: ''; border: 1px rgba(51, 51, 51, 0) solid; -webkit-transition: 0.3s; transition: 0.3s; display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; padding-top: calc(56.25% - 12px); -webkit-box-sizing: border-box; box-sizing: border-box; }

._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-slide:hover:before { border: 6px #d7061c solid; }

._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-slide-thumb-active:before { border: 6px #d7061c solid; }

._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-wrapper { width: 100%; height: 102px; }

._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-button-prev, ._module-slider .inner .swiper-container.gallery-thumbs2 .swiper-button-next { color: #d7061c; }

._section_title-old { text-align: center; margin-bottom: 80px; font-size: 4.0rem; font-weight: bold; color: black; }

._section_title-old:after { content: ""; display: block; height: 3px; width: 80px; background: #d7061c; margin: 0 auto; position: relative; top: 30px; }

._section_title { text-align: center; margin-bottom: 50px; font-size: 4.0rem; line-height: 1.2; font-weight: bold; color: black; }

._btn-basic-old { text-align: center; }

._btn-basic-old a { font-size: 2.0rem; font-weight: 700; /*background: rgba(255,255,255,1); color:rgba(0,0,0,1);*/ background: #d7061c; color: white; width: 540px; line-height: 100px; height: 100px; text-decoration: none; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 5px; }

._btn-basic-old a:hover { opacity: 0.7; }

._btn-basic { text-align: center; padding-bottom: 90px; }

._btn-basic a { font-size: 2.0rem; font-weight: 700; /*background: rgba(255,255,255,1); color:rgba(0,0,0,1);*/ background: #000; color: white !important; width: 750px; line-height: 100px; height: 100px; text-decoration: none; display: inline-block; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border-radius: 10px; }

._btn-basic a:hover { opacity: 0.7; }

._btn-basic.red a { background: #d7061c; }

._h2 { font-size: 4.0rem; color: black; padding-left: 15px; border-left: 2px solid #d7061c; }

._p { font-size: 1.6rem; font-weight: 400; line-height: 1.7; }

._dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.6rem; line-height: 1.7; }

._dl dt { width: 7em; text-align: right; position: relative; }

._dl dt:after { content: '：'; display: inline-block; position: absolute; right: 0; }

._dl dd { width: calc(100% - 7em); }

/*------
  LAYOUT
  - description コンテンツの幅を定める。margin、position、floatなどの他の要素に影響を与える指定はしない。
  - rule 頭に .L- をつける。
------*/
.L-full-pc { width: 100%; }

.L-harf-pc { width: 50%; }

.L-one_third-pc { width: 33.3%; }

.L-quarter-pc { width: 25%; }

.L-col-1-pc { width: 8.3%; }

.L-col-2-pc { width: 16.6%; }

.L-col-3-pc { width: 24.9%; }

.L-col-4-pc { width: 33.2%; }

.L-col-5-pc { width: 41.5%; }

.L-col-6-pc { width: 49.8%; }

.L-col-7-pc { width: 58.1%; }

.L-col-8-pc { width: 66.4%; }

.L-col-9-pc { width: 74.7%; }

.L-col-10-pc { width: 83%; }

.L-col-11-pc { width: 91.3%; }

.L-col-12-pc { width: 100%; }

.L-l { width: 1200px; }

.L-m { width: 1000px; }

.L-s { width: 800px; }

/*------
  BG
  - description 画像の比率を固定しつつトリミングする
  - rule 頭に .BG- をつける。
------*/
.BG-1-1 { width: 100%; padding-top: 100% !important; }

.BG-4-3 { width: 100%; padding-top: 75% !important; }

.BG-16-9 { width: 100%; padding-top: 56% !important; }

.BG-3-1 { width: 100%; padding-top: 33% !important; }

/*------
  ATOMS
  - description 最小のデザイン要素 / margin、position、floatなどの他の要素に影響を与える指定はしない。
  - rule 頭に ._ をつける。
------*/
/* basic styles */
._h1 { font-size: 24px; font-weight: bold; line-height: 1.4; padding: 15px 10px 15px 15px; color: #ffffff; background: #47bae6; }

/*._h2{
  font-size: 20px;font-weight: bold;line-height: 1.4;padding: 10px 10px 10px 15px;border-left: 3px solid #47bae6;
}*/
._h3 { font-size: 16px; line-height: 1.4; padding-bottom: 10px; color: #333333; border-bottom: #cccccc 1px solid; }

._h4 { font-size: 16px; font-weight: bold; line-height: 1.4; color: #333333; }

._h5 { font-size: 14px; font-weight: bold; line-height: 1.4; padding-left: 5px; color: #333333; border-left: 2px solid #cccccc; }

._h6 { font-size: 14px; font-weight: bold; line-height: 1.4; color: #333333; }

/*._p{
  font-size: 14px;line-height: 1.6;
}*/
._ul { font-size: 14px; line-height: 1; }

._ul li { line-height: 1.4; list-style: none; }

._ul li:before { font-size: 6px; margin-right: 3px; content: "●"; vertical-align: middle; color: #47bae6; }

/*._dl{
  font-size: 14px;line-height: 1.4;
  dt{
    font-weight: bold;
  }
}*/
._radius { border-radius: 10px; }

._radius-top { border-radius: 10px 10px 0 0; }

._radius-bottom { border-radius: 0 0 10px 10px; }

._note { font-size: 12px; padding-left: 1em; text-indent: -1em; color: #666666; }

._note.-non_indent { padding-left: 0; text-indent: 0; }

/*form*/
._label { font-size: 14px; color: #666666; }

._input { font-size: 14px; font-weight: 400; line-height: 1.5; display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; -webkit-transition: 0.2s; transition: 0.2s; color: #333333; border: 2px solid #eeeeee; border-radius: 6px; background-color: #ffffff; background-clip: padding-box; }

._input:focus { border: 2px solid #b9dfff; }

._input.-error { border-color: #d9534f; }

._input.-sucess { border-color: #419641; }

._textarea { font-size: 14px; font-weight: 400; line-height: 1.5; display: block; width: 100%; height: 200px; padding: 0.375rem 0.75rem; -webkit-transition: 0.2s; transition: 0.2s; color: #333333; border: 2px solid #eeeeee; border-radius: 6px; background-color: #ffffff; background-clip: padding-box; }

._textarea:focus { border: 2px solid #b9dfff; }

._checkbox { width: 17px; height: 17px; }

._radio { display: inline-block !important; width: 18px; height: 18px; margin: 0 5px 0 0; cursor: pointer; border: 1px solid #d5d6dc; border-radius: 50%; outline: none; background-color: #ffffff; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; }

._radio:checked { border: 1px solid #47bae6; -webkit-box-shadow: none; box-shadow: none; }

._radio:checked::before { z-index: 1; padding: 2px; background: #47bae6; }

._radio::before { display: block; width: 6px; height: 6px; margin: 3px; content: ""; border-radius: 50%; }

._select { position: relative; display: block; height: 38px; }

._select select { position: absolute; top: 0; left: 0; width: 100%; height: 38px; border: 2px solid #eeeeee; border-radius: 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

._select:after { position: absolute; top: 10px; right: 10px; display: block; width: 10px; height: 10px; content: ""; -webkit-transform: rotate(130deg); transform: rotate(130deg); border-top: 2px solid #47bae6; border-right: 2px solid #47bae6; }

._select:focus { border: 2px solid #b9dfff; }

/* btn */
._btn { font-size: 12px; color: #666666; }

/*_tip*/
._tip { font-size: 12px; font-weight: bold; line-height: 1; display: inline; padding: 0.2em 0.6em 0.3em; text-align: center; vertical-align: baseline; white-space: nowrap; color: #ffffff; border-radius: 0.25em; background: #337ab7; }

._tip.-blue { background-color: #337ab7; }

._tip.-yellow { background-color: #e0a800; }

._tip.-orange { background-color: #f0ad4e; }

._tip.-red { background-color: #d9534f; }

._tip.-green { background-color: #5cb85c; }

._tip.-light { color: #666666; background: #eeeeee; }

._tip.-dark { color: #ffffff; background: #23272b; }

/*------
  MODULE
  - description 複数の要素を組み合わせたデザインモジュール。
  - rule 頭に .- をつける。
------*/
/*-basic*/
.-basic { padding: 50px; }

.-basic ._h1 { margin-bottom: 30px; }

.-basic ._h2 { margin-bottom: 30px; }

.-basic ._h3 { margin-bottom: 20px; }

.-basic ._h4 { margin-bottom: 20px; }

.-basic ._h5 { margin-bottom: 20px; }

.-basic ._h6 { margin-bottom: 20px; }

.-basic ._p { margin-bottom: 40px; }

.-basic ._ul { margin-bottom: 30px; }

.-basic ._ul li { margin-bottom: 5px; }

.-basic ._ol { margin-bottom: 30px; }

.-basic ._note { margin-bottom: 30px; }

.-basic ._dl { margin-bottom: 30px; }

.-basic ._dl dd { margin-bottom: 20px; }

.-basic .content { margin-bottom: 50px; }

/*-sub*/
.-sub { margin-bottom: 30px; padding: 20px; border: 1px solid #eeeeee; border-radius: 2px; background: #ffffff; }

.-sub ._h1 { margin-bottom: 30px; }

.-sub ._h2 { margin-bottom: 30px; }

.-sub ._h3 { margin-bottom: 20px; }

.-sub ._h4 { margin-bottom: 20px; }

.-sub ._h5 { margin-bottom: 20px; }

.-sub ._h6 { margin-bottom: 20px; }

.-sub ._p { margin-bottom: 40px; }

.-sub ._ul { margin-bottom: 30px; }

.-sub ._ul li { margin-bottom: 5px; }

.-sub ._ol { margin-bottom: 30px; }

.-sub ._note { margin-bottom: 30px; }

.-sub ._dl { margin-bottom: 30px; }

.-sub ._dl dd { margin-bottom: 20px; }

.-sub.-border { border-left: #47bae6 5px solid; }

.-sub.-blue { border-left-color: #337ab7; }

.-sub.-yellow { border-left-color: #e0a800; }

.-sub.-orange { border-left-color: #f0ad4e; }

.-sub.-red { border-left-color: #d9534f; }

.-sub.-green { border-left-color: #5cb85c; }

.-sub.-bg { background: #eeeeee; }

.-sub.-bg-light { background: #f8f9fa; }

.-sub.-bg-dark { color: #ffffff; background: #23272b; }

.-sub *:nth-last-child(1) { margin-bottom: 0; }

/* logo */
.-logo { width: 75px; }

.-logo img { height: auto; }

/* notice */
.-notice { font-size: 14px; margin: 20px 0; padding: 15px; border-radius: 4px; }

.-notice ul { font-weight: bold; list-style: none; }

.-notice ul li { line-height: 1.4; margin: 0 0 10px 20px; list-style: disc; }

.-notice ul li:nth-last-child(1) { margin-bottom: 0; }

.-notice.error { border: 1px solid #dca7a7; border-color: #dca7a7; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }

.-notice.error ul { color: #a94442; }

.-notice.success { border: 1px solid #b2dba1; border-color: #b2dba1; background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); background-repeat: repeat-x; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); }

.-notice.success ul { color: #3c763d; }

/*card_layout*/
.-card_layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.-card_layout .box-card { margin-bottom: 10px; padding: 0 5px 0; }

.-card_layout .box-card .box-image { width: 100%; padding-top: 56%; background-size: cover !important; }

.-card_layout .box-card .box-text { padding: 10px; border: 1px solid #cccccc; border-top: none; }

.-card_layout .box-card .box-text .h { font-weight: bold; line-height: 1.6; margin-bottom: 10px; }

.-card_layout .box-card .box-text p.text { font-size: 14px; line-height: 1.6; margin-bottom: 10px; }

.-card_layout.-link .box-card a { display: block; -webkit-transition: 0.2s; transition: 0.2s; text-decoration: none; }

.-card_layout.-link .box-card a * { color: #333333; }

.-card_layout.-link .box-card a:hover { -webkit-box-shadow: 0 0 3px #999999; box-shadow: 0 0 3px #999999; }

.-card_layout.-link .box-card a:hover .box-text { border: 1px solid #eeeeee; border-top: none; }

/*list_layout*/
.-list_layout .box-list { clear: both; padding: 20px 0; border-bottom: 1px solid #cccccc; }

.-list_layout .box-list .box-image { float: left; width: 30%; }

.-list_layout .box-list .box-image .image { background-size: cover !important; }

.-list_layout .box-list .box-image .text { font-size: 14px; line-height: 1.6; margin-top: 10px; }

.-list_layout .box-list .box-text { float: left; width: 65%; margin-left: 5%; }

.-list_layout .box-list .box-text .text { font-size: 14px; line-height: 1.6; margin: 0 0 10px; }

.-list_layout .box-list:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.-list_layout.-link .box-list { padding: 20px; }

.-list_layout.-link a { display: block; width: 100%; height: 100%; -webkit-transition: 0.2s; transition: 0.2s; text-decoration: none; color: #333333; }

.-list_layout.-link a:hover { -webkit-box-shadow: 0 0 3px #999999; box-shadow: 0 0 3px #999999; }

/*full_wide_image*/
.-full_wide_image { position: relative; width: 100%; padding-top: 56%; background-size: cover !important; }

.-full_wide_image .-box-hero { position: absolute; top: 0; display: block; width: 100%; height: 100%; text-align: center; }

.-full_wide_image .-box-hero .box { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.-full_wide_image .-box-hero .box .prop { display: inline-block; padding: 20px; background: #ffffff; }

.-full_wide_image .-box-hero .box .h { font-size: 18px; font-weight: bold; margin-bottom: 10px; }

.-full_wide_image .-box-hero .box .sub { font-size: 14px; line-height: 1.6; color: #666666; }

.-full_wide_image .-box-hero.-left .box { left: 5%; -webkit-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%); }

.-full_wide_image .-box-hero.-left .box .prop { text-align: left; }

.-full_wide_image .-box-hero.-right .box { right: 5%; left: auto; -webkit-transform: translateY(-50%) translateX(0%); transform: translateY(-50%) translateX(0%); }

.-full_wide_image .-box-hero.-right .box .prop { text-align: right; }

.-dual_flame { height: 600px; border: 1px solid #eeeeee; }

.-dual_flame .column { width: 50%; height: 100%; }

.-dual_flame .column:nth-child(1) { float: left; }

.-dual_flame .column:nth-child(2) { float: right; }

.-dual_flame .column.-image { min-height: 300px; }

.-dual_flame .column.-image .image { height: 100%; min-height: 300px; background-size: cover !important; }

.-dual_flame .column.-image.-right { float: right !important; }

.-dual_flame .column.-image.-left { float: left !important; }

.-dual_flame .column.-text { padding: 80px 40px; }

.-dual_flame .column ._h3 { margin-bottom: 30px; }

.-dual_flame .column ._p { margin-bottom: 30px; }

.-dual_flame:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/*-section_title*/
.-section_title { padding: 45px 0 40px; text-align: center; background: #47bae6; }

.-section_title .h { font-size: 32px; font-weight: bold; line-height: 18px; margin-bottom: 20px; color: #ffffff; }

.-section_title .sub { font-size: 14px; color: #ffffff; }

/*-snippet*/
.-snippet { text-align: center; }

.-snippet .h { font-size: 24px; font-weight: bold; line-height: 18px; margin-bottom: 40px; color: #333333; }

.-snippet .sub { font-size: 14px; line-height: 1.6; margin-bottom: 20px; color: #333333; }

/*-note_layout*/
.-note_layout .box-image { float: left; width: 30%; }

.-note_layout .box-image .image { width: 100%; margin-bottom: 10px; padding-top: 56% !important; }

.-note_layout .box-image .copy { font-size: 14px; }

.-note_layout .box-text { float: left; width: 65%; margin-left: 5%; }

.-note_layout:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.-note_layout.-image-right .box-image { float: right; }

.-note_layout.-image-right .box-text { float: left; margin-right: 5%; margin-left: auto; }

/*breadcrumb*/
ul.-breadcrumb { margin: 0 auto; padding: 10px 0; }

ul.-breadcrumb li { font-size: 14px; font-weight: bold; display: inline-block; color: #47bae6; }

ul.-breadcrumb li a { font-weight: normal; display: inline-block; padding-right: 6px; text-decoration: none; color: #ffffff; }

ul.-breadcrumb li a:after { position: relative; top: -1px; left: 3px; display: inline-block; width: 6px; height: 6px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #47bae6; border-right: 2px solid #47bae6; }

ul.-breadcrumb li a:hover { text-decoration: underline; }

/*-pagenation*/
.-pagenation { text-align: center; }

.-pagenation ul { display: inline-block; list-style: none; }

.-pagenation ul li:nth-child(1) a { border-radius: 10px 0 0 10px; }

.-pagenation ul li:nth-last-child(1) a { border-radius: 0 10px 10px 0; }

.-pagenation ul li { display: inline-block; float: left; }

.-pagenation ul li a, .-pagenation ul li span { font-size: 14px; padding: 10px 15px; -webkit-transition: 0.2s; transition: 0.2s; text-decoration: none; border: 1px solid #f0f0f0; }

.-pagenation ul li a:hover, .-pagenation ul li span:hover { color: #ffffff; background: #47bae6; }

.-pagenation ul li a.current, .-pagenation ul li span.current { color: #ffffff; background: #47bae6; }

.-pagenation ul:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

/*-form*/
.-form .form-row { clear: both; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }

.-form .form-row .col { float: left; }

.-form .form-row .box-head { float: left; width: 30%; padding: 15px; }

.-form .form-row .box-head .col { padding: 0 5px; }

.-form .form-row .box-head:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.-form .form-row .box-body { float: left; width: 70%; padding: 15px; }

.-form .form-row .box-body p.error { font-size: 12px; margin-top: 5px; color: #d9534f; }

.-form .form-row .box-body p.error i { margin-right: 3px; }

.-form .form-row .box-body:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.-form .form-row:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.-form .box-foot { margin: 20px 0; }

.-form .box-foot.-center { text-align: center; }

.-form .box-foot.-two input, .-form .box-foot.-two button { margin: 0 10px; }

/*-tab*/
.-tab .tab-btns ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.-tab .tab-btns ul li { width: 100%; padding: 20px 5px; list-style: none; cursor: pointer; text-align: center; color: #333333; border: 1px solid #cccccc; border-bottom: none; background: #dddddd; -webkit-box-shadow: 0 -2px 2px #cccccc inset; box-shadow: 0 -2px 2px #cccccc inset; }

.-tab .tab-btns ul li.active { font-weight: bold; display: block; border-top: 2px solid #47bae6; background: #ffffff; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }

.-tab .tab-btns ul li.active:hover { opacity: 1; }

.-tab .tab-btns ul li:hover { opacity: 0.7; }

.-tab .tab-boxes { background: #eeeeee; }

.-tab .tab-boxes .box { display: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px; border: 1px solid #cccccc; border-top: none; background: #ffffff; }

.-tab .tab-boxes .box.active { display: block; }

/*.#bg_youtube*/
#-bg-youtube { position: relative; z-index: 1; overflow: hidden; width: 100%; padding-top: 56.5%; }

#-bg-youtube #-bg-youtube-inner { position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; }

#-bg-youtube:before { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; opacity: 0.6; background: #000000; }

#-bg-youtube .box-text { position: absolute; z-index: 3; top: 0; bottom: 0; display: table; width: 100%; height: 100%; color: #ffffff; }

#-bg-youtube .box-text .box { display: table-cell; text-align: center; vertical-align: middle; text-shadow: 0 0 3px #333333; }

#-bg-youtube .box-text .box .h { font-size: 22px; font-weight: bold; margin-bottom: 5px; text-align: center; }

#-bg-youtube .box-text .box .copy { font-size: 14px; line-height: 1.6; }

/*-modal*/
.-modal { width: 900px; margin: 0 auto; }

.-modal .close { font-size: 40px; position: fixed; z-index: 9999; top: 50px; display: none; margin: 0 0 0 auto; text-align: right; color: #ffffff; }

.-modal .close i { cursor: pointer; }

.-modal .close i:hover { opacity: 0.8; }

.-modal .box-modal { position: fixed; z-index: 9999; top: 100px; display: none; margin: 0 auto; padding: 40px; background: #ffffff; }

.-modal .bg { position: fixed; z-index: 9998; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: 0.9; background: #000000; }