﻿.master { z-index: 3; border-width: 0; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; background: #4568DC; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #4568DC, #B06AB3); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4568DC, #B06AB3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-radius: 0; padding-left: 5%; padding-right: 5%; }

@media (max-width: 1350px) {
    .master { padding-left: 0; padding-right: 0; }
}

@media (max-width: 1150px) {
    .master { padding-bottom: 15px; }
    .master .navbar-header { float: none; }
    .master .navbar-left, .navbar-right { float: none !important; }
    .master .navbar-toggle { display: block; }
    .master .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .master .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .master .navbar-collapse.collapse { display: none !important; }
    .master .navbar-nav { float: none !important; margin-top: 7.5px; }
    .master .navbar-nav > li { float: none; }
    .master .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
    .master .collapse.in { display: block !important; }
}

@media(min-width:768px) {
    .master .nav-blog { margin-right: 50px; }
}


.master li a { color: #fff !important; }
.master .navbar-nav a:hover,
.master .navbar-nav a:focus,
.master .navbar-nav a:active,
.master .navbar-nav > .open > a,
.master .navbar-nav > .open > a:focus,
.master .navbar-nav > .open > a:hover,
.master .navbar-nav > .active > a,
.master .navbar-nav > .active > a:focus,
.master .navbar-nav > .active > a:hover,
.master .dropdown-menu > .active > a,
.master .dropdown-menu > .active > a:focus,
.master .dropdown-menu > .active > a:hover { color: #fff !important; background-color: transparent !important; border-bottom: 1px solid #fff; }
.master .navbar-brand { padding-top: 5px; padding-bottom: 0; }
.master .navbar-brand img { max-width: 200px; }
.master .navbar-toggle .icon-bar { background-color: #fff; }
.master .register { border: 1px solid #fff; }

/*.master ul { background-color: #1f2130; }
.transparent { margin-top: 10px; margin-bottom: 10px; }
.transparent,
.transparent .navbar-nav a:hover,
.transparent .navbar-nav a:focus,
.transparent .navbar-nav a:active,
.transparent .navbar-nav > .open > a,
.transparent .navbar-nav > .open > a:focus,
.transparent .navbar-nav > .open > a:hover,
.transparent .navbar-nav > .active > a,
.transparent .navbar-nav > .active > a:focus,
.transparent .navbar-nav > .active > a:hover,
.transparent .dropdown-menu > .active > a,
.transparent .dropdown-menu > .active > a:focus,
.transparent .dropdown-menu > .active > a:hover { background: -moz-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)) !important; background: -webkit-gradient(linear,top,bottom,from(rgba(0,0,0,.0)),to(rgba(0,0,0,0))) !important; background: -webkit-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)) !important; background: -o-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)) !important; background: -ms-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)) !important; }
.transparent ul { background: -moz-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)); background: -webkit-gradient(linear,top,bottom,from(rgba(0,0,0,.0)),to(rgba(0,0,0,0))); background: -webkit-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)); background: -o-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)); background: -ms-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,0)); }
    */

.maincontent { /*padding-left: 5%; padding-right: 5%;*/ margin-top: 72px; }

/*------------news---------------*/
.news { margin-top: 50px; }
.news ul { list-style: none; }
.news article { border: 1px solid #ddd; padding: 30px; box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius: 3px; background: #fff; margin-bottom: 18px; }
.news h1 { border-bottom: solid 1px #ddd; padding: 0 0 20px; margin: 0 0 5px; font-weight: 600; font-size: 20px; line-height: 1.2; }
.news h1 a { font-size: inherit; }
.news img { max-width: 100%; height: auto !important; }
.news time { font-style: italic; color: #808080; }
.news p { line-height: 160%; margin-bottom: 10px; font-size: 15px; }
.news .col-sm-3 { margin-bottom: 18px; }

@media(min-width:768px) {
    .news .col-sm-9 { padding-right: 5px; }
    .news .col-sm-3 { padding-left: 5px; }
}

.news .input-group { margin-bottom: 18px; }
.news .banner a { margin-bottom: 18px; display: block; }
.news .list { border: solid 1px #ddd; background: #fff; border-radius: 3px; margin-bottom: 18px; }
.news .list h4 { font-size: 13px; padding: 5px 15px; margin: 0; color: #fff; background: #1f2130; border-radius: 3px 3px 0 0; }
.news .list ul { padding: 0; margin: 0; font-size: 13px; }
.news .list ul li { position: relative; }
.news .list ul a { color: #666; display: block; padding: 10px 15px; border-top: solid 1px #eee; position: relative; cursor: pointer; }
.news .list ul a:hover { background: #fff; }
.news .list .active { background-color: #f5f5f5; }

footer .inner-wrap { max-width: 1400px; width: 100%; padding: 70px 0 100px 0; margin: 0 auto 90pt; box-sizing: border-box; }

/*======================================================
　フッター
========================================================*/
footer { background: #272727; color: #272727; padding: 40px 0; }
footer img { max-width: 100%; }
footer .inner-wrap { padding: 70px 0 0px 0; }
.footer-wrap .footer-center a:hover { opacity: .7; }
footer .footer-head-wrap { width: 100%; display: flex; justify-content: center; align-items: stretch; margin-bottom: 60px; }
footer .footer-head-wrap a { color: #222; background: #fff; width: calc((70% / 2) - 10px); text-align: center; margin: 0 8px; padding-top: 2.65em; padding-bottom: 2.65em; }
footer .footer-head-wrap a:hover { background: #fff019; color: #222; }
footer .footer-head-wrap a span { display: block; font-size: 24px; font-weight: 100; letter-spacing: 4px; }
footer .footer-head-wrap a img { width: 30px; margin-bottom: 10px; }

footer .footer-body-wrap { color: #ccc; display: flex; justify-content: space-between; max-width: 980px; margin: 0 auto 50px; text-align: left; }

footer .footer-body-wrap a { color: #ccc; }

footer .footer-body-wrap .footer-left { width: 25%; }
footer .footer-body-wrap .footer-left span { display: block; }
footer .footer-body-wrap .footer-left .footer-logo { width: 200px; margin-bottom: 20px; }
footer .footer-body-wrap .footer-left .comp-txt { margin-bottom: 5px; font-weight: 300; }
footer .footer-body-wrap .footer-left address { font-style: normal; font-weight: 300; letter-spacing: 1.5px; line-height: 1.4; margin-bottom: 20px; }
footer .footer-body-wrap .footer-left .footer-btn-txt { display: inline-block; }
footer .footer-body-wrap .footer-left .footer-btn-txt i { margin-right: 0.6em; }
footer .footer-body-wrap .footer-left .footer-btn-txt span { font-size: 16px; font-weight: 700; letter-spacing: 1.5px; margin-top: -3px; }
footer .footer-body-wrap .footer-center { display: flex; }
footer .footer-body-wrap .footer-center .footer-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; overflow: hidden; }

footer .footer-body-wrap .footer-center .main-nav { margin-right: 10px; }

footer .footer-body-wrap .footer-center .footer-nav li { display: inline-block; margin: 0 0 0.5em; color: inherit; font-size: 13px; line-height: 2; vertical-align: middle; letter-spacing: .16em; }

footer .footer-body-wrap .footer-center .footer-nav .first { font-weight: 700; border-bottom: 1px solid #fff; }
footer .footer-body-wrap .footer-left .footer-tel .tel { display: flex; align-items: center; font-size: 24px; margin-bottom: 20px; letter-spacing: 3.6px; }
footer .footer-body-wrap .footer-left .footer-tel .tel img { width: 35px; padding-right: 10px; }
/*footer .footer-body-wrap .footer-right .footer-tel .tel:before {
    display: inline-block;
    content: "";
    background: url(/Temp/749bb4ba-5262-40ab-bc38-f5e6a5cd640a/../) 50%/contain no-repeat;
    width: 26px;
    height: 26px;
    text-indent: 0;
    letter-spacing: 0;
    vertical-align: -0.13em;
    margin-right: 14px;
}*/
footer .footer-body-wrap .footer-left .footer-time { font-size: 12px; font-weight: 300; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 20px; }
footer .footer-body-wrap .footer-left .footer-nav-btn a { font-size: 1.7rem; color: #fff; background: transparent; border: 1px solid #fff; text-decoration: none; display: flex; text-align: center; padding: 13px 0; justify-content: center; align-items: center; }
footer .footer-body-wrap .footer-left .footer-nav-btn { margin-bottom: 20px; }
footer .footer-body-wrap .footer-left .footer-nav-btn a:hover { background: #fff; color: #222; }
footer .footer-body-wrap .footer-left .footer-nav-btn a span { letter-spacing: .16em; }
footer .footer-body-wrap .footer-left .footer-nav-btn a small { margin-left: 0.8em; }
footer .footer-body-wrap .footer-right .footer-tel .commendation { width: 250px; }
footer .footer-body-wrap .footer-right .footer-tel .commendation .commendation-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
footer .footer-body-wrap .footer-right .footer-tel .commendation .c-box { width: calc((100% / 2) - 6px); }
footer .footer-body-wrap .footer-right .footer-tel .commendation .c-box:last-child { width: 100%; margin-top: 10px; }
footer .footer-body-wrap .footer-right .footer-tel .commendation .c-box img { width: 100%; }


@media(min-width:768px) {
    footer .footer-body-wrap .footer-left { width: 33%; }
    footer .footer-body-wrap .footer-center { width: 67%; }
    footer .footer-body-wrap .footer-center > ul { width: 50%; }
    .footer-bottom-wrap { max-width: 980px; margin: 0 auto; display: flex; justify-content: center; gap: 10px; }
    .footer-bottom-wrap > div { display: inline-block; }
    .footer-bottom-wrap img { max-height: 120px; }
}

@media(max-width:767px) {
    .footer-bottom-wrap { display: flex; overflow: hidden; flex-wrap: nowrap; }
    .footer-bottom-wrap.last > div { width: 25%; }
}
/*---------- ユーティリティナビ -----------*/
footer .utility-navi-block { width: 100%; text-align: right; }

footer .utility-navi-block > ul { padding-bottom: 15px; }

footer .utility-navi-block > ul > li { padding-right: 10px; display: inline-block; }

footer .utility-navi-block > ul > li:last-child { padding-right: 0; }


/*--- アドレスエリア ---*/
footer .f-address-block .f-address { font-size: 1.6rem; line-height: 1.4em; letter-spacing: 1.2px; margin-bottom: 20px; }

footer .f-address-block .f-tel { font-size: 2.4rem; font-weight: bold; }
footer .f-address-block .f-tel .tel-l { font-size: 3.6rem; }


/*--- カレンダー ---*/
footer .calendar-wrap .calendar { max-width: 310px; height: 170px; background: #FFF; margin-bottom: 5px; color: #000; }


/*--- サイトマップ ---*/
footer .f-navi-block { justify-content: space-between; margin-bottom: 70px; }

footer .site-map-wrap { justify-content: space-around; }

footer .site-map-wrap ul { margin-bottom: 40px; }
footer .site-map-wrap ul:last-child { margin-bottom: 0; }

footer .site-map-wrap ul > li:first-child { margin-top: 0; }

footer .site-map-wrap ul > li.f-navi-ttl { padding-bottom: 3px; margin-bottom: 5px; font-weight: bold; border-bottom: solid 1px #FFF; }


/*--- 認証バナーエリア ---*/
footer .certification-bnr { max-width: 980px; margin: 0 auto; }

footer .certification-bnr .col3-box { margin-bottom: 20px; }

/*--- SNSアイコン ---*/
footer .sns-block { margin-top: 70px; text-align: center; }

footer .sns-block img { width: 35px; margin: 5px; }


/*--- copyright ---*/
footer .copyright { color: #fff; text-align: center; font-size: 1.2rem; padding: 15px 0; }


/*----------- タブレット縦　------------*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-body-wrap { padding: 0 10px; }
    footer .footer-body-wrap { flex-wrap: wrap; }
    footer .footer-body-wrap .footer-left .footer-logo { width: 170px; }
    footer .footer-body-wrap > div { width: 100%; justify-content: center; }
    footer .footer-body-wrap .footer-left { text-align: center; margin-bottom: 30px; }
    footer .footer-body-wrap .footer-right { text-align: center; }
    footer .footer-body-wrap .footer-right .footer-tel .tel { justify-content: center; }
    footer .footer-body-wrap .footer-right .footer-tel .commendation { margin: 0 auto; width: 100%; }
    footer .footer-body-wrap .footer-right .footer-tel .footer-nav-btn a { width: 70%; margin: 0 auto; }
    footer .footer-body-wrap .footer-center { margin-bottom: 30px; }
}


/*----------------- 960px以下の形状 -------------------*/
@media screen and (max-width:960px) {

    footer { padding-top: 20px; }

    footer .f-address-block .f-tel { font-size: 2.0rem; }
    footer .f-address-block .f-tel .tel-l { font-size: 3.0rem; }

    /*footer .f-navi-block .btn-block { margin:auto; }*/


}


/*----------- SP -------------*/
@media screen and (max-width: 767px) {

    /*--- アドレスエリア ---*/
    footer .f-address-block.c-box { margin-bottom: 50px; }

    /*--- カレンダー ---*/
    footer .calendar-wrap .calendar { margin-left: auto; margin-right: auto; }

    /*--- サイトマップ ---*/
    footer .site-map-wrap.c-box { text-align: left; margin-bottom: 70px; }

    /*--- 認証バナーエリア ---*/
    footer .certification-bnr { max-width: 100%; }

    footer .certification-bnr > .col2-box > .c-box > a > img { max-width: 200px; margin: auto; }

    footer .footer-wrap { margin: 0 10px; }
    footer .footer-head-wrap { margin-bottom: 30px; }
    footer .footer-head-wrap a { border-radius: 3px; width: 100%; padding-top: 1em; padding-bottom: 1em; font-size: 18px; }
    footer .footer-head-wrap a span { font-size: 18px; }
    footer .footer-body-wrap { flex-wrap: wrap; justify-content: center; }
    footer .footer-body-wrap .footer-left,
    footer .footer-body-wrap .footer-center,
    footer .footer-body-wrap .footer-right { width: 100%; text-align: center; }
    footer .footer-body-wrap .footer-left { border-bottom: 1px solid #fff; text-align: center; padding-bottom: 20px; margin-bottom: 20px; }
    footer .footer-body-wrap .footer-left .footer-logo { width: 150px; }
    footer .footer-body-wrap .footer-left .footer-tel .tel { justify-content: center; }
    footer .footer-body-wrap .footer-left .footer-tel .commendation { width: 100%; }

    footer .footer-body-wrap .footer-center { margin-bottom: 20px; }
    footer .footer-body-wrap .footer-center .footer-nav { padding: 0; }
    footer .footer-body-wrap .footer-center .footer-nav li { font-size: 10px; letter-spacing: 1px; }
    footer .footer-body-wrap .footer-right .footer-tel .commendation .c-box { width: calc((70% / 3) - 16px); }
    footer .footer-body-wrap .footer-right .footer-tel .commendation .c-box img { width: 100%; }
    footer .footer-body-wrap .footer-right .footer-tel .commendation .c-box:last-child { width: 57%; margin: 0; }

    footer .footer-body-wrap .footer-center .footer-nav .first { white-space: nowrap; }
    footer .footer-body-wrap .footer-left .footer-nav-btn { width: 70%; margin: 0 auto; }

    /*--- ページトップに戻るボタン ---*/
    .glb-footer_pagetop a { height: 40px; width: 40px; }
    .arrow-top { top: 17px; left: 13px; }
}


footer .calendar-wrap .calendar { height: auto; }
footer .calendar .calendarcont { border-radius: 6px; position: relative; color: #383838; background: #fff; border: 1px solid #fff; padding: 2px }
footer .calendar .restday { background: #aaa; color: #fff; }
footer .calendar .today { color: #f00; }
footer .calendar .calendarlist { width: 100%; border-collapse: separate; border-spacing: 1px; }
footer .calendar .calendarlist td,
footer .calendar .calendarlist th { text-align: center; font-size: 15px; padding: 5px; }
footer .calendar .calendarlist .day { color: #aaa; }
footer .calendar .calendarcont i { width: 11px; height: 11px; display: inline-block; margin: 0 1px 0 5px; vertical-align: -10%; *display: inline; *zoom: 1; *vertical-align: le; }
footer .calendar .calendarcont p { margin: 2px 0px; border-top: 1px solid #aaa; padding-top: 4px; font-size: 14px; line-height: 1.2em; }
footer .calendar .calendarcont p span { color: #aaa; font-weight: bold; }
