@charset "UTF-8";
/*----------------------------------------------------
    ☆Reset
----------------------------------------------------*/

html, html.fontSmall {
    font-size: 100%; /* sets the base font to 10px for easier math */
     /*font-size: 62.5%; sets the base font to 10px for easier math */
}
html.fontLarge {
    font-size: 100%; /* sets the base font to 10px for easier math */
    /* font-size: 82.5%; sets the base font to 10px for easier math */
}

body, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, p, img {
    margin: 0;
    padding: 0;
}




body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body.bgBlack {
    background-color: #000;
}
#fancybox-wrap, #fancybox-wrap *, #fancybox-tmp, #fancybox-loading {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    -o-box-sizing: content-box!important;
    -ms-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
a, a:link, a:hover, a:focus {
  color: var(--base1);
    /* text-decoration: underline; */
    cursor: pointer;
    outline: none;
}
a:hover {
    text-decoration: none;
}
ul, ol {
    list-style-type: none;
}
::selection {
    background-color: #DDD;
    color: #444; /* Safari */
}
::-moz-selection {
background-color: #DDD;
color: #444; /* Firefox */
}
a {
    display: inline-block;
}
/*----------------------------------------------------
    ☆Crearfix
----------------------------------------------------*/

.clearfix:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    font-size: 0.1em;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1%;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
/* End hide from IE-mac */

br.clear_noie {
    clear: both;
    display: inline;
    line-height: 0;
}
/*----------------------------------------------------
    ☆br clear
----------------------------------------------------*/

br.clear {
    display: inline !important;
    display: none;
    clear: both;
    line-height: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear {
    display: block!important;
    content: " ";
}
}
div.clear {
    clear: both;
    line-height: 0px;
}
/*----------------------------------------------------
    ☆topcontrol
----------------------------------------------------*/

#topcontrol {
    z-index: 100;
}
#topcontrol a {
    background: url(/cmn/cmn_js/scrolltop/scrollup.png) center center no-repeat;
    background : url(/cmn/cmn_js/scrolltop/scrollup.gif) center center no-repeat\9; /* IE8 and below */
/* background : url(/cmn/cmn_js/scrolltop/scrollup.gif) center center no-repeat;  IE7 and below */
    _background : url(/cmn/cmn_js/scrolltop/scrollup.gif) center center no-repeat; /* IE6 */
    background-size: 40px 40px;
    font-size: 0;
    text-decoration: none;
    display: block;
    height: 38px;
    width: 38px;
    opacity: 0.7;
    border-radius: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
#topcontrol a:hover {
    background-size: 54px 54px;
    opacity: 1;
    height: 50px;
    width: 50px;
}
/*----------------------------------------------------
    ☆Display None
----------------------------------------------------*/

#sample {
    display: none;
    visibility: hidden;
}
/*----------------------------------------------------
    ☆base contents
----------------------------------------------------*/

/*-- WRAP --*/

/*-- HEADER --*/

