@charset "UTF-8";
/* Theme Style Author : Brian Vo */
@import url(normalize.css);
@import url(font-awesome.css);
#header .main-menu > li ul li a { color: #fff; text-decoration: none; }

#header .main-menu > li ul li a:hover { opacity: 0.8; }

.fz40 { font-size: 40px; }

.fz39 { font-size: 39px; }

.fz38 { font-size: 38px; }

.fz37 { font-size: 37px; }

.fz36 { font-size: 36px; }

.fz35 { font-size: 35px; }

.fz34 { font-size: 34px; }

.fz33 { font-size: 33px; }

.fz32 { font-size: 32px; }

.fz31 { font-size: 31px; }

.fz30 { font-size: 30px; }

.fz29 { font-size: 29px; }

.fz28 { font-size: 28px; }

.fz27 { font-size: 27px; }

.fz26 { font-size: 26px; }

.fz25 { font-size: 25px; }

.fz24, .text-month-container span { font-size: 24px; }

.fz23 { font-size: 23px; }

.fz22 { font-size: 22px; }

.fz21 { font-size: 21px; }

.fz20 { font-size: 20px; }

.fz19 { font-size: 19px; }

.fz18, .group-3-box3 .item .item-inner .info .info-title, .voice_news .item .comment-icon .fa, .section_title, .text-icon span, .head-icon { font-size: 18px; }

.fz17 { font-size: 17px; }

.fz16 { font-size: 16px; }

.fz15, .group-3-box .item .item-inner .tag_list .tag, .group-3-box2 .item .item-inner .tag2 { font-size: 15px; }

.fz14, .group-3-box .item .item-inner .info p .text-left, .group-3-box .item .item-inner .info .text-right, .group-list .group-title { font-size: 14px; }

.fz13 { font-size: 13px; }

.fz12, .group-list .item { font-size: 12px; }

.fz11 { font-size: 11px; }

.fz10 { font-size: 10px; }

.mb100 { margin-bottom: 100px; }

.mb95 { margin-bottom: 95px; }

.mb90 { margin-bottom: 90px; }

.mb85 { margin-bottom: 85px; }

.mb80 { margin-bottom: 80px; }

.mb75 { margin-bottom: 75px; }

.mb70 { margin-bottom: 70px; }

.mb65 { margin-bottom: 65px; }

.mb60 { margin-bottom: 60px; }

.mb55 { margin-bottom: 55px; }

.mb50 { margin-bottom: 50px; }

.mb45 { margin-bottom: 45px; }

.mb40 { margin-bottom: 40px; }

.mb35 { margin-bottom: 35px; }

.mb30 { margin-bottom: 30px; }

.mb25 { margin-bottom: 25px; }

.mb20 { margin-bottom: 20px; }

.mb15 { margin-bottom: 15px; }

.mb10 { margin-bottom: 10px; }

.mb5 { margin-bottom: 5px; }

.mt100 { margin-top: 100px; }

.mt95 { margin-top: 95px; }

.mt90 { margin-top: 90px; }

.mt85 { margin-top: 85px; }

.mt80 { margin-top: 80px; }

.mt75 { margin-top: 75px; }

.mt70 { margin-top: 70px; }

.mt65 { margin-top: 65px; }

.mt60 { margin-top: 60px; }

.mt55 { margin-top: 55px; }

.mt50 { margin-top: 50px; }

.mt45 { margin-top: 45px; }

.mt40 { margin-top: 40px; }

.mt35 { margin-top: 35px; }

.mt30 { margin-top: 30px; }

.mt25 { margin-top: 25px; }

.mt20 { margin-top: 20px; }

.mt15 { margin-top: 15px; }

.mt10 { margin-top: 10px; }

.mt5 { margin-top: 5px; }

.mr100 { margin-right: 100px; }

.mr95 { margin-right: 95px; }

.mr90 { margin-right: 90px; }

.mr85 { margin-right: 85px; }

.mr80 { margin-right: 80px; }

.mr75 { margin-right: 75px; }

.mr70 { margin-right: 70px; }

.mr65 { margin-right: 65px; }

.mr60 { margin-right: 60px; }

.mr55 { margin-right: 55px; }

.mr50 { margin-right: 50px; }

.mr45 { margin-right: 45px; }

.mr40 { margin-right: 40px; }

.mr35 { margin-right: 35px; }

.mr30 { margin-right: 30px; }

.mr25 { margin-right: 25px; }

.mr20 { margin-right: 20px; }

.mr15 { margin-right: 15px; }

.mr10 { margin-right: 10px; }

.mr5 { margin-right: 5px; }

.ml100 { margin-left: 100px; }

.ml95 { margin-left: 95px; }

.ml90 { margin-left: 90px; }

.ml85 { margin-left: 85px; }

.ml80 { margin-left: 80px; }

.ml75 { margin-left: 75px; }

.ml70 { margin-left: 70px; }

.ml65 { margin-left: 65px; }

.ml60 { margin-left: 60px; }

.ml55 { margin-left: 55px; }

.ml50 { margin-left: 50px; }

.ml45 { margin-left: 45px; }

.ml40 { margin-left: 40px; }

.ml35 { margin-left: 35px; }

.ml30 { margin-left: 30px; }

.ml25 { margin-left: 25px; }

.ml20 { margin-left: 20px; }

.ml15 { margin-left: 15px; }

.ml10 { margin-left: 10px; }

.ml5 { margin-left: 5px; }

.border-radius-20 { border-radius: 20px; }

@media screen and (max-width: 600px) { .border-radius-20 { border-radius: 10px; } }

.border-radius-20:hover:after { border-radius: 20px; }

.border-radius-19 { border-radius: 19px; }

@media screen and (max-width: 600px) { .border-radius-19 { border-radius: 9.5px; } }

.border-radius-19:hover:after { border-radius: 19px; }

.border-radius-18 { border-radius: 18px; }

@media screen and (max-width: 600px) { .border-radius-18 { border-radius: 9px; } }

.border-radius-18:hover:after { border-radius: 18px; }

.border-radius-17 { border-radius: 17px; }

@media screen and (max-width: 600px) { .border-radius-17 { border-radius: 8.5px; } }

.border-radius-17:hover:after { border-radius: 17px; }

.border-radius-16 { border-radius: 16px; }

@media screen and (max-width: 600px) { .border-radius-16 { border-radius: 8px; } }

.border-radius-16:hover:after { border-radius: 16px; }

.border-radius-15 { border-radius: 15px; }

@media screen and (max-width: 600px) { .border-radius-15 { border-radius: 7.5px; } }

.border-radius-15:hover:after { border-radius: 15px; }

.border-radius-14 { border-radius: 14px; }

@media screen and (max-width: 600px) { .border-radius-14 { border-radius: 7px; } }

.border-radius-14:hover:after { border-radius: 14px; }

.border-radius-13 { border-radius: 13px; }

@media screen and (max-width: 600px) { .border-radius-13 { border-radius: 6.5px; } }

.border-radius-13:hover:after { border-radius: 13px; }

.border-radius-12 { border-radius: 12px; }

@media screen and (max-width: 600px) { .border-radius-12 { border-radius: 6px; } }

.border-radius-12:hover:after { border-radius: 12px; }

.border-radius-11 { border-radius: 11px; }

@media screen and (max-width: 600px) { .border-radius-11 { border-radius: 5.5px; } }

.border-radius-11:hover:after { border-radius: 11px; }

.border-radius-10, .group-3-box3 .item .item-inner .item-innerthumb, .ambassador-box .ambassador-box__photo:after { border-radius: 10px; }

@media screen and (max-width: 600px) { .border-radius-10, .group-3-box3 .item .item-inner .item-innerthumb, .ambassador-box .ambassador-box__photo:after { border-radius: 5px; } }

.border-radius-10:hover:after, .group-3-box3 .item .item-inner .item-innerthumb:hover:after, .ambassador-box .ambassador-box__photo:hover:after { border-radius: 10px; }

.border-radius-9 { border-radius: 9px; }

@media screen and (max-width: 600px) { .border-radius-9 { border-radius: 4.5px; } }

.border-radius-9:hover:after { border-radius: 9px; }

.border-radius-8 { border-radius: 8px; }

@media screen and (max-width: 600px) { .border-radius-8 { border-radius: 4px; } }

.border-radius-8:hover:after { border-radius: 8px; }

.border-radius-7 { border-radius: 7px; }

@media screen and (max-width: 600px) { .border-radius-7 { border-radius: 3.5px; } }

.border-radius-7:hover:after { border-radius: 7px; }

.border-radius-6 { border-radius: 6px; }

@media screen and (max-width: 600px) { .border-radius-6 { border-radius: 3px; } }

.border-radius-6:hover:after { border-radius: 6px; }

.border-radius-5 { border-radius: 5px; }

@media screen and (max-width: 600px) { .border-radius-5 { border-radius: 2.5px; } }

.border-radius-5:hover:after { border-radius: 5px; }

.border-radius-4 { border-radius: 4px; }

@media screen and (max-width: 600px) { .border-radius-4 { border-radius: 2px; } }

.border-radius-4:hover:after { border-radius: 4px; }

.border-radius-3 { border-radius: 3px; }

@media screen and (max-width: 600px) { .border-radius-3 { border-radius: 1.5px; } }

.border-radius-3:hover:after { border-radius: 3px; }

.border-radius-2 { border-radius: 2px; }

@media screen and (max-width: 600px) { .border-radius-2 { border-radius: 1px; } }

.border-radius-2:hover:after { border-radius: 2px; }

.border-radius-1 { border-radius: 1px; }

@media screen and (max-width: 600px) { .border-radius-1 { border-radius: 0.5px; } }

.border-radius-1:hover:after { border-radius: 1px; }

body { color: #555555; font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif; }

* { outline: none; box-sizing: border-box; }

*:after, *:before { box-sizing: border-box; }

.clearfix, .list-col-12-p15, .list-col-11-p15, .list-col-10-p15, .list-col-9-p15, .list-col-8-p15, .list-col-7-p15, .list-col-6-p15, .list-col-5-p15, .list-col-4-p15, .list-col-3-p15, .list-col-2-p15, .list-col-1-p15, .list-col-12-p10, .list-col-11-p10, .list-col-10-p10, .list-col-9-p10, .list-col-8-p10, .list-col-7-p10, .list-col-6-p10, .list-col-5-p10, .list-col-4-p10, .list-col-3-p10, .list-col-2-p10, .list-col-1-p10, #section09 ul.gallery, .ambassador-box .ambassador-box__desc .ambassador-box__photo__group, #calendar .season01 .season01__box02 ul li, #calendar .season02 .season02__box02 ul li, #calendar .season03 .season03__box02 ul li, #calendar .season04 .season04__box02 ul li, #numbering-content-common .box-store-information .box-store-right .box-store-right-top { clear: both; overflow: hidden; }

.ease, #header .main-menu > li:nth-child(1) > a, #header .main-menu > li:nth-child(2) > a, #header .main-menu > li:nth-child(3) > a, #header .main-menu > li:nth-child(4) > a, #header .main-menu > li:nth-child(5) > a { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* Font Style*/
.fwB, .box_text .list_link .link-item span.time, .group-3-box .item .item-inner .tag_list .tag, .group-3-box .item .item-inner .info p .text-left, .group-3-box2 .item .item-inner .tag2, .group-3-box3 .item .item-inner .info .info-title, .group-3-box3 .item .item-inner .info .text-info2 span.title, .voice_news .item .news_time, .section_title, .text-icon span, .group-list .group-title, .group-filter .item.active, .group-filter .item:hover, .text-month-container span, .page-organization .head-icon2, .head-icon { font-weight: bold; }

.fwM { font-weight: 400; }

.fwL { font-weight: 100; }

/*Text Transform*/
.txt-UE { text-transform: uppercase; }

.txt-CE { text-transform: capitalize; }

.txt-LE { text-transform: lowercase; }

.imgFW { width: 100%; height: auto; }

.img-max { max-width: 100%; height: auto; }

.text-center, #header .main-menu > li ul, #header .header_right .switch-font, #section09 h2 { text-align: center; }

.page-404 { min-height: 500px; font-size: 20px; padding-top: 20px; }

/* Hamberger Button Menu */
.nav-button { position: absolute; right: 15px; top: 9px; }

.nav-button .c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 35px; height: 35px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; outline: none; }

.nav-button .c-hamburger span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; display: block; position: absolute; top: 18px; left: 0; right: 0; height: 2px; background: #000; }

.nav-button .c-hamburger span:before { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #000; content: ""; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; top: -12px; }

.nav-button .c-hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #000; content: ""; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; bottom: -12px; }

.nav-button .c-hamburger-htx { background: none; }

.nav-button .c-hamburger-htx.is-active span { background: none; -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

.nav-button .c-hamburger-htx.is-active span:before, .nav-button .c-hamburger-htx.is-active span:after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

.nav-button .c-hamburger-htx.is-active span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.nav-button .c-hamburger-htx.is-active span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/*List column*/
.list-col-12-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-12-p15 > * { width: 100%; } }

@media screen and (max-width: 600px) { .list-col-12-p15 > * { float: none; } }

.list-col-12-p15 img { max-width: 100%; }

.list-col-11-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-11-p15 > * { width: 91.66667%; } }

@media screen and (max-width: 600px) { .list-col-11-p15 > * { float: none; } }

.list-col-11-p15 img { max-width: 100%; }

.list-col-10-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-10-p15 > * { width: 83.33333%; } }

@media screen and (max-width: 600px) { .list-col-10-p15 > * { float: none; } }

.list-col-10-p15 img { max-width: 100%; }

.list-col-9-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-9-p15 > * { width: 75%; } }

@media screen and (max-width: 600px) { .list-col-9-p15 > * { float: none; } }

.list-col-9-p15 img { max-width: 100%; }

.list-col-8-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-8-p15 > * { width: 66.66667%; } }

@media screen and (max-width: 600px) { .list-col-8-p15 > * { float: none; } }

.list-col-8-p15 img { max-width: 100%; }

.list-col-7-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-7-p15 > * { width: 58.33333%; } }

@media screen and (max-width: 600px) { .list-col-7-p15 > * { float: none; } }

.list-col-7-p15 img { max-width: 100%; }

.list-col-6-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-6-p15 > * { width: 50%; } }

@media screen and (max-width: 600px) { .list-col-6-p15 > * { float: none; } }

.list-col-6-p15 img { max-width: 100%; }

.list-col-5-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-5-p15 > * { width: 41.66667%; } }

@media screen and (max-width: 600px) { .list-col-5-p15 > * { float: none; } }

.list-col-5-p15 img { max-width: 100%; }

.list-col-4-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }
.list-col-4-p15.flex > * { float: none; }

