/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic-community
*/
@charset "utf-8";
body{background-color: #fff; font-size: 16px; color: #373737; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; min-width: 320px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
div{outline:none;}
a:hover{text-decoration: none; color: initial; opacity: 0.7;}
a.hov_fff:hover{color: #fff;}
.img-block{width: 100%; display: block;}
div{word-break: break-all;}
.container{position: relative; max-width:1310px;}
.fjalla{font-family: 'Fjalla One', sans-serif;}
img{max-width: 100%; height: auto;}
.tel{font-weight: bold; font-size: 32px;}
.tel > i{font-size: 20px;}
.fa-m_l10{margin:  0 0 0 10px;}
.tel,.robot{font-family: 'Roboto', sans-serif;}
ol li{list-style: decimal;}
ol li ol li{list-style: upper-alpha;}

/*anime*/
a,.btn{transition:all .5s 0s ease;}

/*color*/
a{color: #373737;}
.c-1{color: #202080 !important;}
.c-red{color: #fb3535;}
#main a:not(.btn), .link{color: #3993ec; text-decoration: underline;}
.link_2,.wrp-the_content a{color: #3993ec; font-weight: bold; text-decoration: underline;}
.link_2{font-size: 18px}

/*font*/
.style-big{font-weight: bold; font-size: 1.2rem;}

/*fa*/
.myfa-utensils::before,
.ul-hnav > li > a::before,
.foot-nav > li > a::before
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*------HEADER------*/
#header{background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.logo{width: 130px;margin-right: 15px;}
.logo-t_1{display: block; font-size: 12px;}
.logo-t_2{display: block; font-size: 24px; font-weight: bold; margin-top: 5px;}
.head-h1{line-height:1; padding: 0 0 0 25px;}

/*nav*/
.ul-hnav{display: flex;}
.ul-hnav > li > a{font-size: 16px; text-align: left; padding: 23px 40px; display: block; position: relative;}
.ul-hnav > li > a.nav-contact{background-color: #202080; color: #fff !important;}
.ul-hnav > li > a.current-menu-item{color: #202080; font-weight: bold;}

/*dropdown-menu*/
.dropdown-menu{padding: 0; width: 100%;}
.dropdown-menu.shown{display: block;}
.dropdown-item{padding: 15px; border-bottom:1px solid #dedede;}
.dropdown-item:last-child{border-bottom: none;}

/*bread*/
.breadcrumbs{padding: 5px 0; font-size: 11px; background-color: #f4f4f4;}
.breadcrumbs,.breadcrumbs a{color: #373737;}
.breadcrumbs > .container > span{margin:0 5px;}
.breadcrumbs > .container > span:first-child{margin-left: 0;}
.single-project .breadcrumbs{margin-bottom: 0;}

/*btn*/
.btn-light{border-color: #999;}
.btn-big{width: 100%; min-height: 80px; font-weight: bold;}
.btn-line{border-color: #00b900; background-color: #00b900; color: #fff;}
.btn-big span{font-size: 1.1rem; line-height: 1.3;}
.btn.item-btn_nav{padding: 15px; position: relative;}
.btn.item-btn_nav small{display: block; font-size: 12px;}
.btn.item-btn_nav i{position: absolute; right: 0;}


/*------MAIN------*/
#main{margin-top: 30px; min-height: 70vh;}
.sec{padding: 20px 0;}
.sec-head{margin-bottom: 15px;}
.sec-title{border-left: 8px solid #202080; padding-left:15px; font-size: 1.5rem;}
.sec-body{margin-top: 20px;}
.wrp-bnr_2,
.wrp-bnr{background-color: #f4f4f4; padding: 15px 15px 5px;}
.wrp-bnr > .row > div{margin-bottom: 10px;}
.col-line{text-align: center; font-weight: bold; font-size:14px;}
.col-line img{}
.text_1{font-size: 16px; margin-bottom: 20px;}
.wrp-the_content{font-size: 20px; line-height: 1.8;}
.sec-btn{text-align: right;}
.wrp-bnr.v-2 .btn-big{min-height: 80px;}
.sub-title{font-size: 1rem; font-weight: bold; margin: 5px 0 0;}
.wrp-youtube > div{margin-bottom: 30px;}
.item-title{font-weight: bold; line-height: 1.3;}

.ul-nav_bukai,
.wrp-bnr_2{padding:5px; margin-bottom: 20px; width: 100%; display: flex; flex-wrap: wrap;}
.wrp-bnr_2 > div{width: 20%; padding: 5px;}

.ul-nav_bukai{padding: 0; margin: 0;}
.ul-nav_bukai > li{width: 20%; padding: 0 3px 10px;}
.ul-nav_bukai .btn{padding: 8px 0; font-size: 0.8rem;}
.p-nav_bukai{font-weight: bold; margin: 0 0 5px;}

/*sub_nav*/
.row-rev{flex-direction: row-reverse;}
.col-sub{padding-top: 20px;}
.sub_nav-title{margin-bottom:15px; padding-bottom: 0; font-size: 1.4rem; font-weight: bold;}
.ul-nav li{padding: 15px 10px; border-top: solid 1px #dedede; font-weight: bold; font-size: 1rem;}
.ul-nav{border-bottom: solid 1px #dedede;}
.ul-nav a{display: block;}
.col-sub .item-line_btn{margin-bottom: 15px;}
.col-sub .btn-line{padding: 10px 0;}
.col-sub .btn-line small{font-size: 14px;}

.col-sub .btn.item-btn_nav{margin-bottom: 15px;}
.col-sub .btn.item-btn_nav span{font-size: 1.2rem;}

/*table*/
.table td, .table th{padding: 0.5rem; line-height: 1.2;}
.th-w_1{width: 110px;}
.th-w_3{width: 450px;}
.td-btns{padding: 0 3px 5px !important;}
.td-btns .btn{margin: 5px 2px 0;}
.item-smalldate{text-align: right; font-size: 10px; margin-top: 5px;}

/*faq*/
.item-faq{background-color: #fff; color: #373737; margin-bottom: 20px; font-size: 20px;}
.item-faq:last-child{margin-bottom: 0;}
.item-faq > div{padding: 15px; display: flex;}
.item-faq .item-title{font-size: 40px; margin-right: 20px;}
.item-faq .item-q{border-bottom: 1px dashed #aaa; align-items: center;}
.item-q .item-title{color: #518ce8;}
.item-a .item-title{color: #e85166;}


/*page base*/
.page-title{font-size: 24px; border-bottom: 1px solid #202080; padding-bottom: 10px; margin: 0 0 20px;}
.sub-title{font-size: 18px; border-left: 7px solid #202080; padding-left: 7px; margin: 0 0 20px;}
.sub-title.ver_shop{border-color: #ffaf10;}
.p_block{margin-bottom: 50px;}
.p_block:last-child{margin-bottom: 0;}
.p_text{margin-bottom: 30px;}
.p_block .item-img{margin-bottom: 25px; max-width: 480px;}
.page-img_box{display: inline-block; position: relative; border: 1px solid #202080;}
.page-head{margin-bottom: 30px;}
.p_head-title{font-size: 28px; font-weight: bold; text-align: center;}
.p_head-title::after{border-bottom: 3px solid #202080; content: ""; display: block; width: 80px; margin: 3px auto 0;}

/*page*/
.page-content .wrp-i_contact > .container{max-width: none; padding: 0;}
.page-content .item-i_contact{background-color: #fff; border: 1px solid #202080; color: #373737;}
.page-content .imgbox{max-width: 450px; margin-bottom: 20px;}
.page-content .imgbox img{border: 1px solid #eee;}
.page-content .imgbox.flex{max-width: 100%;}
.page-content .imgbox.flex a{width: 49%; margin: 0 1px;}

/*post*/
.item-post{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.item-post .item-img{width: 120px; min-width: 120px; margin-right: 20px;}
.item-post .item-title{margin-bottom: 10px; font-size: 18px;}
.item-post .item-title a{color: #3993ec;}

/*tm text*/
.text_tm{text-align: center; margin-bottom: 20px; font-weight: bold;}
.text_tm .item-t_1{margin-bottom: 0px; color: #014099; font-size: 24px;}
.text_tm .item-t_2{font-size: 14px;}

/*newspaper*/
#main.page-newspaper{margin-top: 15px;}
.container.v-paper{max-width: 580px;}
.np-ab{font-size: 12px; font-weight: bold; position: absolute; top: 89%; width: 160px; text-align: center;}
.np-ab i{display: block; font-size: 55px; margin-bottom: 5px;}
#main .np-ab > a{text-decoration: none; color: #333;}
.np-left{left: -160px;}
.np-right{right: -160px;}


/*------convention_member------*/
.wrp-co_me{padding: 60px 0 0;}
.wrp-co_me .container{max-width: 640px;}
.wrp-co_me .item-qr{text-align: center; margin-bottom: 30px;}
.wrp-co_me .item-qr img{border: 1px solid #333;}
.wrp-co_me .item-check_in{font-weight: bold;}
.tb-form{font-weight: bold; background-color: #fff;}
.tb-form th,.tb-form td{vertical-align: middle; padding:20px; border-color: #dedede;}
.tb-form th{background-color: #f8f8f8; width: 170px;}
.body-convention_member #header,
.body-convention_member #footer{display: none;}

/*------FOOTER------*/
#footer{background-color: #f4f4f4; margin-top: 60px;}
.totop{background-color: #202080; width: 44px; height: 44px; position: fixed; bottom: 50px; z-index: 9; right: 20px; opacity: 0; border-radius: 50px;}
.totop.open{opacity: 0.8;}
.totop i{color: #fff; font-size: 24px;}
.cpr{text-align: center; padding: 7px 0; color: #373737; font-size: 11px;}
.cpr small{font-size: 11px;}
.qomolangma a{margin-left: 10px;}
.qomolangma img{height: 40px;}
#qrcode{width: 263px; height: 263px; border: 1px solid #333;}

/*------PC small------*/
@media only screen and (max-width: 1280px) {

}

/*------PAD pro------*/
@media only screen and (max-width: 1050px) {
    /*------HEADER------*/
    .logo-t_2{font-size: 18px;}
    .head-h1{padding-left: 15px;}
    .ul-hnav > li > a{padding: 23px 20px;}

}

/*------PAD------*/
@media only screen and (max-width: 880px) {

    /*newspaper*/
    .np-ab{width: 100px;}
    .np-ab i{font-size: 40px;}
    .np-left{left: -100px;}
    .np-right{right: -100px;}

}

/*------Sm------*/
@media only screen and (max-width: 767px) {
    body{font-size: 14px;}

    /*------HEADER------*/
    #header{padding:0 10px;}
    .head-h1{padding: 0;}
    .breadcrumbs{margin-bottom: 20px;}
    .logo{width: 110px;}
    .logo-t_2{font-size: 16px;}

    /*nav*/
    .ul-hnav{display: block; border-top: 1px solid #373737;}
    .ul-hnav > li > a{color: #fff; padding: 15px; border-bottom: 1px solid #373737;}
    .ul-hnav > li > a::before{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 20px;}
    .ul-hnav > li > a.nav-contact{background: none;}
    .ul-hnav > li > a.current-menu-item{background-color: #202080; color: #fff;}

    /*offcanvas*/
    .m-toggle{border: none; display: block; position: static; background: none; z-index: 9999; outline: none !important;}
    .offcanvas-toggle .icon-bar{background: #202080;}
    .icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:3px}
    .offcanvas-toggle.is-open .icon-bar{background: #fff;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}    

    /*dropdown-menu*/
    .dropdown-menu{background: none; color: #fff; border-radius: 0; float: none;}
    .dropdown-item{color: #fff; border-bottom: 1px dotted #999 !important;}

    /*------MAIN------*/
    #main{margin-top: 10px;}
    .sec{padding: 20px 0;}
    .sec-title{font-size: 1.3rem;}
    .wrp-bnr{padding: 15px 15px 5px; margin: 0 -15px;}
    .wrp-the_content{font-size: 18px;}
    .col-line{max-width: 100%; flex: 0 0 100%;}
    .wrp-bnr_2 > div{width: 50%;}
    .ul-nav_bukai > li{width: 32%;}

    /*btn*/
    .btn-big{font-size: 16px; padding: 5px;}

    /*table*/
    table.tb-news td, table.tb-news th{padding: 5px 3px;}
    .th-w_1{width: 90px;}

    table.tb-form td, table.tb-form th{padding: 10px 10px;}
    .tb-form th{width: 133px;}

    /*page base*/
    .page-title{font-size: 18px;}
    .p_block{margin-bottom: 30px;}
    .p_block:last-child{margin-bottom: 0;}

    /*newspaper*/
    .wrp-np_ab{display: flex; justify-content: space-between; margin-top: 15px;}
    .np-ab{position: static; width: 140px;}
    .np-ab i{font-size: 22px;}

    /*------FOOTER------*/
    .totop{width: 30px; height: 30px; bottom: 20px; right: 10px;}
    .totop i{font-size: 20px;}
    .qomolangma{margin-bottom: 15px;}

}

/*------Sm small------*/
@media only screen and (max-width: 350px) {

}