#header {
    background-color: #FFF;
    padding: 30px 20px;
    width: 100%;
}
#header * {
    letter-spacing: normal;
}
#header div.inr {
    margin: 0 auto;
    max-width: 1100px;
}
#header div.inr .logo {
    float: left;
    line-height: 0;
    padding-top: 20px;
    width: 206px;
}
#header div.inr .logo img {
    height: auto;
    width: 100%;
}
#header div.inr .hdR {
    float: right;
    width: 700px;
}
#header div.inr .hdR .hdRTop {
    text-align: right;
    position: relative;
    z-index: 10;
    margin-bottom: 8px;
}
#header div.inr .hdR .hdRTop ul {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 3px;
}
#header div.inr .hdR .hdRTop ul li {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-left: 15px;
}
#header div.inr .hdR .hdRTop ul li a {
    color: #333;
    line-height: 1.4;
    text-decoration: none;
    transition: 0.2s;
    letter-spacing: -0.02em;
}
#header div.inr .hdR .hdRTop ul li a:before {
    color: #20A8E3;
    content: "\f105";
    font-family: "fontawesome";
    font-size: 13px;
    margin-right: 4px;
}
#header div.inr .hdR .hdRTop ul li a:hover {
}
#header div.inr .hdR .hdRTop .tel {
    color: #20A8E3;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-left: 15px;
    vertical-align: bottom;
    padding-bottom: 3px;
}
#header div.inr .hdR .hdRTop .tel a {
    color: #20A8E3;
    text-decoration: none;
}
#header div.inr .hdR .hdRTop .tel a:before {
    font-family: "fontawesome";
    content: "TEL：";
    font-size: 14px;
    margin-right: 4px;
}
#header div.inr .hdR .hdRTop .tel a span {
    font-size: 14px;
}
#header div.inr .hdR .btn {
    display: inline-block;
    margin-left: 10px;
}
#header div.inr .hdR .btn a {
    background: url(../cmn_img/bg_texture_blue.png) left top repeat;
    color: #FFF;
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.06em;
    padding: 10px 18px 10px 17px;
    vertical-align: baseline;
    text-decoration: none;
}
#header div.inr .hdR .btn.white a {
    background: none;
    border: 1px solid #CCC;
    color: #20A8E3;
    border-radius: 4px;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.06em;
    padding: 10px 18px 10px 17px;
    vertical-align: baseline;
    text-decoration: none;
}
#header div.inr .hdR .btn a:before {
    color: #FFF;
    content: "\f0da";
    font-family: "fontawesome";
    margin-right: 6px;
}
#header div.inr .hdR .btn.white a:before {
    color: #20A8E3;
}
#header div.inr .hdR .hdRBottom {
    padding-bottom: 5px;
    text-align: right;
}
#header div.inr .hdR .hdRBottom #bgColor {
    color: #7B6141;
    display: inline-block;
    font-size: 12px;
}
#header div.inr .hdR .hdRBottom #bgColor p {
    color: #444;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-right: 3px;
    vertical-align: middle;
}
#header div.inr .hdR .hdRBottom #bgColor .box {
    border: 1px solid #D4D6D5;
    display: inline-block;
    border-radius: 3px;
}
#header div.inr .hdR .hdRBottom #bgColor span {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    line-height: 1.4;
    padding: 8px 12px;
    text-align: center;
}
#header div.inr .hdR .hdRBottom #bgColor span:hover {
    background: url(../cmn_img/bg_texture_blue.png) left top repeat;
    color: #FFF;
}
#header div.inr .hdR .hdRBottom #bgColor span.goNormal {
    background: url(../cmn_img/bg_texture_blue.png) left top repeat;
}
#header div.inr .hdR .hdRBottom #searchForm {
    display: inline-block;
    line-height: 1.4!important;
    margin-left: 10px;
    position: relative;
}
#header div.inr .hdR .hdRBottom #searchForm input.sInput {
    background: url(../cmn_img/icon_hd_search.png) 10px center no-repeat;
    border: 1px solid #C8CAC9;
    color: #444;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.6!important;
    padding: 6px 4px 6px 34px;
    vertical-align: baseline;
    width: 180px;
}

body.bgBlack #header div.inr .hdR .hdRBottom #bgColor span{
    color: white;
}
body.bgBlack #header div.inr .hdR .hdRBottom #fontSize ul li{
    color: white;
}
body.bgBlack #header div.inr .hdR .hdRBottom #searchForm input.sInput {
    color: white;
}


#header div.inr .hdR .hdRBottom #searchForm input.sBtn {
    position: absolute;
    top: 2px;
    right: 2px;
}
#header div.inr .hdR .hdRBottom #fontSize {
    display: inline-block;
    line-height: 1;
    margin-right: 7px;
}
#header div.inr .hdR .hdRBottom #fontSize p {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-right: 6px;
    vertical-align: middle;
}
#header div.inr .hdR .hdRBottom #fontSize ul {
    border: 1px solid #D4D6D5;
    display: inline-block;
    border-radius: 3px;
}
#header div.inr .hdR .hdRBottom #fontSize ul li {
    cursor: pointer;
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    padding: 8px 12px;
    text-align: center;
}
#header div.inr .hdR .hdRBottom #fontSize ul li.current, #header div.inr .hdR .hdRBottom #fontSize ul li:hover {
    background: url(../cmn_img/bg_texture_blue.png) left top repeat;
    color: #FFF;
}