@media screen and (min-width: 601px) { .list-col-4-p15 > * { width: 33.33333%; } }

@media screen and (max-width: 600px) { .list-col-4-p15 > * { float: none; } }

.list-col-4-p15 img { max-width: 100%; }

.list-col-3-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-3-p15 > * { width: 25%; } }

@media screen and (max-width: 600px) { .list-col-3-p15 > * { float: none; } }

.list-col-3-p15 img { max-width: 100%; }

.list-col-2-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-2-p15 > * { width: 16.66667%; } }

@media screen and (max-width: 600px) { .list-col-2-p15 > * { float: none; } }

.list-col-2-p15 img { max-width: 100%; }

.list-col-1-p15 > * { float: left; padding-left: 15px; padding-right: 15px; }

@media screen and (min-width: 601px) { .list-col-1-p15 > * { width: 8.33333%; } }

@media screen and (max-width: 600px) { .list-col-1-p15 > * { float: none; } }

.list-col-1-p15 img { max-width: 100%; }

.columns-p15 { margin-left: -15px; margin-right: -15px; }

.list-col-12-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-12-p10 > * { width: 100%; } }

@media screen and (max-width: 600px) { .list-col-12-p10 > * { float: none; } }

.list-col-12-p10 img { max-width: 100%; }

.list-col-11-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-11-p10 > * { width: 91.66667%; } }

@media screen and (max-width: 600px) { .list-col-11-p10 > * { float: none; } }

.list-col-11-p10 img { max-width: 100%; }

.list-col-10-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-10-p10 > * { width: 83.33333%; } }

@media screen and (max-width: 600px) { .list-col-10-p10 > * { float: none; } }

.list-col-10-p10 img { max-width: 100%; }

.list-col-9-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-9-p10 > * { width: 75%; } }

@media screen and (max-width: 600px) { .list-col-9-p10 > * { float: none; } }

.list-col-9-p10 img { max-width: 100%; }

.list-col-8-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-8-p10 > * { width: 66.66667%; } }

@media screen and (max-width: 600px) { .list-col-8-p10 > * { float: none; } }

.list-col-8-p10 img { max-width: 100%; }

.list-col-7-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-7-p10 > * { width: 58.33333%; } }

@media screen and (max-width: 600px) { .list-col-7-p10 > * { float: none; } }

.list-col-7-p10 img { max-width: 100%; }

.list-col-6-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-6-p10 > * { width: 50%; } }

@media screen and (max-width: 600px) { .list-col-6-p10 > * { float: none; } }

.list-col-6-p10 img { max-width: 100%; }

.list-col-5-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-5-p10 > * { width: 41.66667%; } }

@media screen and (max-width: 600px) { .list-col-5-p10 > * { float: none; } }

.list-col-5-p10 img { max-width: 100%; }

.list-col-4-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-4-p10 > * { width: 33.33333%; } }

@media screen and (max-width: 600px) { .list-col-4-p10 > * { float: none; } }

.list-col-4-p10 img { max-width: 100%; }

.list-col-3-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-3-p10 > * { width: 25%; } }

@media screen and (max-width: 600px) { .list-col-3-p10 > * { float: none; } }

.list-col-3-p10 img { max-width: 100%; }

.list-col-2-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-2-p10 > * { width: 16.66667%; } }

@media screen and (max-width: 600px) { .list-col-2-p10 > * { float: none; } }

.list-col-2-p10 img { max-width: 100%; }

.list-col-1-p10 > * { float: left; padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 601px) { .list-col-1-p10 > * { width: 8.33333%; } }

@media screen and (max-width: 600px) { .list-col-1-p10 > * { float: none; } }

.list-col-1-p10 img { max-width: 100%; }

.columns-p10 { margin-left: -10px; margin-right: -10px; }

/*Common*/
.container { width: 100%; margin: 0 auto; padding-left: 20px; padding-right: 20px; }

.container-fluid { width: 100%; padding-right: 20px; padding-left: 20px; }