/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 1000px) {
#header div.inr .logo {
    width: 180px;
}
#header div.inr .logo img {
}
#header div.inr .hdR {
    float: right;
    width: 510px;
}
#header div.inr .hdR .hdRBottom #fontSize p, #header div.inr .hdR .hdRBottom #bgColor p {
    font-size: 12px;
    margin-right: 4px;
}
#header div.inr .hdR .hdRBottom #searchForm {
    display: none;
}
#header div.inr .hdR #access {
    font-size: 15px;
    margin-left: 10px;
}
#header div.inr .hdR #fontSize ul li {
    font-size: 11px;
    min-width: 45px;
}
#header div.inr .hdR #tel p.tel {
    font-size: 28px;
}
#header div.inr .hdR #tel a::before {
    font-size: 20px;
}
}

/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 900px) {
#fontSize {
    display: none;
}
}
/*==========================================*/


/*-- GNAV --*/

#gNav {
    background-color: #FFF;
    padding: 0 20px;
    margin-bottom: 25px;
    position: relative;
}
#gNav div.gNavInr {
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
}
#gNav ul {
    display: table;
    width: 100%;
}
#gNav ul li {
    border-right: 1px dotted #AAA;
    display: table-cell;
    font-family: 'Noto Sans Japanese';
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.06em;
    text-align: center;
    vertical-align: middle;
}
#gNav ul li.li01 {
    border-left: 1px dotted #AAA;
}
#gNav ul li a {
    color: #333;
    display: table;
    height: 40px;
    text-decoration: none;
    transition: 0.1s;
    width: 100%;
    min-width: 135px;
}
#gNav ul li.li01 a, #gNav ul li.li04 a {
    min-width: 125px;
}
#gNav ul li a span {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
#gNav ul li a span em {
    color: #8c8c8c;
    font-size: 10px;
    display: block;
    font-style: normal;
    text-transform: uppercase;
    transition: 0.2s;
}
#gNav ul li.li00 {
    min-width: 100px;
    max-width: 100px;
}
#gNav ul li.li00 a {
    color: #20A8E3;
    font-size: 32px;
    font-weight: normal;
    line-height: 1;
    min-width: 100px;
    max-width: 100px;
}
#gNav ul li a:hover, #gNav ul li a:hover span em, #gNav ul li.current-item a {
    color: #20A8E3;
}
#slide-line {
    position: absolute;
    bottom: -1px;
    height: 1px;
    background-color: #DDD;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: none;
}
.subHover #slide-line {
    top: auto;
    bottom: 0;
}
#gNav ul li ul.subList {
    background: url(../cmn_img/bg_texture_blue.png) left top repeat;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 100;
    display: none;
}
#gNav ul li ul.subList li {
    display: block;
    float: left;
    width: 16%;
}
#gNav ul li ul.subList li.last {
    display: block;
    float: left;
    width: 19.5%;
}
#gNav ul li ul.subList li a {
    color: #FFF;
    display: block;
    height: auto;
    padding: 30px 15px;
    text-align: center;
    transition: 0.2s;
}
#gNav ul li ul.subList li a span {
    display: block;
    height: auto;
}
#gNav ul li ul.subList li a:hover {
    background-color: #FFF;
    color: #2750a1;
}

/*デバイスの横幅が1000px以下の場合*/
@media only screen and (max-width: 1000px) {
#gNav ul li {
    font-size: 14px;
    font-size: 1.4rem;
}
#gNav ul li.li00 {
    width: 50px;
}
#gNav ul li.li00 a {
    font-size: 26px;
    width: 50px;
}
#gNav ul li, #gNav ul li a, #gNav ul li a span {
    min-width: 100px;
    max-width: 160px
}
}
/*==========================================*/

/*-- MV --*/

#mv {
    background: url(../cmn_img/sample_mv.png) center top no-repeat;
    background-size: cover;
    height: 180px;
    margin-bottom: 20px;
    display: table;
    position: relative;
    width: 100%;
}

#grandfamilia #mv {
    background: url(../cmn_img/gran_mv.png) center top no-repeat;
}


body#professional #mv {
    background: url(../cmn_img/bg_mv_professional.jpg) center top no-repeat;
}
#mv .cName {
    background: rgba(0,0,0,0.1);
    color: #FFF;
    height: 180px;
    display: table-cell;
    line-height: 1.4;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    transition: 0.2s;
}
#mv .cName span {
    display: block;
    transition: 0.2s;
}
#mv .cName span.jp {
    font-family: 'Noto Sans Japanese';
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 300;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*
#mv .cName span.jp:after {
    background-color: #FFF;
    content: '';
    display: block;
    height: 1px;
    margin: 8px auto 12px;
    width: 20px;
}
*/

#mv .cName span.en {
    font-size: 10px;
    font-size: 1rem;
    font-family: 'Lora', serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*
#mv:after {
    background:rgba(0,0,0,0.6);
    content:'';
    height:290px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
*/


/*==========================================*/

/*-- BREADCHUMBS --*/

#breadChumbs {
    margin: 0 auto 20px;
    padding: 0 20px;
    max-width: 1100px;
}
#breadChumbs p {
    color: #777;
    font-family: 'Noto Sans Japanese';
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 0 auto;
    transition: 0.2s;
}
#breadChumbs p a {
    color: #777;
}
#breadChumbs p a.currentPoint {
    color: #000;
    font-weight: 500;
    text-decoration: none;
}
/*-- CONTENTS --*/


body#center #contents {
    max-width: 1040px;
}
#contents p, #contents li, #contents dt, #contents dd, #contents th, #contents td {
}

#main {
}

#lMenu {
    margin-bottom: 60px;
}
#lMenu div.categoryMenu {
    border: 1px solid #CCC;
    border-top: 4px solid #23AAE0;
    padding: 35px 35px 10px;
}
#lMenu div.categoryMenu h3 {
    border-bottom: 1px dotted #AAA;
    font-family: "Noto Sans Japanese";
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    letter-spacing: 0.08em;
    margin-bottom: 30px;
    padding: 0 0 20px;
    transition: 0.2s;
}
#lMenu div.categoryMenu h3 span.en {
    color: #23AAE0;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-left: 10px;
    text-transform: uppercase;
}
#lMenu div.categoryMenu ul#nav > li {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
    margin-right: 35px;
    padding-bottom: 10px;
    transition: 0.2s;
}
#lMenu div.categoryMenu ul#nav li a span:before {
    content: "\f0da";
    display: inline-block;
    font-family: "fontawesome";
    font-size: 9px;
    font-weight: normal;
    margin-right: 0.6em;
    vertical-align: middle;
}
#lMenu div.categoryMenu ul#nav > li > a {
}
#lMenu div.categoryMenu ul#nav > li > a:hover {
    text-decoration: none;
}
#lMenu div.categoryMenu ul#nav > li.on {
    color: #222;
    font-weight: 500;
    text-decoration: none;
}
#lMenu div.categoryMenu ul#nav > li.on > a {
    color: #222;
    text-decoration: none;
}
/*-- FOOTER --*/