/*Link*/
.text-green { color: #167d3a; }

.text-orange { color: #e1612c; }

.text-violet { color: #5344a3; }

.text-blue { color: #27579c; }

.text-tia-maria { color: #d8440f; }

.text-brown { color: #a38200; }

.text-pink { color: #e24e67; }

.text-salem { color: #0e8129; }

.text-ship-cove { color: #7D95C5; }

.text-fernapprox { color: #5ab15e; }

.text-eastern-blue { color: #1782b1; }

.text-mandyspink { color: #f4b4bf; }

.text-blue-sea { color: #1da1f2; }

.link { color: #555555; text-decoration: none; }

.link.green { color: #167d3a !important; text-decoration: underline; }

.link.orange { color: #e1612c !important; text-decoration: underline; }

.link.violet { color: #5344a3 !important; text-decoration: underline; }

.link.blue { color: #27579c !important; text-decoration: underline; }

.link.tia-maria { color: #d8440f !important; text-decoration: underline; }

.link.brown { color: #a38200 !important; text-decoration: underline; }

.link.pink { color: #e24e67 !important; text-decoration: underline; }

.link.salem { color: #0e8129 !important; text-decoration: underline; }

.link.ship-cove { color: #7D95C5 !important; text-decoration: underline; }

.link.fernapprox { color: #5ab15e !important; text-decoration: underline; }

.link.eastern-blue { color: #1782b1 !important; text-decoration: underline; }

.link.mandyspink { color: #f4b4bf !important; text-decoration: underline; }

.link.blue-sea { color: #1da1f2 !important; text-decoration: underline; }

.link:hover { text-decoration: none; }

.button { display: inline-block; text-decoration: none; text-align: center; font-weight: bold; border-radius: 10px; position: relative; color: #fff; cursor: pointer; }

.button .fa-chevron-circle-right, .button .fa-chevron-circle-down { position: absolute; right: 7%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.button.green { background: #167d3a; }

.button.green.style01 { border: #167d3a solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.green.style02 { border: #167d3a solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.green.style03 { background: #fff !important; color: #167d3a; border: #167d3a solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-green { border-color: #167d3a !important; }

.button.orange { background: #e1612c; }

.button.orange.style01 { border: #e1612c solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.orange.style02 { border: #e1612c solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.orange.style03 { background: #fff !important; color: #e1612c; border: #e1612c solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-orange { border-color: #e1612c !important; }

.button.violet { background: #5344a3; }

.button.violet.style01 { border: #5344a3 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.violet.style02 { border: #5344a3 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.violet.style03 { background: #fff !important; color: #5344a3; border: #5344a3 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-violet { border-color: #5344a3 !important; }

.button.blue { background: #27579c; }

.button.blue.style01 { border: #27579c solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.blue.style02 { border: #27579c solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.blue.style03 { background: #fff !important; color: #27579c; border: #27579c solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-blue { border-color: #27579c !important; }

.button.tia-maria { background: #d8440f; }

.button.tia-maria.style01 { border: #d8440f solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.tia-maria.style02 { border: #d8440f solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.tia-maria.style03 { background: #fff !important; color: #d8440f; border: #d8440f solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-tia-maria { border-color: #d8440f !important; }

.button.brown { background: #a38200; }

.button.yellowgreen { background: #a6cf6a; }

.button.yellowgreen_2 { background: #58a538; }

.button.brown.style01 { border: #a38200 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.yellowgreen.style01 { border: #a6cf6a solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.yellowgreen_2.style01 { border: #58a538 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.brown.style02 { border: #a38200 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.yellowgreen.style02 { border: #a6cf6a solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.yellowgreen_2.style02 { border: #58a538 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.brown.style03 { background: #fff !important; color: #a38200; border: #a38200 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-brown { border-color: #a38200 !important; }

.button.pink { background: #e24e67; }

.button.pink.style01 { border: #e24e67 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.pink.style02 { border: #e24e67 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.pink.style03 { background: #fff !important; color: #e24e67; border: #e24e67 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-pink { border-color: #e24e67 !important; }

.button.salem { background: #0e8129; }

.button.salem.style01 { border: #0e8129 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.salem.style02 { border: #0e8129 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.salem.style03 { background: #fff !important; color: #0e8129; border: #0e8129 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-salem { border-color: #0e8129 !important; }

.button.ship-cove { background: #7D95C5; }

.button.ship-cove.style01 { border: #7D95C5 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.ship-cove.style02 { border: #7D95C5 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.ship-cove.style03 { background: #fff !important; color: #7D95C5; border: #7D95C5 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-ship-cove { border-color: #7D95C5 !important; }

.button.fernapprox { background: #5ab15e; }

.button.fernapprox.style01 { border: #5ab15e solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.fernapprox.style02 { border: #5ab15e solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.fernapprox.style03 { background: #fff !important; color: #5ab15e; border: #5ab15e solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-fernapprox { border-color: #5ab15e !important; }

.button.eastern-blue { background: #1782b1; }

.button.eastern-blue.style01 { border: #1782b1 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.eastern-blue.style02 { border: #1782b1 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.eastern-blue.style03 { background: #fff !important; color: #1782b1; border: #1782b1 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-eastern-blue { border-color: #1782b1 !important; }

.button.mandyspink { background: #f4b4bf; }

.button.mandyspink.style01 { border: #f4b4bf solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.mandyspink.style02 { border: #f4b4bf solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.mandyspink.style03 { background: #fff !important; color: #f4b4bf; border: #f4b4bf solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-mandyspink { border-color: #f4b4bf !important; }

.button.blue-sea { background: #1da1f2; }

.button.blue-sea.style01 { border: #1da1f2 solid 2px; min-width: 180px; min-height: 32px; line-height: 32px; font-size: 14px; }

.button.blue-sea.style02 { border: #1da1f2 solid 3px; min-width: 250px; font-size: 16px; min-height: 44px; line-height: 44px; }

.button.blue-sea.style03 { background: #fff !important; color: #1da1f2; border: #1da1f2 solid 4px; min-width: 300px; font-size: 20px; min-height: 52px; line-height: 52px; }

.button.border-blue-sea { border-color: #1da1f2 !important; }

.button.green:hover, .button.green.active { background: #fff; color: #167d3a; }
@media screen and (max-width: 600px) { .button.green:hover,.button.green.style03:hover { background: #167d3a; color: #fff; } }

.button.green.style03:hover, .button.green.style03.active { border-color: #167d3a !important; background: #167d3a !important; color: #fff; }

.button.orange:hover, .button.orange.active { background: #fff; color: #e1612c; }
@media screen and (max-width: 600px) { .button.orange:hover,.button.orange.style03:hover { background: #e1612c; color: #fff; } }

.button.orange.style03:hover, .button.orange.style03.active { border-color: #e1612c !important; background: #e1612c !important; color: #fff; }

.button.violet:hover, .button.violet.active { background: #fff; color: #5344a3; }
@media screen and (max-width: 600px) { .button.violet:hover, .button.violet.style03:hover { background: #5344a3; color: #fff; } }

.button.violet.style03:hover, .button.violet.style03.active { border-color: #5344a3 !important; background: #5344a3 !important; color: #fff; }

.button.blue:hover, .button.blue.active { background: #fff; color: #27579c; }
@media screen and (max-width: 600px) { .button.blue:hover, .button.blue.style03:hover { background: #27579c; color: #fff; } }

.button.blue.style03:hover, .button.blue.style03.active { border-color: #27579c !important; background: #27579c !important; color: #fff; }

.button.tia-maria:hover, .button.tia-maria.active { background: #fff; color: #d8440f; }
@media screen and (max-width: 600px) { .button.tia-maria:hover, .button.tia-maria.style03:hover { background: #d8440f; color: #fff; } }

.button.tia-maria.style03:hover, .button.tia-maria.style03.active { border-color: #d8440f !important; background: #d8440f !important; color: #fff; }

.button.brown:hover, .button.brown.active { background: #fff; color: #a38200; }
@media screen and (max-width: 600px) { .button.brown:hover, .button.brown.style03:hover { background: #a38200; color: #fff; } }

.button.brown.style03:hover, .button.brown.style03.active { border-color: #a38200 !important; background: #a38200 !important; color: #fff; }

.button.yellowgreen:hover, .button.yellowgreen.style03:hover { background: #fff; color: #a6cf6a; }
@media screen and (max-width: 600px) { .button.yellowgreen:hover, .button.yellowgreen.active { background: #a6cf6a; color: #fff; } }

.button.yellowgreen_2:hover, .button.yellowgreen_2.active { background: #fff; color: #58a538; }
@media screen and (max-width: 600px) { .button.yellowgreen_2:hover, .button.yellowgreen_2.style03:hover { background: #58a538; color: #fff; } }

.button.yellowgreen.style03:hover, .button.yellowgreen.style03.active { border-color: #a6cf6a !important; background: #a6cf6a !important; color: #fff; }

.button.yellowgreen_2.style03:hover, .button.yellowgreen_2.style03.active { border-color: #58a538 !important; background: #58a538 !important; color: #fff; }

.button.pink:hover, .button.pink.style03:hover { background: #e24e67; color: #fff; }
@media screen and (max-width: 600px) { .button.pink:hover, .button.pink.active { background: #e24e67; color: #fff; } }

.button.pink.style03:hover, .button.pink.style03.active { border-color: #e24e67 !important; background: #e24e67 !important; color: #fff; }

.button.salem:hover, .button.salem.active { background: #fff; color: #0e8129; }
@media screen and (max-width: 600px) { .button.salem:hover, .button.salem.style03:hover { background: #0e8129; color: #fff; } }

.button.salem.style03:hover, .button.salem.style03.active { border-color: #0e8129 !important; background: #0e8129 !important; color: #fff; }

.button.ship-cove:hover, .button.ship-cove.active { background: #fff; color: #7D95C5; }
@media screen and (max-width: 600px) { .button.ship-cove:hover, .button.ship-cove.style03:hover { background: #7D95C5; color: #fff; } }

.button.ship-cove.style03:hover, .button.ship-cove.style03.active { border-color: #7D95C5 !important; background: #7D95C5 !important; color: #fff; }

.button.fernapprox:hover, .button.fernapprox.active { background: #fff; color: #5ab15e; }
@media screen and (max-width: 600px) { .button.fernapprox:hover, .button.fernapprox.style03:hover { background: #5ab15e; color: #fff; } }

.button.fernapprox.style03:hover, .button.fernapprox.style03.active { border-color: #5ab15e !important; background: #5ab15e !important; color: #fff; }

.button.eastern-blue:hover, .button.eastern-blue.active { background: #fff; color: #1782b1; }
@media screen and (max-width: 600px) { .button.eastern-blue:hover, .button.eastern-blue.style03:hover { background: #1782b1; color: #fff; } }

.button.eastern-blue.style03:hover, .button.eastern-blue.style03.active { border-color: #1782b1 !important; background: #1782b1 !important; color: #fff; }

.button.mandyspink:hover, .button.mandyspink.active { background: #fff; color: #f4b4bf; }
@media screen and (max-width: 600px) { .button.mandyspink:hover, .button.mandyspink.style03:hover { background: #f4b4bf; color: #fff; } }

.button.mandyspink.style03:hover, .button.mandyspink.style03.active { border-color: #f4b4bf !important; background: #f4b4bf !important; color: #fff; }

.button.blue-sea:hover, .button.blue-sea.active { background: #fff; color: #1da1f2; }
@media screen and (max-width: 600px) { .button.blue-sea:hover, .button.blue-sea.style03:hover { background: #fff; color: #1da1f2; } }

.button.blue-sea.style03:hover, .button.blue-sea.style03.active { border-color: #1da1f2 !important; background: #1da1f2 !important; color: #fff; }

.green { position: relative; }

.green.border-green:hover:after { content: ''; position: absolute; border: #167d3a solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.orange { position: relative; }

.orange.border-orange:hover:after { content: ''; position: absolute; border: #e1612c solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.violet { position: relative; }

.violet.border-violet:hover:after { content: ''; position: absolute; border: #5344a3 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.blue { position: relative; }

.blue.border-blue:hover:after { content: ''; position: absolute; border: #27579c solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.tia-maria { position: relative; }

.tia-maria.border-tia-maria:hover:after { content: ''; position: absolute; border: #d8440f solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.brown { position: relative; }

.brown.border-brown:hover:after { content: ''; position: absolute; border: #a38200 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.yellowgreen { position: relative; }

.yellowgreen.border-yellowgreen:hover:after { content: ''; position: absolute; border: #a6cf6a solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.pink { position: relative; }

.pink.border-pink:hover:after { content: ''; position: absolute; border: #e24e67 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.salem { position: relative; }

.salem.border-salem:hover:after { content: ''; position: absolute; border: #0e8129 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.ship-cove { position: relative; }

.ship-cove.border-ship-cove:hover:after { content: ''; position: absolute; border: #7D95C5 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.fernapprox { position: relative; }

.fernapprox.border-fernapprox:hover:after { content: ''; position: absolute; border: #5ab15e solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.eastern-blue { position: relative; }

.eastern-blue.border-eastern-blue:hover:after { content: ''; position: absolute; border: #1782b1 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.mandyspink { position: relative; }

.mandyspink.border-mandyspink:hover:after { content: ''; position: absolute; border: #f4b4bf solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

.blue-sea { position: relative; }

.blue-sea.border-blue-sea:hover:after { content: ''; position: absolute; border: #1da1f2 solid 4px; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 601px) { .text-ellipsis { -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } }

.box-bt .wrap-icon { min-width: 16px; max-width: 16px; height: 20px; position: relative; vertical-align: middle; padding: 0 !important; }

.box-bt .wrap-icon img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.box-bt .wrap-icon img:first-child { opacity: 1; z-index: 2; }

.box-bt .wrap-icon img:last-child { opacity: 0; z-index: 1; }

.box-bt:hover .wrap-icon img:first-child { opacity: 0; z-index: 1; }

.box-bt:hover .wrap-icon img:last-child { opacity: 1; z-index: 2; }

/*Header*/
html { overflow-x: hidden; }

body { background: url("../images/bg_header.jpg") center 0 no-repeat; background-attachment: scroll; overflow-x: hidden; }

body.home #header { position: relative; z-index: 30; }

@media screen and (max-width: 600px) { body.home #header { background: none; } }

body.home #main-content { background: url(../images/bg_repeat.jpg) 0 33px repeat-x; }

#header { position: relative; font-size: 14px; }

#header h1 { margin: 20px 60px 0 0; display: inline-block; vertical-align: top; -webkit-transform: translateX(-7px); transform: translateX(-7px); }

#header .main-menu { display: inline-block; }

#header .main-menu > li { float: left; }

#header .main-menu > li:nth-child(1) { width: 69px; }

#header .main-menu > li:nth-child(2) { width: 84px; }

#header .main-menu > li:nth-child(3) { width: 136px; }

#header .main-menu > li:nth-child(4) { width: 103px; }

#header .main-menu > li:nth-child(5) { width: 132px; }

#header .main-menu > li:nth-child(1) > a { background: url("../images/header/txt_mn01.png") center center no-repeat; }

#header .main-menu > li:nth-child(1) > a:hover, #header .main-menu > li:nth-child(1) > a:focus { background: #0b5209 url("../images/header/txt_mn01_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(2) > a { background: url("../images/header/txt_mn02.png") center center no-repeat; }

#header .main-menu > li:nth-child(2) > a:hover, #header .main-menu > li:nth-child(2) > a:focus { background: #0b5209 url("../images/header/txt_mn02_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(3) > a { background: url("../images/header/txt_mn03.png") center center no-repeat; }

#header .main-menu > li:nth-child(3) > a:hover, #header .main-menu > li:nth-child(3) > a:focus { background: #0b5209 url("../images/header/txt_mn03_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(4) > a { background: url("../images/header/txt_mn04.png") center center no-repeat; }

#header .main-menu > li:nth-child(4) > a:hover, #header .main-menu > li:nth-child(4) > a:focus { background: #0b5209 url("../images/header/txt_mn04_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(5) > a { background: url("../images/header/txt_mn05.png") center center no-repeat; }

#header .main-menu > li:nth-child(5) > a:hover, #header .main-menu > li:nth-child(5) > a:focus { background: #0b5209 url("../images/header/txt_mn05_on.png") center center no-repeat; }

#header .main-menu > li > a { display: block; padding: 42px 0; text-indent: -9999em; }

#header .main-menu > li:nth-child(1).active > a, #header .main-menu > li:nth-child(1):hover > a { background: #0b5209 url("../images/header/txt_mn01_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(2).active > a, #header .main-menu > li:nth-child(2):hover > a { background: #0b5209 url("../images/header/txt_mn02_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(3).active > a, #header .main-menu > li:nth-child(3):hover > a { background: #0b5209 url("../images/header/txt_mn03_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(4).active > a, #header .main-menu > li:nth-child(4):hover > a { background: #0b5209 url("../images/header/txt_mn04_on.png") center center no-repeat; }

#header .main-menu > li:nth-child(5).active > a, #header .main-menu > li:nth-child(5):hover > a { background: #0b5209 url("../images/header/txt_mn05_on.png") center center no-repeat; }

#header .main-menu > li ul { position: absolute; display: none; z-index: 100; background: #0b5209; width: 100%; left: 0; }

#header .main-menu > li ul li { display: inline-block; padding: 15px 0; }

#header .main-menu > li ul li a { padding: 2px 18px; display: inline-block; border-left: 1px dotted #fff; }

#header .main-menu > li ul li:first-child a { border-left: 0; }

#header .header_right { float: right; margin-top: 25px; font-size: 14px; }

#header .header_right > * { display: table-cell; vertical-align: middle; }

#header .header_right .h_facebook { padding-right: 16px; position: relative; }

#header .header_right .h_facebook:after { content: ''; position: absolute; width: 1px; height: 28px; background: url("../images/ico/ico_dot_green.png") repeat-y; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#header .header_right .switch-font { padding-left: 20px; }

#header .header_right .switch-font a { display: inline-block; width: 24px; height: 24px; }

#header .header_right .switch-font a.active { pointer-events: none; }

#header .header_right .switch-font a.font-large { background: url("../images/header/btn_fontsize_small.png") 0 0 no-repeat; }

#header .header_right .switch-font a.font-large.active, #header .header_right .switch-font a.font-large:hover { background: url("../images/header/btn_fontsize_small_active.png") 0 0 no-repeat; }

#header .header_right .switch-font a.font-normal { background: url("../images/header/btn_fontsize_normal.png") 0 0 no-repeat; }

#header .header_right .switch-font a.font-normal.active, #header .header_right .switch-font a.font-normal:hover { background: url("../images/header/btn_fontsize_normal_active.png") 0 0 no-repeat; }

#header .header_right .switch-font a.font-small { background: url("../images/header/btn_fontsize_large.png") 0 0 no-repeat; }

#header .header_right .switch-font a.font-small.active, #header .header_right .switch-font a.font-small:hover { background: url("../images/header/btn_fontsize_large_active.png") 0 0 no-repeat; }

/*Footer*/
.button-totop { position: fixed; bottom: 60px; right: 40px; z-index: 100; cursor: pointer; display: none; }

#footer { background: transparent url("../images/bg_footer.png") center top no-repeat; background-size: cover; padding-top: 75px; }

@media screen and (min-width: 1600px) { #footer { background: #c4ed9e; } }

#footer .footer_left { float: left; -webkit-transform: translateX(-7px); transform: translateX(-7px); }

#footer .footer_right { padding-left: 40px; overflow: hidden; }

#footer .footer_right > ul > li { display: table-cell; vertical-align: top; padding-right: 30px; }

#footer .footer_right > ul > li:last-child { margin-right: 0; }

#footer .footer_right .footer_right__title { font-weight: bold; color: #0b5209; font-size: 1rem; }

#footer .footer_right > ul > li ul li { margin-top: 8px; }

#footer .footer_right > ul > li ul li a { color: #3B3E38; text-decoration: none; }

#footer .footer_right > ul > li ul li a span { font-size: .75rem; font-weight: normal; }

#footer .footer_right > ul > li ul li a:hover span { text-decoration: none !important; }

#footer .text-copy-right { color: #0b5209; padding: 45px 0 25px; }

#footer .box-bt .wrap-icon img { top: 45%; transform: translate(-50%, -55%); -webkit-transform: translate(-50%, -55%); }

.hide_ele { display: none; }

/* Breadcrumb */
.page-heading { margin-bottom: 40px; }

@media screen and (max-width: 600px) {
  .page-heading { margin-bottom: 20px; }
  .breadcrumb { font-size: .625rem; }
}

.breadcrumb { background: #e1f1e9; border-radius: 15px; padding: 7px 10px; width: fit-content; width: -moz-fit-content; }

.page-heading .breadcrumb .breadcrumb__item { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.page-heading .breadcrumb .breadcrumb__item a.active { color: #0b5209; font-weight: bold; text-decoration: none; }

.page-heading .breadcrumb .breadcrumb__item a.active:after { background: url("../images/ico/ico_next.png") center no-repeat; content: ''; padding: 0 10px; }

.page-heading .breadcrumb .breadcrumb__item { display: inline-block;}

.home #footer { background: #FBF9F0 url("../images/bg_footer.png") center top no-repeat; }

@media screen and (min-width: 1600px) { .home #footer { background: #c4ed9e; } }

@media screen and (min-width: 601px) { body { min-width: 980px; }
  .container { min-width: 980px; max-width: 980px; }
  .container-fluid { min-width: 980px; }
  .sp { display: none !important; } }

@media screen and (max-width: 600px) { .button { border-radius: 5px; }
  .pc { display: none !important; }
  .home #header { background-image: url("../images/bg_header_sp.jpg"); }
  #header { max-height: 85px; }
  #header h1 { display: block; margin: 0; padding: 12px 0; float: none; text-align: center; }
  #header .nav-button { top: 20px; right: 20px; background: #0b5209; width: 45px; height: 45px; border-radius: 5px; text-align: center; padding-top: 6px; }
  #header .nav-button .nav-text { color: #fff; font-size: 10px; }
  #header .nav-button .c-hamburger { width: 26px; height: 20px; display: inline-block; }
  #header .nav-button .c-hamburger span { top: 9px; border-radius: 2px; background: #fff; height: 3px; }
  #header .nav-button .c-hamburger span:before { top: -7px; border-radius: 2px; background: #fff; height: 3px; }
  #header .nav-button .c-hamburger span:after { bottom: -7px; border-radius: 2px; background: #fff; height: 3px; }
  #header .nav-button .c-hamburger.c-hamburger-htx.is-active span { background: none; }
  #header .nav-button .c-hamburger.c-hamburger-htx.is-active span:before { top: 0; -webkit-transform: rotate(42deg); transform: rotate(42deg); }
  #header .nav-button .c-hamburger.c-hamburger-htx.is-active span:after { bottom: 0; -webkit-transform: rotate(-42deg); transform: rotate(-42deg); }
  #header .main-menu-sp { display: none; position: absolute; top: 83px; left: 0; z-index: 11; width: 100%; background: #ffffff; }
  #header .main-menu-sp ul > li { font-size: 14px; }
  #header .main-menu-sp ul > li a { background: url("../images/ico/ico_caret_circle_right.png") 95% center no-repeat; background-size: 16px; border-bottom: 1px solid #dbdbdb; color: #0b5209; display: block; padding: 10px 20px; text-decoration: none; font-weight: bold; }
  #header .main-menu-sp ul > li a.has-submenu { background-image: url("../images/ico/ico_caret_circle_down.png"); }
  #header .main-menu-sp ul > li a.has-submenu.active { background-image: url("../images/ico/ico_caret_circle_up.png"); }
  #header .main-menu-sp ul > li .sub-menu { background: #0b5209; padding: 15px 20px; display: none; }
  #header .main-menu-sp ul > li .sub-menu li { margin-bottom: 8px; }
  #header .main-menu-sp ul > li .sub-menu li:last-child { margin-bottom: 0; }
  #header .main-menu-sp ul > li .sub-menu li a { color: #fff; border-bottom: 0; text-decoration: none; padding: 0 15px; font-weight: lighter; }
  #header .main-menu-sp ul > li .sub-menu li a i { margin-right: 5px; }
  #header .main-menu-sp .button-fb-sp { padding: 15px 20px; }
  #header .main-menu-sp .button-fb-sp a { width: 100%; }
  #header .box-bt .wrap-icon img { width: 20px; top: 45%; transform: translate(-50%, -55%); -webkit-transform: translate(-50%, -55%); }
  #footer { background: url("../images/bg_footer_sp.png") center top no-repeat; background-size: cover; }
  #footer .text-copy-right { font-size: 12px; padding: 0 0 16px; line-height: 16px; }
  .home #footer { background: #FBF9F0 url("../images/bg_footer_sp.png") center top no-repeat; background-size: cover; }
  .button-totop { right: 10px; bottom: 55px; }
  .button-totop img { width: 105px; opacity: 1 !important; } }

/* begin top page*/
.clearAll { clear: both; display: block; }

.margin-center { display: block; margin: 0 auto; }

#mask { width: 100%; max-width: 1600px; min-width: 1600px; margin: 0 auto; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 903px; z-index: 10; }

#mask img { width: 100%; height: 903px; }

#section1 { background: url(../images/top/bg.jpg) center 0 no-repeat; display: block; margin-top: 0; padding-bottom: 70px; }

#section1 .section1__bottom { position: relative; z-index: 23; margin-top: 40px; }

#section1 #button-play { position: absolute; left: 50%; top: 103px; z-index: 22; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; width: 726px; height: 409px; text-align: center; }

#section1 #button-play img { opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#section1 #button-pause { display: none; position: absolute; left: 50%; top: 103px; z-index: 22; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; width: 726px; height: 409px; }

#section1 .video-container { display: block; width: 726px; height: 409px; margin: 0 auto; position: relative; }

#section1 .video-container svg { position: absolute; z-index: 2; width: 726px; height: 409px; }

#section1 .video-container iframe { position: absolute; z-index: 1; width: 100%; height: 100%; -webkit-transform: translateY(-10px); transform: translateY(-10px); display: none; }

#section1 .video-container .topimg { position: absolute; z-index: 1; width: 100%; height: 100%; }

#section1 #thumbnail-video { position: relative; z-index: 1; -webkit-transform: translate(10px, -75px); transform: translate(10px, -75px); width: 100%; }

#section1 .group-bt { display: block; }

#section1 .group-bt .button { width: 100%; margin-right: 15px; margin-bottom: 10px; width: 100%; }

#section1 .group-bt .button:last-child { margin-right: 0; }

.box_text { background: rgba(255, 255, 255, 0.9); display: block; position: relative; padding: 30px; margin-bottom: 20px; border-radius: 10px; }

.box_text .title-img { margin-bottom: 15px; }

.box_text .title-img img { display: inline-block; vertical-align: middle; }

.box_text .box-bt { position: absolute; right: 30px; top: 30px; }

.box_text .box-top-img { position: absolute; right: 0; top: -130px; }

.box_text .list_link { display: block; width: 100%; max-width: 100%; overflow: hidden; }

.box_text .list_link .link-item { float: left; width: 100%; padding-bottom: 5px; line-height: 30px; margin: 0; background: url("../images/top/border_line.png") center bottom repeat-x; }

.box_text .list_link .link-item:last-child { background: none; }

.box_text .list_link .link-item span { overflow: hidden; }

.box_text .list_link .link-item span.time { float: left; margin-right: 20px; }

.box_text .list_link .link-item a { display: inherit; }

#section2 { background: #fbf9f0; position: relative; z-index: 100; }

.section-text { color: #555555; text-align: center; margin: 20px 0px; line-height: 24px; }

.section-img img { max-width: 100%; }

.group-3-box-gallery .item .item-inner { max-height: 220px; }

.group-3-box { display: block; margin-left: -15px; margin-right: -15px; margin-top: 40px; }

.group-3-box .item { display: block; float: left; width: 33.333%; min-width: 290px; position: relative; padding: 0px 15px; margin-bottom: 30px; overflow: hidden; }

.group-3-box .item a { text-decoration: none; }

.group-3-box .item .item-inner { position: relative; cursor: pointer; overflow: hidden; display: block; }

.group-3-box .item .item-inner img { display: block; width: 100%; min-height: 220px; }

.group-3-box .item .item-inner .tag_list { position: absolute; top: 0px; left: 0px; padding: 10px; }

.group-3-box .item .item-inner .tag_list .tag { width: 74px; display: inline-block; margin-right: 5px; text-align: center; color: #fff; padding: 12px 0; border-radius: 20px; white-space: nowrap; overflow: hidden; }

.group-3-box .item .item-inner .tag_list .tag.tag-green { background: url("../images/top/tag_bg2.png") center no-repeat; background-size: cover; }

.group-3-box .item .item-inner .tag_list .tag.tag-orange { background: url("../images/top/tag_bg1.png") center no-repeat; background-size: cover; }

.group-3-box .item .item-inner .tag_list .tag.tag-blue { background: url("../images/top/tag_bg3.png") center no-repeat; background-size: cover; }

.group-3-box .item .item-inner .tag_list .tag.tag-brown { background: url("../images/top/tag_bg4.png") center no-repeat; background-size: cover; }

.group-3-box .item .item-inner .tag_list .tag.tag-purple { background: url("../images/top/tag_bg5.png") center no-repeat; background-size: cover; }

.group-3-box .item .item-inner .tag_list .tag:last-child { margin-right: 0; }

.group-3-box .item .item-inner .info { background: rgba(0, 0, 0, 0.5); display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; padding-left: 20px; }

.group-3-box .item .item-inner .info p { color: #fff; margin: 0; padding-bottom: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.group-3-box .item .item-inner .info p .text-left { text-align: left; }

.group-3-box .item .item-inner .info .text-right { text-align: right; color: #fff; }

.group-3-box .item .item-inner .info .text-right .like { display: inline-block; margin-right: 10px; }

.group-3-box .item .item-inner .info .text-right .comment { display: inline-block; }

.group-3-box .item .item-inner .info .text-right .comment .fa { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.group-3-box .item .item-inner .info .text-right .fa { margin-right: 5px; }

.group-3-box2 .item .item-inner { overflow: hidden; }

.group-3-box2 .item .item-inner .tag2 { position: absolute; display: block; padding: 6px 15px; margin: 0; padding-left: 25px; top: 10px; left: -10px; color: #555555; border-radius: 10px; }

.group-3-box2 .item .item-inner .tag2.tag-yellow { background: #f7e62a; }

.group-3-box2 .item .item-inner .tag2.tag-pink { background: #ffc7d0; }

.group-3-box2 .item .item-inner .tag2.tag-blue { background: #b2e2f8; }

.group-3-box2 .item .item-inner .tag2.tag-green { background: #b6e89d; }

.group-3-box2 .item .item-inner .tag2.tag-violet { background: #d8c5f3; }

.group-3-box2 .item .item-inner .info { padding: 15px 20px; }

.group-3-box2 .item .item-inner .info p { line-height: 24px; white-space: normal; max-height: 50px; overflow: hidden; }

.group-3-box3 .item .item-inner { border-radius: 10px; overflow: hidden; }

.group-3-box3 .item .item-inner .item-innerthumb { border-radius: 10px 10px 0 0; max-height: 160px; }

.group-3-box3 .item .item-inner .item-innerthumb:hover:after { border-radius: 10px 10px 0 0; }

.group-3-box3 .item .item-inner.hover-blue:hover .item-innerthumb:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 0 0; border: #1782b1 solid 4px; }

.group-3-box3 .item .item-inner .info { position: relative; padding: 15px 20px; background: #f0f0f0; height: 234px; }

.group-3-box3 .item .item-inner .info .info-title { color: #1782b1; margin: 0 0 23px; line-height: 24px; max-height: 48px; overflow: hidden; padding: 0; }

.group-3-box3 .item .item-inner .info .text-info1 { color: #555555; position: relative; padding-bottom: 10px; margin: 5px 0; max-height: 52px; overflow: hidden; line-height: 24px; background: url("../images/top/border_line.png") center bottom repeat-x; }

.group-3-box3 .item .item-inner .info .text-info2 { display: block; line-height: 24px; color: #555555; max-height: 48px; margin-bottom: 8px; padding: 0; overflow: hidden; }

.group-3-box3 .item .item-inner .info .text-info2 span { display: inline-block; float: left; width: 80%; }

.group-3-box3 .item .item-inner .info .text-info2 span.title { width: 20%; }

.group-3-box3 .item .item-inner .info .text-info2:after { content: ''; display: block; clear: both; }

.group-3-box3 .item .item-inner .info:after { content: ''; display: block; clear: both; }

.group-3-box3 .item .item-inner .info p { text-overflow: initial; white-space: normal; overflow: auto; }

.voice-content .voice-img { float: left; vertical-align: top; margin-right: 35px; }

.voice-content:after { content: ''; display: block; clear: both; }

.voice_news { float: right; vertical-align: top; border-radius: 10px; width: 700px; padding: 25px 30px; background: #fff; position: relative; }

.voice_news:before { content: ''; display: block; position: absolute; top: 50%; left: -21px; margin-top: -12px; background: url("../images/top/box_tail.png") no-repeat; width: 21px; height: 24px; }

.voice_news .item { width: 100%; margin-bottom: 15px; }

.voice_news .item .comment-icon { color: #d8440f; }

@media screen and (min-width: 601px) { .voice_news .item .comment-icon { float: left; } }

.voice_news .item a { display: block; }

.voice_news .item .news_time { color: #555555; display: inline-block; margin-left: 10px; margin-right: 18px; }

.voice_news .item .news_text { color: #d8440f; display: inline-block; max-width: 485px; vertical-align: top; }

.voice_news .item:last-child { margin-bottom: 0; }

.comment-icon { display: inline-block; }

.comment-icon .fa { display: inline-block; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.bt-new { display: inline-block; width: 51px; height: 20px; background: url("../images/top/bt-new.png") no-repeat; background-size: 51px 20px; vertical-align: bottom; margin-right: 5px; }

.box-bt2 { display: block; text-align: center; margin: 40px 0px; }

.box-bt2 .button { display: inline-block; }

.img-full { display: block; }

.img-full img { width: 100%; }

.img-center { display: block; }

.img-center img { display: block; max-width: 100%; margin: 0 auto; }

.section_ele { display: block; padding: 60px 0px; }

.group-bt-oval { display: block; margin: 40px 0px; text-align: center; }

.group-bt-oval .item { display: inline-block; margin: 0px 12px; }

.group-bt-oval .item img { max-width: 100%; }

#section3 .box-bt2 { margin-bottom: 0; }

#section4 { background: #fbf9f0; }

#section4 .box-bt2 { margin: 0; }

#section5 .box-bt2 { margin: 0; }

#section6 { padding-top: 0; }

#section6.section_ele { padding-bottom: 0; }

#section6 .container1 { background: #fbf9f0; padding: 40px 0; }

#section6 .container2 { background: #fff; padding: 40px 0; }

#section6 .container3 { background: #FBF9F0; padding: 40px 0; }

#section6 .container3 .box_text { background: none; margin-top: 0; margin-bottom: 0; padding: 0; }

#section6 .container3 .box_text .list_link { float: none; }

#section6 .container3 .box_text .list_link .link-item { float: none; }

#section6 .container3 .box_text .list_link .link-item:last-child { padding-bottom: 0; }

#section6 .container3 .box_text .button { position: absolute; top: 0; right: 0; }

.group-3-bt { display: block; width: 100%; float: left; }

.group-3-bt .button { float: left; margin-right: 20px; }

.group-3-bt .button:last-child { margin-right: 0; }

.group-3-box-bt { display: block; float: left; width: 100%; text-align: center; }

.group-3-box-bt .item { background: url("../images/top/border_line2.png") repeat-y; float: left; position: relative; width: 33.333%; }

.group-3-box-bt .item .img-info { display: block; padding: 0 35px; }

.group-3-box-bt .item .img-info span { margin: 10px 0 12px; display: block; line-height: 24px; }

.group-3-box-bt .item:last-child:before { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: url("../images/top/border_line2.png") repeat-y; }

.group-3-box-bt .button .img-icon2 { display: inline-block; vertical-align: middle; max-width: 16px; }

.group-3-box-bt .button span { display: inline-block; padding: 0 10px; }

#section09 { padding: 60px 0; }

#section09 .container { position: relative; }

#section09 .gl_camera { position: absolute; top: 0; right: 20px; z-index: 2; }

#section09 h2 { margin: 0 0 30px 0; }

#section09 ul.gallery { margin-bottom: 40px; }

#section09 ul.gallery li { width: 25%; float: left; }

#section09 ul.gallery li a { display: block; max-height: 156px; overflow: hidden; }

#section10 { background: #FBF9F0; padding: 40px 0 60px; }

#section10 img.pc { border-radius: 10px; }

#section10 .list-col-4.columns { margin-left: -16px; margin-right: -16px; }

/* end top page */
@media screen and (max-width: 600px) { /* begin top page */
  #section1 { background-image: url("../images/top/bg_section01_sp.jpg"); background-repeat: repeat-y; background-size: contain; position: relative; padding: 0 0 30px; }
  #section1 #button-play { width: 89.33333vw; height: 53.33333vw; top: 0; }
  #section1 #button-play img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }
  #section1 #button-pause { width: 89.33333vw; height: 53.33333vw; top: 0; }
  #section1 .video-container { width: 89.33333vw; height: 53.33333vw; overflow: hidden; -webkit-transform: scale(1.05); transform: scale(1.05); }
  #section1 .video-container iframe { width: 89.33333vw; height: 58.66667vw; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  #section1 .video-container .topimg { width: 89.33333vw; height: 58.66667vw; }
  #section1 .video-container #thumbnail-video { width: 89.33333vw; height: 52.66667vw; -webkit-transform: translate(0, 5px) scale(1); transform: translate(0, 5px) scale(1); }
  #section1 .section1__bottom { margin-top: 10px; }
  #mask_sp { background: url("../images/bg_mask_sp.png") center 0 no-repeat; background-size: cover; width: 100%; height: 50%; position: absolute; z-index: 10; left: 0; top: 0; -webkit-transform: translateY(-85px); transform: translateY(-85px); }
  .box_text { padding: 15px; }
  .box_text .box-bt { position: relative; right: 0; top: 0; width: 100%; }
  .box_text .box-top-img { top: -65px; }
  .box_text .list_link .link-item { padding-bottom: 8px; margin-bottom: 5px; line-height: 1.3; }
  .box_text .list_link .link-item span { width: 100%; }
  .box_text .list_link .link-item span.time { display: block; }
  .group-3-box .item { width: 100%; }
  .voice-content .voice-img { margin: 0; width: 100%; }
  .voice-content .voice-img img { padding: 0px 15px; }
  .voice-content .voice_news { width: 100%; height: auto; margin-top: 30px; }
  .voice-content .voice_news:before { top: -20px; left: 50%; margin-top: 0; margin-left: -18px; background: url("../images/top/box_tail_sp.png") no-repeat; width: 36px; height: 32px; }
  .voice-content .voice_news .item { margin-bottom: 10px; }
  .voice-content .voice_news .item .news_text { margin-top: 3px; display: block; }
  .voice-content .voice_news .item a { display: block; margin-top: 5px; }
  .box-bt2 { margin: 20px 0px; }
  .box-bt2 .button { display: block; }
  .section_ele { display: block; padding: 30px 0px; }
  .section-text { margin: 10px 0px; }
  .group-bt-oval { margin: 30px 0px; }
  .group-bt-oval .item { max-width: 32%; margin: 0px; padding: 0px 10px; }
  .group-3-box .item { margin-bottom: 15px; }
  .group-3-box .item .item-inner .tag { font-size: 16px; }
  .group-3-box .item.last-item { margin-bottom: 0; }
  #section4 .box-bt2 { margin-top: 30px; }
  #section5 .box-bt2 { margin-top: 30px; }
  /* end top page */
  .group-3-bt { float: none; }
  .group-3-bt .button { float: none; width: 100%; margin-right: 0px; margin-top: 10px; }
  .group-3-box3 .item { border-radius: 3px; }
  .group-3-box3 .item .item-inner { border-radius: 3px; }
  #section6 .container1 { padding: 30px 0; }
  #section6 .container2 { padding: 30px 0; }
  #section6 .container3 { padding: 30px 0; }
  #section6 .container3 .box_text .list_link .link-item { line-height: 1.3; }
  #section6 .container3 .box_text .button { margin-top: 5px; position: relative; }
  .group-3-box-bt .item { background: url("../images/ico/ico_dot_vertical.png") 0 bottom repeat-x; background-size: 2px 1px; width: 100%; padding: 20px 0; float: none; }
  .group-3-box-bt .item:last-child { padding-bottom: 0; }
  .group-3-box-bt .item:last-child:before { background: none; }
  .group-3-box-bt .item .img-info { padding: 0; margin-bottom: 15px; }
  .group-3-box-bt .item .img-info > * { vertical-align: middle; }
  .group-3-box-bt .item .img-info .img-icon { margin-right: 15px; display: table-cell; }
  .group-3-box-bt .item .img-info > span { text-align: left; display: table-cell; padding-left: 15px; line-height: 17px; }
  .group-3-box-bt .item .button { width: 100%; }
  .group-3-box-bt .item .button img:last-child { position: absolute; right: 7%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  #section09 { padding: 30px 0; }
  #section09 .gl_camera { top: 31px; right: 10px; }
  #section09 h2 { margin: 0 0 17px 0; }
  #section09 ul.gallery { margin-left: -20px; margin-right: -20px; margin-bottom: 20px; }
  #section09 ul.gallery li { width: 50%; }
  #section09 ul.gallery li a { height: 130px; position: relative; }
  #section09 ul.gallery li a img { position: absolute; min-width: 100%; min-height: 100%; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #section09 ul.gallery li img { width: 100%; }
  #section09 ul.gallery li.mb40 { margin-bottom: 20px; }
  #section10 { background: #FBF9F0; padding: 30px 0 40px; }
  #section10 .mb20 { margin-bottom: 10px; }
  #section10 img.sp { border-radius: 8px; }
  #section10 .list-col-6-p15 > * { margin-bottom: 10px; }
  #section10 .list-col-6-p15 > *:last-child { margin-bottom: 0; }
  #section10 .list-col-4-p15 > * { width: 50%; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; float: left; }
  #section10 .list-col-4-p15 > *:last-child { margin-bottom: 0; }
  #section10 .list-col-4-p15.columns-p15 { margin-left: -10px; margin-right: -10px; } }

@media screen and (max-width: 375px) { #section1 #thumbnail-video { -webkit-transform: translate(0px, -5px) !important; transform: translate(0px, -5px) !important; }
  #section1 .video-container iframe { -webkit-transform: translateY(-17px); transform: translateY(-17px); } }

@media screen and (max-width: 320px) { #section1 .video-container { top: -10px; }
  #section1 #button-play img { margin-top: -15px; }
  .button.style03 { min-width: 0 !important; font-size: 18px !important; } }

@media screen and (width: 600px) { #section1 #mask_sp { -webkit-transform: translateY(-121px); transform: translateY(-121px); } }

@media screen and (min-width: 940px) { /* begin top page*/
  #section1 .group-bt .button { max-width: 100%; width: auto; } }

@media screen and (min-width: 600px) { #section6 .group-2-bt { text-align: center; }
  #section6 .group-2-bt > a { float: none; }
  .box_text .list_link .link-item a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } }

@media screen and (min-width: 1600px) { /* begin top page*/ }

/* ambassador start*/
.p-heading { background: url("../images/ico/ico_dot_vertical.png") 0 bottom repeat-x; background-size: 2px 1px; color: #0e8129; font-size: 20px; padding-bottom: 10px; margin: 0 0 25px; }

.s-heading { background: url("../images/ico/ico_dot_vertical.png") 0 bottom repeat-x; background-size: 2px 1px; color: #000; font-size: 18px; padding-bottom: 15px; margin: 0 0 15px; line-height: 1; }

.s-heading img { vertical-align: middle; }

.p-desc { line-height: 24px; padding-bottom: 7px; }

.ambassador-box { background: url("../images/ambassador/bg_box.jpg") 0 0 repeat; border-radius: 20px; margin-top: 37px; padding: 20px; }

.ambassador-box .ambassador-box__photo { float: left; margin-right: 20px; position: relative; }

.ambassador-box .ambassador-box__photo:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; border: #C0A300 solid 4px; }

.ambassador-box .ambassador-box__desc { overflow: hidden; }

.ambassador-box .ambassador-box__desc .ambassador-box__desc_ttl { text-align: center; margin-bottom: 10px; }

.ambassador-box .ambassador-box__desc .ambassador-box__desc_text { line-height: 24px; }

.ambassador-box .ambassador-box__desc .ambassador-box__video { margin: 20px auto 0; text-align: center; }

.ambassador-box .ambassador-box__desc .ambassador-box__photo__group { padding-top: 5px; margin-bottom: 15px; }

.ambassador-box .ambassador-box__desc .ambassador-box__photo__group .ambassador-box__photo:last-child { margin-right: 0; }

@media screen and (max-width: 600px) { .p-heading { margin-bottom: 15px; font-size: 17px; }
  .p-desc { line-height: 21px; padding-bottom: 0; }
  .ambassador-box { padding: 15px; margin-top: 30px; text-align: center; border-radius: 10px; position: relative; }
  .ambassador-box .ambassador-box__photo { float: none; margin-right: 0; display: inline-block; }
  .ambassador-box .ambassador-box__photo img { border-radius: 10px !important; }
  .ambassador-box .ambassador-box__photo:after { border-radius: 10px !important; }
  .ambassador-box .ambassador-box__desc { text-align: left; overflow: initial; }
  .ambassador-box .ambassador-box__desc .ambassador-box__desc_ttl { margin: 10px -10px; }
  .ambassador-box .ambassador-box__desc .ambassador-box__desc_text { line-height: 21px; }
  .ambassador-box .ambassador-box__desc .ambassador-box__video iframe { width: 99%; height: 170px; }
  .ambassador-box .ambassador-box__desc .ambassador-box__photo__group { text-align: center; }
  .ambassador-box .ambassador-box__desc .ambassador-box__photo__group .ambassador-box__photo { width: 48.5%; }
  .ambassador-box .ambassador-box__desc .ambassador-box__photo__group .ambassador-box__photo img { width: 100%; }
  .ambassador-box .ambassador-box__desc .ambassador-box__photo__group .ambassador-box__photo:nth-child(2n+2) { margin-top: 10px; float: left; }
  .ambassador-box .ambassador-box__desc .ambassador-box__photo__group .ambassador-box__photo:nth-child(2n+3) { margin-top: 10px; float: right; }
  .ambassador__decor01 { position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .ambassador__decor02 { top: 180px; }
  .ambassador__decor03 { top: 75px; }
  .mb70 { margin-bottom: 35px; } }

/*ambassador end*/
/*Calendar Start*/
#calendar .p-desc { margin-bottom: 50px; }

@media screen and (max-width: 600px) { #calendar .p-desc { margin-bottom: 25px; } }

#calendar h3 { text-align: center; margin: 0 0 20px; }

@media screen and (max-width: 600px) { #calendar h3 { margin: 0 0 15px; } }

#calendar div[class*="ss-"] { position: relative; }

#calendar div[class*="ss-"]:first-child { margin-top: 0; }

#calendar .season01 { background-image: url("../images/calendar/bg_01.png"); background-repeat: no-repeat; padding-bottom: 150px; overflow: hidden; }

#calendar .season01:after { background: url("../images/calendar/bg_01_repeat.png") center 0 repeat-y; content: ''; position: absolute; z-index: -1; top: 300px; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { #calendar .season01 { background-image: url("../images/calendar/bg_01_sp_01.png"); background-size: contain; background-repeat: no-repeat; overflow: hidden; padding-bottom: 69px; }
  #calendar .season01:after { background: url("../images/calendar/bg_01_sp_02.jpg") center 0 repeat-y; background-size: contain; content: ''; position: absolute; z-index: -1; top: 100px; left: 0; width: 100%; height: 100%; } }

#calendar .season01 .season01__box01 { background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 10px; border-radius: 10px; margin-bottom: 30px; }

#calendar .season01 .season01__box01 .ss__text { margin-top: 20px; line-height: 24px; text-align: center; }

@media screen and (max-width: 600px) { #calendar .season01 .season01__box01 { margin-bottom: 0; padding: 15px 15px 10px; }
  #calendar .season01 .season01__box01 .ss__text { margin-top: 12px; line-height: 21px; text-align: left; }
  #calendar .season01 .season01__box01 .list-col-6-p10 p:first-child { margin-bottom: 10px; }
  #calendar .season01 .season01__box01 .list-col-6-p10 p img { width: 100%; } }

#calendar .season01 .season01__box02 .season01__box02___col { background: #ffffff; border-radius: 10px; padding: 26px 20px 20px; position: relative; overflow: hidden; }

#calendar .season01 .season01__box02 .season01__box02___col:before { content: ''; position: absolute; top: 0; left: 0; height: 6px; background: #EF657C; z-index: 2; width: 100%; }

#calendar .season01 .season01__box02 .season01__box02___col h4 { margin: 0; padding-bottom: 7px; }

#calendar .season01 .season01__box02 ul li { margin-top: 6px; line-height: 1.2; }

#calendar .season01 .season01__box02 ul li span { color: #EF657C; float: left; }

#calendar .season01 .season01__box02 ul li a { display: block; overflow: hidden; color: #555555; line-height: 24px; pointer-events: none; }

#calendar .season01 .season01__box02 ul li a:hover { text-decoration: none; }

@media screen and (max-width: 600px) { #calendar .season01 .season01__box02 > div { margin-top: 15px; }
  #calendar .season01 .season01__box02 .season01__box02___col { padding: 21px 15px 15px; }
  #calendar .season01 .season01__box02 ul li a { text-decoration: none; } }

#calendar .season01 { background-position: center 13px; }

@media screen and (max-width: 600px) { #calendar .season01 { background-position: center 20px; } }

#calendar .season02 { background-image: url("../images/calendar/bg_02.png"); background-repeat: no-repeat; padding-bottom: 150px; overflow: hidden; }

#calendar .season02:after { background: url("../images/calendar/bg_02_repeat.png") center 0 repeat-y; content: ''; position: absolute; z-index: -1; top: 300px; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { #calendar .season02 { background-image: url("../images/calendar/bg_02_sp_01.png"); background-size: contain; background-repeat: no-repeat; overflow: hidden; padding-bottom: 69px; }
  #calendar .season02:after { background: url("../images/calendar/bg_02_sp_02.jpg") center 0 repeat-y; background-size: contain; content: ''; position: absolute; z-index: -1; top: 100px; left: 0; width: 100%; height: 100%; } }

#calendar .season02 .season02__box01 { background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 10px; border-radius: 10px; margin-bottom: 30px; }

#calendar .season02 .season02__box01 .ss__text { margin-top: 20px; line-height: 24px; text-align: center; }

@media screen and (max-width: 600px) { #calendar .season02 .season02__box01 { margin-bottom: 0; padding: 15px 15px 10px; }
  #calendar .season02 .season02__box01 .ss__text { margin-top: 12px; line-height: 21px; text-align: left; }
  #calendar .season02 .season02__box01 .list-col-6-p10 p:first-child { margin-bottom: 10px; }
  #calendar .season02 .season02__box01 .list-col-6-p10 p img { width: 100%; } }

#calendar .season02 .season02__box02 .season02__box02___col { background: #ffffff; border-radius: 10px; padding: 26px 20px 20px; position: relative; overflow: hidden; }

#calendar .season02 .season02__box02 .season02__box02___col:before { content: ''; position: absolute; top: 0; left: 0; height: 6px; background: #3198C5; z-index: 2; width: 100%; }

#calendar .season02 .season02__box02 .season02__box02___col h4 { margin: 0; padding-bottom: 7px; }

#calendar .season02 .season02__box02 ul li { margin-top: 6px; line-height: 1.2; }

#calendar .season02 .season02__box02 ul li span { color: #3198C5; float: left; }

#calendar .season02 .season02__box02 ul li a { display: block; overflow: hidden; color: #555555; line-height: 24px; pointer-events: none; }

#calendar .season02 .season02__box02 ul li a:hover { text-decoration: none; }

@media screen and (max-width: 600px) { #calendar .season02 .season02__box02 > div { margin-top: 15px; }
  #calendar .season02 .season02__box02 .season02__box02___col { padding: 21px 15px 15px; }
  #calendar .season02 .season02__box02 ul li a { text-decoration: none; } }

#calendar .season02 { margin-top: -88px; }

@media screen and (max-width: 600px) { #calendar .season02 { margin-top: -44px; } }

#calendar .season02 { background-position: center 38px; }

@media screen and (max-width: 600px) { #calendar .season02 { background-position: center 25px; } }

#calendar .season03 { background-image: url("../images/calendar/bg_03.png"); background-repeat: no-repeat; padding-bottom: 150px; overflow: hidden; }

#calendar .season03:after { background: url("../images/calendar/bg_03_repeat.png") center 0 repeat-y; content: ''; position: absolute; z-index: -1; top: 300px; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { #calendar .season03 { background-image: url("../images/calendar/bg_03_sp_01.png"); background-size: contain; background-repeat: no-repeat; overflow: hidden; padding-bottom: 69px; }
  #calendar .season03:after { background: url("../images/calendar/bg_03_sp_02.jpg") center 0 repeat-y; background-size: contain; content: ''; position: absolute; z-index: -1; top: 100px; left: 0; width: 100%; height: 100%; } }

#calendar .season03 .season03__box01 { background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 10px; border-radius: 10px; margin-bottom: 30px; }

#calendar .season03 .season03__box01 .ss__text { margin-top: 20px; line-height: 24px; text-align: center; }

@media screen and (max-width: 600px) { #calendar .season03 .season03__box01 { margin-bottom: 0; padding: 15px 15px 10px; }
  #calendar .season03 .season03__box01 .ss__text { margin-top: 12px; line-height: 21px; text-align: left; }
  #calendar .season03 .season03__box01 .list-col-6-p10 p:first-child { margin-bottom: 10px; }
  #calendar .season03 .season03__box01 .list-col-6-p10 p img { width: 100%; } }

#calendar .season03 .season03__box02 .season03__box02___col { background: #ffffff; border-radius: 10px; padding: 26px 20px 20px; position: relative; overflow: hidden; }

#calendar .season03 .season03__box02 .season03__box02___col:before { content: ''; position: absolute; top: 0; left: 0; height: 6px; background: #C23E15; z-index: 2; width: 100%; }

#calendar .season03 .season03__box02 .season03__box02___col h4 { margin: 0; padding-bottom: 7px; }

#calendar .season03 .season03__box02 ul li { margin-top: 6px; line-height: 1.2; }

#calendar .season03 .season03__box02 ul li span { color: #C23E15; float: left; }

#calendar .season03 .season03__box02 ul li a { display: block; overflow: hidden; color: #555555; line-height: 24px; pointer-events: none; }

#calendar .season03 .season03__box02 ul li a:hover { text-decoration: none; }

@media screen and (max-width: 600px) { #calendar .season03 .season03__box02 > div { margin-top: 15px; }
  #calendar .season03 .season03__box02 .season03__box02___col { padding: 21px 15px 15px; }
  #calendar .season03 .season03__box02 ul li a { text-decoration: none; } }

#calendar .season03 { margin-top: -88px; }

@media screen and (max-width: 600px) { #calendar .season03 { margin-top: -44px; } }

#calendar .season03 { background-position: center 40px; }

@media screen and (max-width: 600px) { #calendar .season03 { background-position: center 25px; } }

#calendar .season04 { background-image: url("../images/calendar/bg_04.png"); background-repeat: no-repeat; padding-bottom: 150px; overflow: hidden; }

#calendar .season04:after { background: url("../images/calendar/bg_04_repeat.png") center 0 repeat-y; content: ''; position: absolute; z-index: -1; top: 300px; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { #calendar .season04 { background-image: url("../images/calendar/bg_04_sp_01.png"); background-size: contain; background-repeat: no-repeat; overflow: hidden; padding-bottom: 69px; }
  #calendar .season04:after { background: url("../images/calendar/bg_04_sp_02.jpg") center 0 repeat-y; background-size: contain; content: ''; position: absolute; z-index: -1; top: 100px; left: 0; width: 100%; height: 100%; } }

#calendar .season04 .season04__box01 { background-color: rgba(255, 255, 255, 0.9); padding: 20px 20px 10px; border-radius: 10px; margin-bottom: 30px; }

#calendar .season04 .season04__box01 .ss__text { margin-top: 20px; line-height: 24px; text-align: center; }

@media screen and (max-width: 600px) { #calendar .season04 .season04__box01 { margin-bottom: 0; padding: 15px 15px 10px; }
  #calendar .season04 .season04__box01 .ss__text { margin-top: 12px; line-height: 21px; text-align: left; }
  #calendar .season04 .season04__box01 .list-col-6-p10 p:first-child { margin-bottom: 10px; }
  #calendar .season04 .season04__box01 .list-col-6-p10 p img { width: 100%; } }

#calendar .season04 .season04__box02 .season04__box02___col { background: #ffffff; border-radius: 10px; padding: 26px 20px 20px; position: relative; overflow: hidden; }

#calendar .season04 .season04__box02 .season04__box02___col:before { content: ''; position: absolute; top: 0; left: 0; height: 6px; background: #333370; z-index: 2; width: 100%; }

#calendar .season04 .season04__box02 .season04__box02___col h4 { margin: 0; padding-bottom: 7px; }

#calendar .season04 .season04__box02 ul li { margin-top: 6px; line-height: 1.2; }

#calendar .season04 .season04__box02 ul li span { color: #333370; float: left; }

#calendar .season04 .season04__box02 ul li a { display: block; overflow: hidden; color: #555555; line-height: 24px; pointer-events: none; }

#calendar .season04 .season04__box02 ul li a:hover { text-decoration: none; }

@media screen and (max-width: 600px) { #calendar .season04 .season04__box02 > div { margin-top: 15px; }
  #calendar .season04 .season04__box02 .season04__box02___col { padding: 21px 15px 15px; }
  #calendar .season04 .season04__box02 ul li a { text-decoration: none; } }

#calendar .season04 { margin-top: -88px; }

@media screen and (max-width: 600px) { #calendar .season04 { margin-top: -44px; } }

#calendar .season04 { padding-bottom: 30px; background-position: center 20px; }

@media screen and (max-width: 600px) { #calendar .season04 { background-position: center 15px; } }

#calendar .season04:after { background-position: center bottom !important; }

#calendar .bnr { background: url("../images/calendar/bg_04_bottom.png") center top no-repeat; padding-bottom: 100px; padding-top: 60px; }

@media screen and (max-width: 600px) { #calendar .bnr { background: url("../images/calendar/bg_04_sp_03.jpg") center top no-repeat; background-size: contain; padding: 35px 20px 0; -webkit-transform: translateY(-25%); transform: translateY(-25%); margin-bottom: 0; } }

/*Calendar End*/
/*Contact Start*/
.contact h3 { font-size: 18px; margin: 20px 0 15px; }

.contact h3 img { vertical-align: middle; }

.contact li { margin-bottom: 50px; }

.contact .contact_list { border-collapse: collapse; width: 100%; line-height: 24px; }

.contact .contact_list th, .contact .contact_list td { border: #e5e5e5 solid 1px; padding: 9px 7px 8px 10px; }

.contact .contact_list th { background: #f7f7f7; color: #0e8129; width: 256px; vertical-align: top; }

.contact .contact_list th span { display: block; font-size: 85%; }

.contact .contact_list td { width: auto; }

.contact .contact_list td img { vertical-align: middle; }

.contact .contact_list td a { color: #0e8129; }

.contact .contact_list td a:hover { text-decoration: none; }

@media screen and (max-width: 600px) { .contact h3 { font-size: 18px; margin: 20px 0 15px; }
  .contact h3 img { vertical-align: middle; }
  .contact li { margin-bottom: 35px; }
  .contact .contact_list { line-height: 21px; }
  .contact .contact_list th { width: 115px; padding: 5px 5px 5px 10px; }
  .contact .contact_list td { width: auto; padding: 5px 5px 5px 10px; vertical-align: top; } }

/*Contact End*/
/*Access Start*/
.access li { margin-bottom: 110px; }

.access li p { line-height: 24px; }

.access li dl dt { color: #0e8129; font-weight: bold; margin: 25px 0 5px; }

.access li dl dt:first-child { margin-top: 0; }

.access li dl dd { margin: 0; line-height: 24px; }

@media screen and (max-width: 600px) { .access li { margin-bottom: 60px; }
  .access li p { line-height: 21px; }
  .access li p img { max-width: 100%; }
  .access li dl dt { margin: 25px 0 5px; }
  .access li dl dd { margin: 0; line-height: 21px; }
  .access li .mt30, .access li .mt35 { margin-top: 15px; } }

/*Access End*/
@media screen and (max-width: 600px) { .sitemap { margin-bottom: 25px; } }

.sitemap li { font-size: 16px; }

.sitemap li h3 { font-weight: bold; color: #0e8129; margin: 0; }

.sitemap li ul li { margin-top: 8px; margin-left: -4px; }

.sitemap li ul li a { color: #3B3E38; text-decoration: none; }

.sitemap li ul li a span:last-child { text-decoration: underline; }

.sitemap li ul li a:hover span { text-decoration: none !important; }

.sitemap li ul li.mb118 { margin-bottom: 118px; }

.sitemap li .sitemap-special li { margin-top: 13px; margin-left: 0; }

.sitemap li .sitemap-special li:first-child { margin-top: 0; }

.sitemap li .sitemap-special li a { color: #0e8129; font-weight: bold; }

@media screen and (max-width: 600px) { .sitemap li { font-size: 15px; }
  .sitemap li h3 { margin-top: 30px; padding-bottom: 10px; }
  .sitemap li ul { display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-wrap: wrap; }
  .sitemap li ul li { width: 50%; float: left; padding-right: 3%; }
  .sitemap li ul li:nth-child(2n + 2) { padding-left: 7px; }
  .sitemap li ul li span:first-child { float: left; }
  .sitemap li ul li span:last-child { display: block; overflow: hidden; }
  .sitemap li .sitemap-special { margin-top: 30px; }
  .sitemap li .sitemap-special li { margin-top: 8px !important; }
  .mb40 { margin-bottom: 0; }
  .mb40 li:first-child h3 { margin-top: 0; } }

#terms .terms-content .terms-content-1 { margin-bottom: 20px; }

#terms .terms-content .terms-content-2 { margin-bottom: 35px; }

#terms .terms-content .terms-content-title p { background: url("../images/top/border_line.png") center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 15px; padding-bottom: 10px; }

#terms .terms-content p { padding-bottom: 25px; }

#terms .terms-content span { color: #167d3a; font-weight: bold; line-height: 24px; }

#terms .terms-content .rule-number { color: #167d3a; font-weight: bold; padding-right: 5px; }

@media screen and (max-width: 600px) { #terms .terms-content .terms-content-1 { margin-bottom: 10px; }
  #terms .terms-content .terms-content-2 { margin-bottom: 25px; } }

/*begin spot page*/
#spot1 { padding: 30px 0px; padding-top: 0; }

.head_title { margin: 40px auto; }

.section_title { color: #000; margin: 0; padding-bottom: 10px; background: url("../images/top/border_line.png") center bottom repeat-x; }

.list_links { display: block; padding: 20px; border-radius: 10px; border: 1px solid #dbdbdb; }

.text-icon { display: block; margin-bottom: 20px; }

.text-icon .img-icon { display: inline-block; vertical-align: middle; }

.text-icon span { display: inline-block; vertical-align: middle; }

.group-list { display: block; margin-top: 2px; }

.group-list a { text-decoration: none; }

.group-list .group-title { display: inline-block; color: #0e8129; width: 70px; }

.group-list .item { display: inline-block; margin-right: 10px; margin-bottom: 10px; padding: 4px 10px; border-radius: 6px; background: #eee; color: #000; }

.group-list .item:hover, .group-list .item.active { background: #0e8129; color: #fff; }

.group-list .item:last-child { margin-right: 0; }

.spot-page .group-3-box { margin-top: 15px; margin-bottom: 10px; }

.group-3-box .item.hide_ele { display: none; }

.group-filter { display: block; margin: 10px 0px; }

.group-filter .item { display: inline-block; cursor: pointer; margin-right: 20px; text-transform: uppercase; color: #000; }

.group-filter .item span { margin-left: 5px; vertical-align: middle; color: #afafaf; }

.group-filter .item.active, .group-filter .item:hover { color: #0e8129; }

.group-filter .item.active span, .group-filter .item:hover span { color: #0e8129; }

.group-filter .item:last-child { margin-right: 0; }

@media screen and (max-width: 600px) { .head_title { margin: 20px auto; }
  .list_links { padding: 15px; }
  .group-list { margin-bottom: 10px; }
  .group-list .group-title { width: 100%; margin-bottom: 10px; }
  #spot1 .text-icon { margin-bottom: 20px; }
  #spot1 .list_links { padding-bottom: 0px; } }

/* begin event page */
.head_title2 .group-bt-inner { float: right; display: block; }

.head_title2 .group-bt-inner .bt-contain { display: inline-block; margin-right: 10px; }

.head_title2 .group-bt-inner .bt-contain .button { min-width: 180px; min-height: 32px; line-height: 32px; border: 3px solid #99dcfa; font-size: 14px; display: inline-block; }

.head_title2 .group-bt-inner .bt-contain .button span { margin-right: 10px; }

.head_title2 .group-bt-inner .bt-contain:last-child { margin-right: 0; }

.text-month-container { display: block; position: relative; text-align: center; padding: 15px 0px; background: url("../images/top/border_line.png") center bottom repeat-x; }

.text-month-container span { color: #000; }

.text-month-container .button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.text-month-container .button.button-left { left: 0px; }

.text-month-container .button.button-left i { position: absolute; left: 7%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.text-month-container .button.button-right { right: 0px; }

.text-month-container .bt-circle { position: absolute; top: 50%; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.text-month-container .bt-circle.bt-circle-left { left: 0; }

.text-month-container .bt-circle.bt-circle-right { right: 0; }

.text-month-container .bt-circle i { font-size: 30px; color: #1782b1; }

.calendar-contain { display: none; padding-bottom: 30px; }

.calendar-contain.active { display: block; }

@media screen and (max-width: 600px) { .head_title2 { width: 100%; }
  .head_title2 .group-bt-inner { display: block; float: none; margin-left: -5px; margin-right: -5px; }
  .head_title2 .group-bt-inner .bt-contain { float: left; width: 50%; padding: 0px 5px; margin: 0; }
  .head_title2 .group-bt-inner .button { width: 100%; min-width: 0 !important; display: block; margin-bottom: 10px; margin: 0; font-size: 12px; }
  .head_title2 .group-bt-inner .button span { margin-right: 10px; } }

/* end event page */
/* Course Page */
.course-page .img-contain { margin-bottom: 20px; }

.course-page .group-3-box { margin-top: 30px; }

.course-page .box-bt2 { margin: 10px 0px; margin-bottom: 60px; }

.text-nomal { line-height: 24px; margin: 15px 0px; }

/* Course Numbering Page */
#course-numbering .title-page { background: url("../images/top/border_line.png") center bottom repeat-x; margin-bottom: 30px; padding-bottom: 10px; }

#course-numbering .title-page p { color: #167d3a; font-size: 20px; font-weight: bold; line-height: 36px; }

#course-numbering .title-page .title-tag { color: #555555; font-size: 12px; font-weight: normal; padding: 5px 15px; margin-left: 10px; }

#course-numbering .title-page .title-tag.yellow { background-color: #f7e62a; }

#course-numbering .title-page .title-tag.pink { background-color: #ffc7d0; }

#course-numbering .title-page .title-tag.light-blue { background-color: #b2e2f8; }

#course-numbering .title-page .title-tag.light-green { background-color: #b6e89d; }

#course-numbering .title-page .title-tag.light-purple { background-color: #d8c5f3; }

#course-numbering .course-location { border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px; }

#course-numbering .course-location .course-location-title { color: #000000; font-size: 18px; font-weight: bold; line-height: 34px; padding-bottom: 5px; }

#course-numbering .course-location .course-location-title img { vertical-align: middle; padding-bottom: 5px; padding-right: 5px; }

#course-numbering .course-location .location-item p { background: url("../images/course/border_to.png") center right no-repeat; display: inline-block; font-size: 14px; font-weight: bold; line-height: 34px; padding-right: 22px; }

#course-numbering .course-location .location-item p:last-child { background: none; }

#course-numbering .course-location .location-item img { padding: 0 5px 5px 5px; vertical-align: middle; }

#course-numbering .course-location .location-item img:first-child { padding: 0 5px 5px 0; }

#course-numbering .course-tour { margin: 40px 0 50px; }

#course-numbering .course-tour .tour-start p { display: inline-block; font-weight: bold; padding-top: 15px; width: 85%; }

#course-numbering .course-tour .tour-start img { float: left; padding-right: 20px; }

#course-numbering .course-tour .tour-information .tour-information-title { border: none; background: #f0f0f0; border-radius: 20px; color: #000000; font-size: 18px; font-weight: bold; line-height: 34px; padding: 5px 15px; }

#course-numbering .course-tour .tour-information .tour-information-title img { padding-bottom: 1px; padding-right: 4px; vertical-align: middle; }

#course-numbering .course-tour .tour-information .tour-information-title span { color: #555555; font-size: 14px; font-weight: normal; padding-right: 10px; }

#course-numbering .course-tour .tour-information .tour-information-content { background: url("../images/course/broder_line_orange.png") left center repeat-y; margin-left: 60px; padding: 30px 0 30px 30px; }

#course-numbering .course-tour .tour-information .tour-information-content .content-img-tour { padding-bottom: 30px; }

#course-numbering .course-tour .tour-information .tour-information-content .content-img-tour p { overflow: hidden; }

#course-numbering .course-tour .tour-information .tour-information-content .content-img-tour .img-tour { float: left; margin-right: 20px; max-height: 200px; max-width: 300px; overflow: hidden; }

#course-numbering .course-tour .tour-information .tour-information-content .content-img-tour .img-tour img { max-width: 100%; }

#course-numbering .course-tour .tour-information .tour-information-content .ico-move { padding-right: 5px; }

#course-numbering .course-tour .tour-end img { padding-right: 20px; float: left; }

#course-numbering .course-tour .tour-end p { font-weight: bold; padding-top: 25px; overflow: hidden; }

#course-numbering .course-map { border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px; margin-bottom: 60px; }

#course-numbering .course-map iframe { min-width: 100%; }

#course-numbering .course-map .course-map-title { color: #000000; font-size: 18px; font-weight: bold; line-height: 34px; padding-bottom: 5px; }

#course-numbering .course-map .course-map-title img { vertical-align: middle; padding-bottom: 5px; padding-right: 5px; }

@media screen and (max-width: 600px) { .text-nomal { margin: 10px 0; }
  .course-page .box-bt2 { margin-top: 30px; margin-bottom: 40px; }
  .course-page .page-heading { margin-bottom: 30px; }
  #course-numbering .title-page p { font-size: 17px; }
  #course-numbering .course-tour { margin: 30px 0 40px; }
  #course-numbering .course-tour .tour-start { margin-bottom: 10px; }
  #course-numbering .course-tour .tour-start p { padding: 0 0 15px 0; width: 100%; }
  #course-numbering .course-tour .tour-start img { float: none; }
  #course-numbering .course-tour .tour-information .tour-information-title { border-radius: 40px; }
  #course-numbering .course-tour .tour-information .tour-information-content { margin-left: 15px; }
  #course-numbering .course-tour .tour-information .tour-information-content .content-img-tour { padding-bottom: 20px; }
  #course-numbering .course-tour .tour-information .tour-information-content .content-img-tour .img-tour { float: none; margin-right: 0; padding-right: 20px; margin-bottom: 20px; max-width: none; max-height: none; width: 100%; }
  #course-numbering .course-tour .tour-information .tour-information-content .content-img-tour .img-tour img { width: 100%; }
  #course-numbering .course-tour .tour-end img { float: none; }
  #course-numbering .course-tour .tour-end p { padding-top: 15px; }
  #course-numbering .course-map iframe { max-width: 100%; } }

/* begin about */
.page-about { margin-bottom: 50px; }

.page-about .p-desc { margin-top: 15px; }

.page-about #about-txt1 { margin-top: 10px; }

.page-about .group-p { margin: 0; padding-top: 20px; }

.p-desc-img { display: block; margin: 20px 0px; }

.p-desc-img img { float: left; width: 300px; margin-right: 20px; }

.p-desc-img .p-desc { overflow: hidden; }

.clear-after:after { content: ''; display: block; clear: both; }

.group-box { margin-left: -20px; margin-right: -20px; }

.group-box .box-item { float: left; width: 33.333%; padding: 0px 15px; margin-bottom: 25px; }

.group-box .box-item img { max-width: 100%; }

.group-box:after { content: ''; display: block; clear: both; }

@media screen and (max-width: 600px) { .page-about { margin-bottom: 30px; }
  .group-box { margin-left: -10px; margin-right: -10px; }
  .group-box .box-item { float: left; width: 50%; padding: 0px 10px; margin-bottom: 20px; }
  .p-desc-img img { float: none; width: 100%; margin-right: 0px; margin-bottom: 15px; display: block; } }

/* end about */
/* begin organization */
.page-organization { padding-bottom: 50px; }

.page-organization .contact { margin: 15px 0px; }

.page-organization .bottom-line { margin-bottom: 15px; }

.page-organization .p-desc1 { margin-bottom: 35px; }

.page-organization table.contact_list { margin-bottom: 45px; }

.page-organization table.contact_list td { width: 33.333%; }

.head-icon { line-height: 24px; color: #000; }

.head-icon img { width: 14px; display: inline-block; vertical-align: bottom; margin-bottom: 2px; margin-right: 10px; }

.bottom-line { padding-bottom: 15px; background: url(../images/ico/ico_dot_vertical.png) 0 bottom repeat-x; background-size: 2px 1px; }

.head-icon2 { color: #0e8129; margin: 10px 0px; }

.group-p { margin-bottom: 20px; }

@media screen and (max-width: 600px) { .page-organization { padding-bottom: 25px; }
  .page-organization .bottom-line { margin-bottom: 10px; }
  .page-organization .p-desc1 { margin-bottom: 25px; }
  .page-organization table.contact_list { margin-bottom: 25px; }
  .page-organization table.contact_list td { width: 50%; }
  .page-organization .contact .contact_list td, .page-organization .contact .contact_list th { padding: 10px; }
  .bottom-line { padding-bottom: 10px; } }

/* end organization */
/* Tamarokuto Page*/
#tamarokuto-news-content { padding-bottom: 60px; }

#tamarokuto-news-content .box_text { background: none; border-radius: 0; padding: 0; margin-top: 0; }

#tamarokuto-news-content .box_text .title-img img { max-width: 100%; }

#tamarokuto-news-content .group-bt { text-align: center; }

/* Tamarokuto Numbering Page*/
#tamarokuto-news-numbering-content { padding-bottom: 60px; }

#tamarokuto-news-numbering-content .box_text { background: none; border-radius: 0; padding: 0; margin-top: 0; }

#tamarokuto-news-numbering-content .box_text .title-page { background: url("../images/top/border_line.png") center bottom repeat-x; margin-bottom: 0; padding-bottom: 20px; }

#tamarokuto-news-numbering-content .box_text .title-page p { color: #167d3a; font-size: 20px; font-weight: bold; line-height: 36px; }

#tamarokuto-news-numbering-content .box_text .box_text__content { text-align: left; margin-top: 20px; margin-bottom: 20px; }

#tamarokuto-news-numbering-content .box_text .box_text__content img { margin: 30px 0; width: 700px; }

#tamarokuto-news-numbering-content .box_text .box_text__content p { text-align: left; line-height: 24px; }

#tamarokuto-news-numbering-content .box_text .box_text__content iframe { margin: 1em 0; }

#tamarokuto-news-numbering-content .box_text a img { margin-right: 7px; margin-bottom: 2px; }

@media screen and (max-width: 600px) { #tamarokuto-news-content { padding-bottom: 80px; }
  #tamarokuto-news-content .button.green.style02 { max-width: 100%; }
  #tamarokuto-news-numbering-content .box_text .title-page p { font-size: 17px; }
  #tamarokuto-news-numbering-content .box_text .box_text__content { margin-bottom: 25px; margin-top: 25px; }
  #tamarokuto-news-numbering-content .box_text .box_text__content img { margin: 20px 0; max-width: 100%; }
  #tamarokuto-news-numbering-content .box_text .box_text__content iframe { width: 100%; } }

/* Spot Comment Page */
#spot-comment-content { padding-bottom: 60px; }

#spot-comment-content .box_text { background: none; border-radius: 0; padding: 0; margin-top: 0; }

#spot-comment-content .box_text .title-img { background: url("../images/top/border_line.png") center bottom repeat-x; margin-bottom: 30px; padding-bottom: 20px; }

#spot-comment-content .box_text .title-img img { max-width: 100%; }

/* Spot Numbering Page */
#numbering-content-common .title-page { background: url("../images/top/border_line.png") center bottom repeat-x; margin-bottom: 0; padding-bottom: 10px; }

#numbering-content-common .title-page p { color: #167d3a; font-size: 20px; font-weight: bold; line-height: 36px; }

#numbering-content-common .title-page .title-tag { color: #fff; font-size: 12px; font-weight: normal; padding: 5px 15px; margin-left: 10px; margin-bottom: 5px; }

#numbering-content-common .title-page .title-tag.green { background-color: #0e8129; vertical-align: middle; line-height: 1; display: inline-block; }

#numbering-content-common .title-page .title-tag.tia-maria { background-color: #d8440f; }

#numbering-content-common .title-page .title-tag.eastern-blue { background-color: #1782b1; }

#numbering-content-common .title-page .title-tag.violet { background-color: #5344a3; }

#numbering-content-common .title-page .title-tag.orange { background-color: #e1612c; }

#numbering-content-common .box-information-button { float: right; padding: 10px 0 20px; }

#numbering-content-common .box-information-button .button-top { display: inline-block; margin-right: 5px; }

#numbering-content-common .box-information-button .button-bottom { float: right; }

#numbering-content-common .box-information-button a { margin-right: 5px; }

#numbering-content-common .box-text--content { text-align: center; }

#numbering-content-common .box-text--content img { padding: 30px 0; }

#numbering-content-common .box-text--content img:last-child { padding: 50px 0 30px; }

.kaso-kodairanger #numbering-content-common .box-text--content img { padding: 0; }

.kaso-kodairanger #numbering-content-common .box-text--content img:last-child { padding: 0; }

#numbering-content-common .box-text--content p { text-align: left; }

#numbering-content-common .box-map { border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px; margin: 50px 0 20px; }

#numbering-content-common .box-map .box-map--title p { font-size: 18px; font-weight: bold; line-height: 34px; color: #000000; }

#numbering-content-common .box-map .box-map--title img { vertical-align: middle; padding-right: 10px; }

#numbering-content-common .box-map .box-map-content .box-map-content-left { display: inline-block; float: left; margin-top: 15px; width: 44.5%; }

#numbering-content-common .box-map .box-map-content .box-map-content-right { display: inline-block; min-height: 300px; padding-left: 20px; width: 55.5%; }

#numbering-content-common .box-map .box-map-content .box-map-content-right table { border-spacing: 0; width: 100%; }

#numbering-content-common .box-map .box-map-content .box-map-content-right th { color: #167d3a; line-height: 40px; text-align: left; width: 100px; }

#numbering-content-common .box-map .box-map-content .box-map-content-right tr { background: url("../images/top/border_line.png") center bottom repeat-x; border-collapse: collapse; border: 0; width: auto; }

#numbering-content-common .box-map .box-map-content .box-map-content-right tr td { line-height: 40px; border: none; }

#numbering-content-common .box-map .box-map-content .box-map-content-right tr td img { padding-right: 5px; vertical-align: middle; }

#numbering-content-common .box-map .box-map-content .box-map-content-right tr:last-child { background: none; }

#numbering-content-common .box-store-information { padding-bottom: 60px; }

#numbering-content-common .box-store-information .box-store-left { border: 1px solid #dbdbdb; border-radius: 10px; display: inline-block; float: left; padding: 20px; width: 44.5%; }

#numbering-content-common .box-store-information .box-store-left .title-store { color: #000000; font-size: 18px; font-weight: bold; line-height: 34px; margin-bottom: 10px; }

#numbering-content-common .box-store-information .box-store-left .title-store img { margin-right: 10px; border-radius: 0; border: 0; width: auto; }

#numbering-content-common .box-store-information .box-store-left img { margin-right: 20px; vertical-align: middle; border: 2px solid #828282; border-radius: 100%; }

#numbering-content-common .box-store-information .box-store-right { display: inline-block; width: 55.5%; }

#numbering-content-common .box-store-information .box-store-right .box-store-right-top { padding: 15px 0 10px 16px; }

#numbering-content-common .box-store-information .box-store-right .box-store-right-top a:first-child { float: left; }

#numbering-content-common .box-store-information .box-store-right .box-store-right-top a:last-child { float: right; }

#numbering-content-common .box-store-information .box-store-right .box-store-right-bottom { padding: 10px 0 15px; text-align: center; }

#numbering-content-common .box-store-information .box-store-right .box-store-right-bottom a { padding: 0 10px; }

#numbering-content-common .box-store-information .button.green.style02 { position: relative; border-radius: 6px; }

#numbering-content-common .box-store-information .button.green.style02 .wrap-icon { display: inline-block; position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-60%); transform: translateY(-60%); }

#numbering-content-common .box-store-information .button.green.style02 .wrap-icon img { vertical-align: middle; width: 22px; }

#numbering-content-common .box-recommend { background: #FBF9F0; padding: 60px 0; }

#numbering-content-common .box-recommend .group-3-box { margin-top: 0; }

#numbering-content-common .box-recommend .group-3-box .item { margin-bottom: 0; }

#numbering-content-common .box-comment { padding: 60px 0 40px; }

#numbering-content-common .box-comment .box-title-area p { display: inline-block; }

#numbering-content-common .box-comment .box-title-area a { float: right; min-height: 30px; max-height: 30px; line-height: 26px; min-width: 150px; border-radius: 6px; }

#numbering-content-common .box-title-area { background: url("../images/top/border_line.png") center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; padding-bottom: 8px; margin-bottom: 15px; line-height: 34px; }

#numbering-content-common .box-title-area img { vertical-align: middle; padding-right: 8px; padding-bottom: 5px; }

.button.green.style-small { max-height: 15px; min-width: 130px; line-height: 30px; border-radius: 6px; }

.button.green.style-small .wrap-icon { display: inline-block; }

.button.green.style-small .wrap-icon img { max-width: 18px; -webkit-transform: translate(-11px, -12px); transform: translate(-11px, -12px); }

.box-comment .comment-item { position: relative; border: 1px solid #dbdbdb; border-radius: 10px; margin: 20px 0; padding: 20px; }

.box-comment .comment-item.hide_ele { display: none; }

.box-comment .comment-item:first-child { margin-top: 30px; }

.box-comment .comment-item .item-rating { padding-bottom: 20px; }

.box-comment .comment-item .item-rating img { border: 2px solid #828282; border-radius: 100%; width: 70px; }

.box-comment .comment-item .item-rating .profile-item { display: inline-block; margin-bottom: 20px; padding-left: 20px; }

.box-comment .comment-item .item-rating .profile-item .item-rating-star { min-height: 20px; min-width: 124px; }

.box-comment .comment-item .item-rating .profile-item .item-rating-0star { background: url("../images/ico/ico_star.png") center no-repeat; }

.box-comment .comment-item .item-rating .profile-item .item-rating-1star { background: url("../images/ico/ico_star1.png") center no-repeat; }

.box-comment .comment-item .item-rating .profile-item .item-rating-2star { background: url("../images/ico/ico_star2.png") center no-repeat; }

.box-comment .comment-item .item-rating .profile-item .item-rating-3star { background: url("../images/ico/ico_star3.png") center no-repeat; }

.box-comment .comment-item .item-rating .profile-item .item-rating-4star { background: url("../images/ico/ico_star4.png") center no-repeat; }

.box-comment .comment-item .item-rating .profile-item .item-rating-5star { background: url("../images/ico/ico_star5.png") center no-repeat; }

.box-comment .comment-item p { line-height: 24px; }

.box-comment .comment-item .comment-button { position: absolute; top: 20px; right: 20px; }

.box-comment .comment-item .comment-button .button { background: url(../images/ico/ico_like.png) 14px 4px no-repeat; background-size: 16px auto; background-color: #0e8129; min-width: 130px; max-height: 30px; min-height: 30px; line-height: 26px; border-radius: 6px; }

.box-comment .comment-item .comment-button .button span { margin-left: 15px; }

.box-comment .comment-item .comment-button .button:hover { background: url("../images/ico/ico_like_on.png") 14px 4px no-repeat; background-size: 16px auto; }

@media screen and (max-width: 600px) { .box-comment .comment-item { position: static; padding: 25px; }
  .box-comment .comment-item .item-rating { padding-bottom: 25px; }
  .box-comment .comment-item .comment-button { position: static; text-align: center; padding-top: 20px; }
  #numbering-content-common .title-page p { font-size: 17px; }
  #numbering-content-common .box-information-button { float: right; }
  #numbering-content-common .box-information-button .button-top { display: block; margin-right: 0; }
  #numbering-content-common .box-information-button .button-bottom { margin-top: 10px; float: right; }
  #numbering-content-common .box-information-button a { margin-right: 5px; }
  #numbering-content-common .box-text--content img { padding: 20px 0; width: 100%; height: 100%; }
  #numbering-content-common .box-text--content img:last-child { padding: 50px 0 30px; }
  .kaso-kodairanger #numbering-content-common .box-text--content img { padding: 0;}
  .kaso-kodairanger #numbering-content-common .box-text--content img:last-child { padding: 0; }
  #numbering-content-common .box-map { padding: 15px; margin: 40px 0 20px; }
  #numbering-content-common .box-map .box-map-content .box-map-content-left { margin-top: 10px; width: 100%; }
  #numbering-content-common .box-map .box-map-content .box-map-content-left iframe { width: 100%; }
  #numbering-content-common .box-map .box-map-content .box-map-content-right { display: inline; padding-left: 0; width: 100%; }
  #numbering-content-common .box-store-information { padding-bottom: 30px; }
  #numbering-content-common .box-store-information .box-store-left { display: block; float: none; padding: 15px; width: 100%; }
  #numbering-content-common .box-store-information .box-store-right { display: inline-block; width: 100%; }
  #numbering-content-common .box-store-information .box-store-right .box-store-right-top { padding: 15px 0 10px 0; }
  #numbering-content-common .box-store-information .box-store-right .box-store-right-bottom { padding: 10px 0 15px; }
  #numbering-content-common .box-store-information .box-store-right .box-store-right-bottom a { padding: 0 5px; }
  #numbering-content-common .box-store-information .button.green.style02 { min-width: 49%; height: 40px; line-height: 40px; }
  #numbering-content-common .box-store-information .button.green.style02 .wrap-icon { left: 5px; }
  #numbering-content-common .box-recommend { background: #FBF9F0; padding: 40px 0; }
  #numbering-content-common .box-recommend .group-3-box .item { margin-bottom: 15px; }
  #numbering-content-common .box-comment { padding: 40px 0 30px; }
  #numbering-content-common .box-comment .box-title-area { background: none; }
  #numbering-content-common .box-comment .box-title-area p { background: url("../images/top/border_line.png") center bottom repeat-x; padding-bottom: 5px; display: block; }
  #numbering-content-common .box-comment .box-title-area a { float: right; margin-top: 10px; } }

/* Wifi Mama Infomation Page */
#common-title { padding-bottom: 30px; }

/* Event Numbering Page */
#event-numbering #numbering-content-common .box-map .box-map-content .box-map-content-right .event-numberphone { line-height: 24px; }

#event-numbering #numbering-content-common .box-map .box-map-content .box-map-content-right th { width: 120px; }

#event-numbering .box-store-right-bottom { padding-top: 10px; text-align: center; }

.box-map iframe { pointer-events: none; }

#picture1, #picture2, #picture3, #picture4 { margin-bottom: 42px; }

#picture .box-title-area { background: url(../images/top/border_line.png) center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; padding-bottom: 8px; margin-bottom: 15px; line-height: 34px; }

#picture .box-title-area img { padding-right: 0px; padding-left: 0px; margin-bottom: 3px; margin-right: 8px; vertical-align: middle; }

#picture1 .button.pink { font-size: 14px; min-height: 28px; line-height: 28px; margin-right: 20px; border: #e24e67 solid 3px; min-width: 296px; }

#picture1 .button.pink:last-child { margin-right: 0px; }

.text-area-title { margin-bottom: 15px; }

.picture-text-area .img-border { margin-bottom: 15px; }

.picture-text-area .img-grey { margin-top: 15px; }

.picture-paragraph { margin: 30px 0px; }

.picture-list-text { margin-bottom: 15px; }

.picture-list-text span { color: #0e8129; font-weight: bold; }

#picture4 ul.gallery li { width: 25%; float: left; }

#picture4 ul.gallery { clear: both; overflow: hidden; }

#picture4 ul.gallery a { display: block; max-height: 156px; overflow: hidden; }

#picturegallery { margin-bottom: 40px; }

#picturegallery img { max-width: 100%; }

#picturegallery li { display: none; }

#loadMoreArea { display: none; }

.gallery-wrapper { position: relative; display: block; padding-top: 50px; }

.gallery-wrapper .bt-camera-picture { position: absolute; z-index: 100; right: 0; top: 0; }

@media screen and (max-width: 600px) { #picturegallery { margin-bottom: 20px; }
  .gallery-wrapper .bt-camera-picture { right: 10px; }
  #picture4 .container { padding-left: 0px; padding-right: 0px; }
  #picture4 .box-title-area { padding-left: 20px; }
  #picture4 ul.gallery li { width: 50%; }
  #picture4 ul.gallery li a { height: 130px; position: relative; }
  #picture4 ul.gallery li a img { position: absolute; min-width: 100%; min-height: 100%; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #picture4 ul.gallery.sp li img { width: 100%; }
  #picture1 .button.pink { width: 100%; margin-bottom: 10px; border-radius: 10px; line-height: 34px; min-height: 34px; }
  #picture1 .button.pink:last-child { margin-bottom: 0px; }
  #picture1, #picture2, #picture3, #picture4 { margin-bottom: 22px; }
  .picture-paragraph { margin: 12px 0px; }
  #picture3 .picture-paragraph { margin-top: 30px; }
  .picture-list-text { margin-bottom: 10px; }
  #picture .box-title-area { padding-bottom: 4px; } }

#transit .transit-title-section, .train, .bus, .taxi { margin-bottom: 40px; }

#transit .bike { margin-bottom: 60px; }

#transit .title-page { background: url(../images/top/border_line.png) center bottom repeat-x; margin-bottom: 0; padding-bottom: 10px; }

#transit .box-title-area { background: url(../images/top/border_line.png) center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; padding-bottom: 8px; margin-bottom: 15px; line-height: 34px; }

#transit .box-title-area img { padding-right: 0px; padding-left: 0px; margin-bottom: 2px; margin-right: 10px; vertical-align: middle; }

.transit-title-section .box-title-area { margin-bottom: 31px !important; }

.transit-title-section .transit-title { color: #0e8129; font-size: 20px; font-weight: bold; }

.transit-paragraph { margin-bottom: 37px; }

.transit-info .image-area { display: inline-block; margin-right: 20px; float: left; }

.transit-info .text-area { display: block; vertical-align: top; }

.transit-info .text-area .info-content { margin-bottom: 35px; }

.transit-info .info-contact p { margin-bottom: 10px; }

.transit-info .info-contact .contact-title { color: #0e8129; font-weight: bold; }

.transit-info .info-contact .contact-title img { margin-bottom: 4px; margin-right: 3px; }

.transit-info .info-contact .contact-link img { margin-bottom: 3px; margin-right: 7px; }

.transit-info .info-contact .contact-link a { color: #0e8129; word-wrap: break-word; }

@media screen and (max-width: 600px) { .transit-info .image-area { margin-right: 0px; width: 100%; margin-bottom: 15px; }
  .transit-info .image-area img { width: 100%; }
  .transit-info .text-area .info-content { margin-bottom: 30px; }
  .transit-title-section .box-title-area { margin-bottom: 20px !important; }
  #transit .transit-title-section { margin-bottom: 20px; }
  .transit-paragraph { margin-bottom: 0px; }
  .transit-info .info-contact .contact-title img { margin-bottom: 3px; }
  .transit-symbol-1 { color: #555555; float: left; margin-right: 5px; }
  .transit-info .info-contact .contact-link.bus2 img { margin-bottom: 0px; margin-right: 10px; float: left; }
  #transit .transit-title-section, .train, .bus, .taxi { margin-bottom: 27px; }
  #transit .bike { margin-bottom: 27px; } }

#area .area-title-section { margin-bottom: 40px; }

#area .title-page { background: url(../images/top/border_line.png) center bottom repeat-x; margin-bottom: 0; padding-bottom: 10px; }

.area-title-section .box-title-area { margin-bottom: 31px !important; }

.area-title-section .area-title { color: #0e8129; font-size: 20px; font-weight: bold; }

.area-title-section .area-paragraph { line-height: 20px; }

#area .box-title-area { background: url(../images/top/border_line.png) center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; padding-bottom: 8px; margin-bottom: 15px; line-height: 34px; }

#area .box-title-area img { padding-right: 0px; padding-left: 0px; vertical-align: middle; }

.area-location { margin-bottom: 40px; }

.area-location:last-child { margin-bottom: 60px; }

#area .area-map { width: 100%; text-align: center; margin-top: 30px; }

.box-title-area .title-icon { display: inline-block; position: relative; margin-bottom: 2px; margin-right: 10px; }

.box-title-area .icon-number { position: absolute; left: 33%; top: -4%; font-size: 15px; font-weight: bold; color: #0e8129; }

@media screen and (max-width: 600px) { #area .box-title-area { margin-bottom: 20px !important; }
  #area .area-map { margin-top: 20px; }
  #area .area-title-section { margin-bottom: 30px; }
  #area .area-map img { width: 100%; }
  .box-title-area .icon-number { left: 31%; }
  .area-location { margin-bottom: 30px; }
  .area-location:last-child { margin-bottom: 40px; } }

#privacypolicy .privacypolicy-title-section { margin-bottom: 21px; }

#privacypolicy .title-page { background: url(../images/top/border_line.png) center bottom repeat-x; margin-bottom: 0; padding-bottom: 10px; }

.privacypolicy-title-section .privacypolicy-title { color: #0e8129; font-size: 20px; font-weight: bold; }

.privacypolicy-title-section .privacypolicy-paragraph { line-height: 20px; }

#privacypolicy .box-title-area { background: url(../images/top/border_line.png) center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; padding-bottom: 8px; margin-bottom: 15px; line-height: 34px; }

#privacypolicy .box-title-privacypolicy img { padding-right: 0px; padding-left: 0px; vertical-align: middle; }

.privacy-info { line-height: 20px; }

.privacy-info .privacypolicy-paragraph { margin-bottom: 35px; }

.privacy-info .privacypolicy-item { margin-bottom: 28px; }

.privacy-info .privacypolicy-item:last-child { margin-bottom: 55px; }

.privacy-info .privacypolicy-item-number { color: #0e8129; margin-right: 10px; font-weight: bold; }

@media screen and (max-width: 600px) { #privacypolicy .privacypolicy-title-section { margin-bottom: 12px; }
  #privacypolicy .box-title-area { margin-bottom: 10px; }
  .privacy-info .privacypolicy-paragraph { margin-bottom: 25px; }
  .privacy-info .privacypolicy-item { margin-bottom: 23px; }
  .privacy-info .privacypolicy-item:last-child { margin-bottom: 35px; } }

#reporter .reporter-title-section { margin-bottom: 40px; }

#reporter .title-page { background: url(../images/top/border_line.png) center bottom repeat-x; margin-bottom: 0; padding-bottom: 10px; }

.reporter-title-section .box-title-area { margin-bottom: 30px !important; }

.reporter-title-section .reporter-title { color: #0e8129; font-size: 20px; font-weight: bold; }

.reporter-title-section .reporter-paragraph { line-height: 20px; }

#reporter .box-title-area { background: url(../images/top/border_line.png) center bottom repeat-x; color: #000000; font-size: 18px; font-weight: bold; padding-bottom: 8px; margin-bottom: 10px; line-height: 34px; }

#reporter .box-title-area img { padding-right: 0px; padding-left: 0px; margin-bottom: 3px; margin-right: 10px; vertical-align: middle; }

#reporter .reporter-img { width: 100%; text-align: center; margin-top: 30px; }

.reporter-section { margin-bottom: 40px; }

.reporter-section:last-child { margin-bottom: 60px; }

.reporter-section .info-button { text-align: center; margin-top: 30px; }

.reporter-section .info-button .button { min-width: 300px; margin-right: 20px; }

.reporter-section .section-info { line-height: 20px; }

@media screen and (max-width: 600px) { .reporter-title-section .box-title-area { margin-bottom: 20px !important; }
  #reporter .reporter-img { margin-top: 20px; }
  #reporter .reporter-img img { width: 100%; }
  #reporter .reporter-title-section { margin-bottom: 20px; }
  #reporter .box-title-area img { margin-bottom: 4px; }
  .reporter-section:last-child { margin-bottom: 40px; }
  .reporter-section { margin-bottom: 20px; }
  .reporter-section .info-button { margin-top: 20px; }
  .reporter-section .info-button .button { margin-bottom: 15px; } }

/*# sourceMappingURL=style.css.map */