#footer {
    padding: 0 20px;
    margin-top: 70px;
}
#footer .ftT {
    border-bottom: 1px dotted #AAA;
    margin-bottom: 65px;
}
#footer .ftT .ftTInr {
    margin: 0 auto;
    max-width: 1100px;
    padding-bottom: 20px;
    position: relative;
}
#footer .ftT ul {
    overflow: hidden;
}
#footer .ftT ul li {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
}
#footer .ftT ul li a {
    border-left: 1px solid #333;
    color: #333;
    display: inline-block;
    padding: 1px 20px;
    text-decoration: none;
    transition: 0.2s;
}
#footer .ftT ul li.last a {
    border-right: 1px solid #333;
}
#footer .ftT ul li a:hover {
    color: #20A8E3;
    text-decoration: underline;
}
#footer .ftT p {
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.2s;
}
#footer .ftT p:hover {
    opacity: 0.7;
}
#footer .ftM {
    margin: 0 auto 65px;
    max-width: 1100px;
    overflow: hidden;
}
#footer .ftM .ftML {
    float: left;
    width: 50%;
}
#footer .ftM .ftML h3 {
    margin-bottom: 20px;
}
#footer .ftM .ftML p.address {
    margin-bottom: 7px;
}
#footer .ftM .ftML p.tel {
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.06em;
    vertical-align: bottom;
    margin-bottom: 15px;
}
#footer .ftM .ftML p.tel a {
    color: #333;
    font-size: 28px;
    font-size: 2.8rem;
    text-decoration: none;
}
#footer .ftM .ftML p.tel a:before {
    font-family: "fontawesome";
    content: "TEL：";
    font-size: 14px;
    margin-right: 4px;
}
#footer .ftM .ftML p.tel a span {
    font-size: 14px;
}
#footer .ftM .ftML ul {
    overflow: hidden;
}
#footer .ftM .ftML ul li {
    float: left;
    font-size: 14px;
    margin-right: 3px;
}
#footer .ftM .ftML ul li a {
    background-color: #20A8E3;
    border-radius: 2px;
    color: #FFF;
    display: block;
    padding: 12px 15px 10px 20px;
    text-decoration: none;
}
#footer .ftM .ftML ul li a:after {
    color: #FFF;
    content: "\f0da";
    font-family: "fontawesome";
    margin-left: 10px;
}
#footer .ftM .ftMR {
    float: right;
    width: 50%;
}
#footer .ftM .ftMR table {
    border-collapse: collapse;
    margin-bottom: 1px;
}
#footer .ftM .ftMR table th, #footer .ftM .ftMR table td {
    border-bottom: 1px dotted #AAA;
    line-height: 1.3;
    padding: 14px 10px 14px 14px;
}
#footer .ftM .ftMR table th {
    color: #20A8E3;
    font-weight: 500;
    width: 20%;
}
#footer .ftM .ftMR table td {
    color: #333;
}
#footer .ftM .ftMR table td span {
    font-size: 11px;
    font-size: 1.1rem;
}
#footer .ftB {
    border-top: 4px solid #20A8E3;
    padding-top: 85px;
}
#footer .ftB .ftBInr {
    border: 1px solid #CCC;
    margin: 0 auto;
    max-width: 1100px;
    padding: 50px 25px 40px;
    text-align: center;
}
#footer .ftB .ftBInr h2 {
    background-color: #FFF;
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    font-size: 2.2rem;
    letter-spacing: 0.06em;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    position: relative;
    top: -65px;
}
#footer .ftB .ftBInr h2 span {
    display: block;
    font-weight: normal;
    font-size: 10px;
    font-size: 1rem;
    padding: 10px 0;
}
#footer .ftB .ftBInr ul {
    margin-top: -55px;
    padding: 10px;
    overflow: hidden;
}
#footer .ftB .ftBInr ul li {
    display: inline-block;
    width: 18.9%;
}
#footer .ftB .ftBInr ul li a {
    border: 1px solid #DEDEDE;
    box-shadow: 0px 0px 2px 1px #DEDEDE;
    border-radius: 3px;
    color: #333;
    display: block;
    margin: 0 7px;
    padding: 30px 10px 30px;
    text-decoration: none;
    margin-bottom: 20px;
/* react native */
{
shadowColor:"#cccccc", shadowOffset: {
width:0, height:0
}, shadowOpacity:1, shadowRadius:4, borderWidth:0, borderColor:"#cccccc", borderRadius:3
}
}
#footer .ftB .ftBInr ul li a .img {
    line-height: 0;
    margin-bottom: 20px;
}
#footer .ftB .ftBInr ul li a .img img {
    height: auto;
    width: 100%;
    max-width: 137px;
}
#footer .ftB .ftBInr ul li a h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.4;
    min-height: 55px;
}
#footer .ftB .ftBInr ul li a h3 span {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
}
#footer .ftB .ftBInr ul li p.btn {
    border-radius: 2px;
    border: 1px solid #20A8E3;
    color: #20A8E3;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 12px 8px 18px;
    text-decoration: none;
    margin-top: 15px;
}
#footer .ftB .ftBInr ul li p.btn:after {
    color: #20A8E3;
    content: "\f0da";
    font-family: "fontawesome";
    margin-left: 10px;
}
#footer .ftB .ftBInr .sBtn {
    padding-top: 10px;
}
#footer .ftB .ftBInr .sBtn a {
    background-color: #20A8E3;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.04em;
    padding: 18px 24px 18px 30px;
    text-decoration: none;
}
#footer .ftB .ftBInr .sBtn a:after {
    color: #FFF;
    content: "\f0da";
    font-family: "fontawesome";
    margin-left: 20px;
}
#footer small {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    padding: 30px;
    text-align: center;
}






/*-- FOOTER --*/

#footer {
    padding: 0 20px;
    margin-top: 70px;
}
#footer .ftT {
    border-bottom: 1px dotted #AAA;
    margin-bottom: 65px;
}
#footer .ftT .ftTInr {
    margin: 0 auto;
    max-width: 1100px;
    padding-bottom: 20px;
    position: relative;
}
#footer .ftT ul {
    overflow: hidden;
}
#footer .ftT ul li {
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
}
#footer .ftT ul li a {
    border-left: 1px solid #333;
    color: #333;
    display: inline-block;
    padding: 1px 20px;
    text-decoration: none;
    transition: 0.2s;
}
#footer .ftT ul li.last a {
    border-right: 1px solid #333;
}
#footer .ftT ul li a:hover {
    color: #20A8E3;
    text-decoration: underline;
}
#footer .ftT p {
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.2s;
}
#footer .ftT p:hover {
    opacity: 0.7;
}
#footer .ftM {
    margin: 0 auto 65px;
    max-width: 1100px;
    overflow: hidden;
}
#footer .ftM .ftML {
    float: left;
    width: 50%;
}
#footer .ftM .ftML h3 {
    margin-bottom: 20px;
}
#footer .ftM .ftML p.address {
    margin-bottom: 7px;
}
#footer .ftM .ftML p.tel {
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.06em;
    vertical-align: bottom;
    margin-bottom: 15px;
}
#footer .ftM .ftML p.tel a {
    color: #333;
    font-size: 28px;
    font-size: 2.8rem;
    text-decoration: none;
}
#footer .ftM .ftML p.tel a:before {
    font-family: "fontawesome";
    content: "TEL：";
    font-size: 14px;
    margin-right: 4px;
}
#footer .ftM .ftML p.tel a span {
    font-size: 14px;
}
#footer .ftM .ftML ul {
    overflow: hidden;
}
#footer .ftM .ftML ul li {
    float: left;
    font-size: 14px;
    margin-right: 3px;
}
#footer .ftM .ftML ul li a {
    background-color: #20A8E3;
    border-radius: 2px;
    color: #FFF;
    display: block;
    padding: 12px 15px 10px 20px;
    text-decoration: none;
}
#footer .ftM .ftML ul li a:after {
    color: #FFF;
    content: "\f0da";
    font-family: "fontawesome";
    margin-left: 10px;
}
#footer .ftM .ftMR {
    float: right;
    width: 50%;
}
#footer .ftM .ftMR table {
    border-collapse: collapse;
    margin-bottom: 1px;
}
#footer .ftM .ftMR table th, #footer .ftM .ftMR table td {
    border-bottom: 1px dotted #AAA;
    line-height: 1.3;
    padding: 14px 10px 14px 14px;
}
#footer .ftM .ftMR table th {
    color: #20A8E3;
    font-weight: 500;
    width: 30%;
}
#footer .ftM .ftMR table td {
    color: #333;
}
#footer .ftM .ftMR table td span {
    font-size: 11px;
    font-size: 1.1rem;
}
#footer .ftB2 {
    padding-top: 45px;
}
#footer .ftB2 .ftBInr {
    border: 1px solid #CCC;
    margin: 0 auto;
    max-width: 1100px;
    padding: 50px 25px 0px;
    text-align: center;
}
#footer .ftB2 .ftBInr h2 {
    background-color: #FFF;
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    font-size: 2.2rem;
    letter-spacing: 0.06em;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    position: relative;
    top: -65px;
}
#footer .ftB2 .ftBInr h2 span {
    display: block;
    font-weight: normal;
    font-size: 10px;
    font-size: 1rem;
    padding: 10px 0;
}
#footer .ftB2 .ftBInr ul {
    margin-top: -45px;
    padding: 10px;
    overflow: hidden;
}
#footer .ftB2 .ftBInr ul li {
    display: inline-block;
    width: 18.9%;
}
#footer .ftB2 .ftBInr ul li a {
    border: 1px solid #DEDEDE;
    box-shadow: 0px 0px 2px 1px #DEDEDE;
    border-radius: 3px;
    color: #333;
    display: block;
    margin: 0 7px;
    padding: 30px 10px 30px;
    text-decoration: none;
    margin-bottom: 20px;
/* react native */
{
shadowColor:"#cccccc", shadowOffset: {
width:0, height:0
}, shadowOpacity:1, shadowRadius:4, borderWidth:0, borderColor:"#cccccc", borderRadius:3
}
}
#footer .ftB2 .ftBInr ul li a .img {
    line-height: 0;
    margin-bottom: 20px;
}
#footer .ftB2 .ftBInr ul li a .img img {
    height: auto;
    width: 100%;
    max-width: 137px;
}
#footer .ftB2 .ftBInr ul li a h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.4;
    min-height: 55px;
}
#footer .ftB2 .ftBInr ul li a h3 span {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    display: block;
}
#footer .ftB2 .ftBInr ul li p.btn {
    border-radius: 2px;
    border: 1px solid #20A8E3;
    color: #20A8E3;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px 12px 8px 18px;
    text-decoration: none;
    margin-top: 15px;
}
#footer .ftB2 .ftBInr ul li p.btn:after {
    color: #20A8E3;
    content: "\f0da";
    font-family: "fontawesome";
    margin-left: 10px;
}
#footer .ftB2 .ftBInr .sBtn {
    padding-top: 10px;
}
#footer .ftB .ftBInr .sBtn a {
    background-color: #20A8E3;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.04em;
    padding: 18px 24px 18px 30px;
    text-decoration: none;
}
#footer .ftB2 .ftBInr .sBtn a:after {
    color: #FFF;
    content: "\f0da";
    font-family: "fontawesome";
    margin-left: 20px;
}
#footer small {
    display: block;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    padding: 30px;
    text-align: center;
}






/*デバイスの横幅が1000px以下の場合*/
@media only screen and (max-width: 1000px) {
#footer .ftT p {
    display: none;
}
#footer .ftM .ftML ul li {
    font-size: 12px;
    margin-bottom: 2px;
}
#footer .ftM .ftMR table th, #footer .ftM .ftMR table td {
    padding: 14px 5px 14px 7px;
}
#footer .ftB .ftBInr {
    padding: 50px 15px 40px;
}
#footer .ftB .ftBInr ul li a {
    margin: 0 5px;
    padding: 20px 10px 25px;
}
#footer .ftB .ftBInr ul li p.btn {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 8px 5px 8px 5px;
}

#footer .ftB2 .ftBInr {
    padding: 50px 15px 40px;
}
#footer .ftB2 .ftBInr ul li a {
    margin: 0 5px;
    padding: 20px 10px 25px;
}
#footer .ftB2 .ftBInr ul li p.btn {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 8px 5px 8px 5px;
}


}

/*東生駒病院ここから*/
#higasiikoma #gNav ul li a:hover, #gNav ul li a:hover span em, #gNav ul li.current-item a{
    color: #ed778a;
}
#higasiikoma #header div.inr .hdR .hdRTop .tel a{
    color: #ed778a;
}
#higasiikoma #header div.inr .hdR .hdRTop ul li a::before{
    color: #ed778a;
}
#higasiikoma #header div.inr .hdR .btn.white a{
    color: #ed778a;
}
#higasiikoma #footer .ftM .ftML ul li a{
    background-color: #ed778a;
}
#higasiikoma #footer .ftM .ftMR table th{

}
/*東生駒病院ここまで*/







/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 1300px) {
}
#ftBtn {
    background: url(../cmn_img/img_logo.png) 47% center no-repeat;
    background-size: 115px auto;
    background-color: rgba(255,255,255,1);
    padding: 0 0 10px;
    position: fixed;
    bottom: -70px;
    left: 0;
    width: 100%;
    z-index: 10000;
    height: 60px;
    transition: 0.4s;
    opacity: 1;
    display: none;
    top: 0;
}



#higashiikoma #ftBtn{
    background: url(../cmn_img/img_logo_higasiikoma.png) 50% center no-repeat;
    background-color: rgba(255,255,255,1);
    background-size: 130px auto;
}

#ftBtnInr {
    background-color: #23AAE0;
    width: 60px;
    height: 60px;
}
#my-button {
    display: none;
    position: absolute;
    top: 4px;
    left: 8px;
    transition: 0.2s;
}
#my-button a {
    color: #FFF;
    border-radius: 4px;
    display: block;
    text-decoration: none;
    padding: 9px 8px 5px;
}
#my-button a:hover {
    text-decoration: none;
}
#my-button .menuName {
    color: #FFF;
    display: inline-block;
    font-size: 8px;
    padding-top: 0px;
    text-align: center;
}
.menu-trigger, .menu-trigger span {
    transition: all .4s;
    box-sizing: border-box;
    text-decoration: none;
}
.menu-trigger {
    position: relative;
    width: 28px!important;
    height: 21px;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #FFF;
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 9px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}
html.mm-opened .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
html.mm-opened .menu-trigger span:nth-of-type(2) {
    opacity: 0;
}
html.mm-opened .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
}
#my-button a:hover .menu-trigger span {
}
#ftBtn p#pTop {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}
#ftBtn p#pTop i {
    font-size: 40px;
}




/*----------------------------------------------------
    ☆東生駒病院ここから

#higashiikoma #mv{
    background: url(../cmn_img/higashiikoma_mv.jpg) center top no-repeat;
    background-size: cover;
}
#higashiikoma #header div.inr .hdR .hdRTop ul li a:before {
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .btn.white a {
    color: #ed778a;
}
#higashiikoma a,a:link,a:hover,a:focus {
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .hdRTop ul li a:before {
    color: #ed778a;
}

#higashiikoma #header div.inr .hdR .hdRTop .tel {
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .hdRTop .tel a {
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .btn.white a {
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .btn.white a:before {
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .hdRBottom #bgColor span:hover {
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
    color: #FFF;
}
#higashiikoma #header div.inr .hdR .hdRBottom #bgColor span.goNormal {
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
}

#higashiikoma #header div.inr .hdR .hdRBottom #fontSize ul li:hover {
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
    color: #FFF;
}
#higashiikoma #header div.inr .hdR .hdRBottom #fontSize ul li:hover {
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
    color: #FFF;
}
#higashiikoma #header div.inr .hdR .hdRBottom #fontSize ul li.current{
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
    color: #FFF;
}
#higashiikoma #header div.inr .hdR .hdRBottom #bgColor span:hover{
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
color: #FFF;
}
#higashiikoma #ftBtnInr {
    background-color: #ed778a;
}

#higashiikoma #footer .ftB {
    border-top: 4px solid #ed778a;
}
#higashiikoma #footer .ftM .ftMR table th {
    color: #ed778a;
}
#higashiikoma #footer .ftM .ftML ul li a {
    background-color:  #ed778a;
}
#higashiikoma #footer .ftT ul li a:hover {
    color: #ed778a;
}
#higashiikoma #lMenu div.categoryMenu h3 span.en {
    color: #ed778a;
}
#higashiikoma #lMenu div.categoryMenu {
    border-top: 4px solid #ed778a;
}
#higashiikoma #gNav ul li a:hover{
    color: #ed778a;
}
#higashiikoma #header div.inr .hdR .btn a {
    background: url(../cmn_img/bg_texture_pink.png) left top repeat;
    color: #FFF;}
#higashiikoma #header div.inr .hdR .btn.white a {
    background: none;
    color: #ed778a;
}

#higashiikoma #footer .ftB .ftBInr .sBtn a{
    background-color: #ed778a;
}
#higashiikoma #footer .ftB .ftBInr ul li p.btn::after{
    color: #ed778a;
}
#higashiikoma #footer .ftB .ftBInr ul li p.btn{
    border: 1px solid #ed778a;
    color: #ed778a;
}


#higashiikoma #footer .ftB2 .ftBInr .sBtn a{
    background-color: #ed778a;
}
#higashiikoma #footer .ftB2 .ftBInr ul li p.btn::after{
    color: #ed778a;
}
#higashiikoma #footer .ftB2 .ftBInr ul li p.btn{
    border: 1px solid #ed778a;
    color: #ed778a;
}

#higashiikoma #contents .bscBtn.btn05:hover{
    border: 1px solid #ed778a;
color: #ed778a;
}
#higashiikoma #contents .bscBtn.btn04:hover{
    border: 1px solid #ed778a;
color: #ed778a;
}



#higashiikoma #header div.inr .logo{
    float: left;
line-height: 0;
padding-top: 20px;
width: 280px;
}

    ☆東生駒病院ここまで
----------------------------------------------------*/